Cara membuat kotak like facebook melayang versi modern di blog

POSTED BYwahyucoy3 POSTED ON 14:55 WITH 23 COMMENTS

facebook

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 MENAMBAHKANNYA DI BLOG

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/AVvXsEg_CysySbf-hwiw14LPBWCBGKVkKQdlDtk1f2NxiZxyu0SZ1FC3S4TLuAfMz2OYg4wN127Lft4aSSCRuX5HFy8vX6sA6Kn3IuNYvt2sZlT4nlDTBmi2MMOFET3vvSy4X5zJnR6WmJUVf5A/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%2F1.menittulisaddaku&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://=wahyucoy3.blogspot.com/"> Wawasan spiritual dan blogging</a></span>
     </div>
</div>

Ganti 1.menittulisaddaku dengan ID Facebook Fans Page anda
Simpan Template dan lihat hasilnya...

Terima Kasih Atas Kunjungan Anda
Judul: Cara membuat kotak like facebook melayang versi modern di blog
Ditulis Oleh jalupangna
Jika mengutip harap berikan link yang menuju ke artikel Cara membuat kotak like facebook melayang versi modern di blog ini. Terima kasih atas perhatiannya

selamat mencoba