بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Pagi Kawan ku !! Awalilah pagimu dengan basmallah dan senyuman :), pada pagi hari ini kita akan membahas tentang "Cara membuat Like Box facebook di kanan blog" nanti jika sudah jadi akan seperti gambar diatas tuh !! keren kan, gampang kok cara membuatnya ikuti langkahnya di bawah ini !
Langkah - langkah membuat Like Box di kanan Blog :
- login Blog agan
- Template > Edit HTML > Cari kode </head> (cara cepat untuk mencari dengan menggunakan CTRL + F) > Letakkan kode dibawah ini Diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'> </script>
ATAU
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
- Simpan Template, eits jangan senang dulu masih ada nih
- Sekaran agan masuk ke Tata Letak > Tambahkan Gadget > HTML/JavaScript, copy kode berikut dan letakan di HTML/JavaScript tadi
<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/AVvXsEhZbAWHjGpi6LV991TG73BdYBb6xMDYQ-QF0Ir7Qzng-juEMPhIxlRDmhrYAkEkxJrX1RdDv0uzaH0udSpvGHP8LSw47A_9DqG16fQvwXBoDw3RMGNQCk-lmOfd-CmdqaXz5ujE-F0CsnGa/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/pages/Berbagi-Tulis4n/463992467060995?fref=ts&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="http://berbagitulis4n.blogspot.com/2014/06/cara-membuat-like-box-facebook-di-kanan.html" target="_blank">+ Buat Seperti Ini</a></span></div></div>
- Ganti kode berwarna Biru dengan URL FanPage agan
.png)
Posting Komentar