Cara Memasang Like Box FanPages / FansPage Facebook Auto Hide Di Samping Blog | NIGHT002

NIGHT002 - Akan kembali berbagi informasi menarik seputar blogger. Widget siapa sih yang ga butuh dengan widget ? apa lagi seorang blogger pasti butuh sekali dengan yang namanya Widget ini, berhubung widget ibi sangat dibutuhkan jadi kami disini akan memberikan Widget ini untuk Kawan.

Cara Membuat Like Box FanPages / FansPage Auto Hide Di Samping Blog | NIGHT002.

Kami buat judul agak panjang agar pembaca memahami apa yang akan kami berikan kepada Anda, Widget ini sangat berguna untuk Anda karena widget ini simple dan Auto Hide Kawan, jadi ga ngerusak pemandangan blog Anda hehe.

Ini dia hasil jadi dari tutorial yang Kawan simak.

Disini kami akan memberikan Script Widgetnya berserta Tutorialnya :

1. Login blogger ( Wajib )
2. Masuk Template 
3. Edit HTML, masukan script dibawah ini tepat di atas kode </head>

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

Tip : Jika Kawan sudah mempunyai kode tersebut di dalam template blog Kawan, kode di atas tidak usah di copy, langsung saja ke tutorial di bawah ini :

1. Belum selesai sampai disitu Kawan.
2. Klik Tata Letak ( di dalam opsi lainnya / di samping gambar pensil ).
3. Klik Tambah gadget cari HTML/Javascript lalu letakan script dibawah ini setelah itu save.

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpUkT5BYF8yphec8mnFQrmli-AXS9qrBzsx5u-gdqPNEXjVmcgoc_0-eviUIPoyJNoysHYmsFlqcMo56Gc6kHLC8KCC39irpZitCV8ryjaQrjaRa8TeVjkBReguk2g98nv8wFBkmPD9k/s1600/floatingfb.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: #808080;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=https://www.facebook.com/bloggernight002&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="#####" target="_blank">.:Get Widget:.</a></span></div></div>

Ini keterangan yang sudah diberikan dengan baik dan benar yah Kawan, Sekian post kali ini tentang : Cara Membuat Like Box FanPages / FansPage Facebook Auto Hide Di Samping Blog | NIGHT002, Artikel ini termasuk kedalam Label : Blogger Turorial. Semoga bermanfaat Kawan . Sukses terus blognya

Share :

Facebook Google+ Twitter