4:17 AM
0
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQND9tj8flnrP6a9mz-vpcF54o61SU0GBtWG6QxCx5kQ_Uak3j0lVAeqoaGFmxUnieSGu9VBEgL8iCiLf59ogiR2ocUIW7aFlSWrRB4-5mA0cEx-qgpkROuvKOl9hT8dhLPDlzNDEWTto/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.

0 komentar:

Post a Comment

Facebook Comments

[Pasang Widget] | [tutup]