Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog

Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog

Halooo sahabat netter semua,pada postingan kali ini saya akan membahas tentang Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog. Mungkin ada yang beranggapann sudah bagi postingan ini..?betul kan..? Tapi disini saya membagikan informasi ini kepada yang belum mengetahui cara memasang widget fan page facebook tersembunyi disamping blog dan juga sebagai pelengkap informasi di situs web Berbagi Tips dan Cara Mudah ini.

Untuk langkah-langkahnya mudah saja koq,berikut adalah langkah-langkahnya :

• Silahkan login akun Blog Anda
• Pilih menu Rancangan dan Pilih Elemen Laman
• Setelah itu pilih Tambah Gadget 
• Kemudian Tambahkan HTML/JavaScript
• Dan Copy dan kode di bawah ini :

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dseyelashes&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#;" allowtransparency="true"></iframe><span><a href="http://www.tips-caramudah.com/2014/03/cara-mudah-membuat-widget-fan-page.html" target="_blank">+ Get This</a></span></div></div>

Keterangan :
Ganti kode yang berwarna Kuning dengan url fans page anda.

• Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

• Save template anda.

its so simpel kan..??karena terdapat banyak tipe widget fan page facebook di blog, jadi tunggu update selanjutnya ya untuk mendapatkan informasi terbarunya..

Keep Bloging :D

Terima kasih telah membaca artikel tentang Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog , Jika anda merasa artikel ini penting,akan sangat membantu dan berguna bagi orang lain jika membagi dan mensharenya dengan mengklik icon G +1, Facebook dan Twitter disamping.

Judul: Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.

Posted in: Widget Blog