Facebook adalah salah satu pioneer (pelopor) jejaring sosial. Mempromosikan blog anda di Facebook sangat diperlukan dan dibutuhkan.Widget ini jauh lebih baik dan efisien untuk mempromosikan blog. Widget jejaring sosial yang satu ini terusan (terbaru) dari widget-widget facebook sebelumnya. Oleh karena itu saya sebut kotak facebook like melayang versi modern ( Modern Floating Facebook Like Box)
View Demo
Cara menambahkan widget ini cukup mudah, berikut langkah-langkahnya:
- Masuk ke akun blogger
- Klik Tata Letak-> Tambahkan Gadget-> HTML/Javascript
- Pastekan kode berikut dibawah ini di dalamnya:
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZXY9Ff4SD764ruE5hJet17fysYJh4qCWkH0nNcpViXCYCMiZnWz46ikCylj-6DOr1A_AZHTEJLkLLm8qmHyzR-AfCEDKCcP4gPGVFLgaYPtmekpW1BIlwX2ARV60D5baSWJY8Gh0G0g/s1600/facebook+floating+box.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fjalu-pangna&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.jalu-pangna.blogspot.com/"> Wawasan spiritual dan blogging</a></span>
</div>
</div>
- Ganti jalu-pangna dengan ID Facebook Fans Page anda
- Simpan Template dan lihat hasilnya...
Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 20.51
gan udah saya ikutin langkah diatas, kok tombol FB saya gak aktif, trus link photobucket dipindahkan kemana, makasih atas infonya moga sukses
BalasHapusKomentar ini telah dihapus oleh administrator blog.
Hapusoo ya gan blog saya www.utamagravis.blogspot.com
BalasHapusSaya ucapkan Terima kasih sebelumnya atas kunjungan dan komentarnya. O..ya, sebelumnya saya mau tanya dulu anda sudah bikin Facebook fans page belum? script diatas saya coba beberapa kali diterapkan ga ada masalah. Kalau anda belum bikin fb fans page ini linknya:
Hapushttp://www.facebook.com/pages/create/
Setelah selesai bikin fb fans pagenya kemudian masuk lagi ke fb like boxnya:
http://developers.facebook.com/docs/reference/plugins/like-box/
Baru bisa kita terapkan di blog, kalau foto like box fb bukan di upload/disimpan di photobucket. akan tetapi muncul dengan sendirinya di kotak fb fans page anda, kalau orang me like fb fans page yang anda buat.
kalau nanti ada trouble (masalah) silahkan berkomentar lagi. saya tunggu..Trim's
Siap lanjutkan....terima kasih...
BalasHapusbutik busana muslim
Sama-sama mas, udah saya follow blog anda tinggal follow back lagi ya? Terima kasih atas kunjungannya... :)
BalasHapus:)) like
BalasHapusThank you so much.. :)
HapusKomentar ini telah dihapus oleh administrator blog.
BalasHapuskeren banget tipsnya...
BalasHapusakan saya gunakan di blog saya www.jey2shop.com
ok, silahkan mas jey dengan senang hati..terima kasih kunjungannya. :)
Hapusmau yang pake timer itu gimana yah, nyoba2 gak berhasil
BalasHapusMaksudnya apa yang pakai timer mas? :)
Hapusartikelnya bagus bagus gan
BalasHapusTerima kasih mas iwan atas respond dan apresiasinya. Salam.. :)
Hapusmakasih infonya, visit balik ya di http://rositaputri42.blogspot.com :0
BalasHapusSama-sama saudari rosita, insya Allah segera meluncur ke TKP :)
Hapustrima kasih infonya gan, kunjung balik http://heavylifeboy.blogspot.com/ follow blognya gan :>)
BalasHapusSama-sama mas Dio, insya Allah segera berkunjung.. :)
Hapusudah saya coba pak...
BalasHapustapi gk muncul**
fanspage udah da...
trus saya ikuti langkah di atas..
saran lagi pak
http://amrulsyah.blogspot.com/
Coba anda ikuti tutorialnya dengan cermat sekali lagi, yang lain ga ada masalah..
HapusNumpang Lewatt ane Visit> http://ajixcrew.blogspot.com/2013/05/tool-hack-akun-facebook-2013-work-100.html
BalasHapusBerbagi Itu menyenangkan (y)
Makasih bgt infonya, :))
BalasHapusSama-sama sobat, terima kasih banyak kunjungannya. Salam..
HapusWah keren mas, mau nyoba ah....
BalasHapusSilahkan sob, dengan senang hati.. :)
Hapusbagus banget
BalasHapusTerima kasih banyak mas atas kunjungannya..
HapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusGan, di blog saya di sekkomp.blogspot.com gak bisa jalam gan scriptnya, apa mungkin harus di panggil dulu javascrptnya di tag htmlnya ??
BalasHapusbantu ya gan
Biasanya ada konflik library javascript jQuery di html, coba anda cek lagi jgn sampai double library javascript jQuery. untuk contoh:
Hapus<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
maaf, kok di saya malah hanya muncul icon like-nya saja tapi tidak bisa diklik. mohon pencerahannya. terima kasih.
BalasHapusvickzkater.blogspot.com
Saya udah check barusan. coba anda alihkan/pindahkan widget chat box/guest box ke sidebar saja, kemudian pasang widget kotak like fb nya sesuai tutorial diatas. Kalau masih ada kendala biasanya ada konflik library javascript jQuery di html.
Hapusthanks gannn
BalasHapussama-sama mas jack..!
HapusJadi simple blog nya fanpage ada di samping. jd ga bnyk kotak2 di sidebar :D mksih eyang
BalasHapusSama-sama mas Felippe Kharisma.. :)
BalasHapusiya, makasih banyak mas atas kunjungannya..salam kenal kembali. :)
BalasHapuskalo widget popup itu, gak bakaln berat k sitenya???
BalasHapusAsal jangan kebanyakan widget mbak...kalau hanya anda pasang widget ini saja saya rasa tdk terlalu memberatkan loading blog. sebaiknya kode CSS dan java scriptnya anda kompress terlebih dahulu biar lebih meringankan loading blog.
Hapussalam kenal,saya sudah coba untuk bikin fb fan page tapi ga bisa?saya sudah pny fb fans page dengan nama:TKQ- TPQ Al-jannah,dan waktu coba untuk buat lagi utk di blog ga bisa?mohon sarannya,,saya baru belajar bikin blog.masih gaptek banget.ditunggu kunjungan baliknya ya..terima kasih..
BalasHapusNice Post ..
BalasHapusVisit : GnaragN.blogspot.com
Patch PES 6 and Mod GTA Sa Versi Indonesia..
Thank u so much..:) makasih atas kunjungannya
HapusMantap Gan
BalasHapusMakasih mas apresiasi dan kunjungannya..
HapusArtikel yang bermanfaat. Anda bisa membagikan link artikel ini di http://www.idblogmark.com
BalasHapusTerima kasih banyak mas atas apresiasi dan kunjungannya..Insya Allah..
Hapusmakasih ya gan :)
BalasHapussama-sama mas..terima kasih banyak atas kunjungannya.
HapusTerima kasih banyak atas kunjungannya..
BalasHapus