Cara Membuat Like Facebook Tersembunyi Di Samping Blog

Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Berikut Ini Adalah Cara Membuat Like Facebook Tersembunyi Di Samping Blog. Cara ini bisa sobat terapkan saat widget yang sobat pasang diblog sobat terlalu banyak. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog sobat.



Berikut Ini Cara Membuat Like Facebook Tersembunyi Di Samping Blog :

1. Masuk atau Login ke Blogger.
2. Pilih Tata LetakTambah GadgetHTML / JavaScript.
3. Copas kode dibawah ini, dan letakkan di box HTML/JavaScript.
<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://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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/Kompor-Meledak/282307178477798&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:#fff;" allowtransparency="true"></iframe></div></div>
Note : Ganti kode yang berwarna merah dengan url fans page sobat.

4. Setelah itu Simpan, dan selanjutnya menuju ke TemplateEdit Html lalu carai kode </head>.
5. Copas kode dibawah ini, dan letakkan di atas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
6. Simpan Template, Lihat hasilnya, selamat mencoba dan semoga bermanfaat.





Cara Membuat Like Facebook Tersembunyi Di Samping Blog » 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.


Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Kompor Meledak
Diposkan oleh → Andi Sito
Comments
2 Comments

2 komentar untuk "Cara Membuat Like Facebook Tersembunyi Di Samping Blog"