Dibawah ini langkah untuk memasang like facebook di blog
<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/AVvXsEg2TIPvPC6yBnwCVFcm_75l3Zjmarkx_Z0ytdsxCs2FegF_2e9foiwj0Pw0DGwMWh3B4YkqyxXiVx3Nhh2R8DDVDZkmats-POlNCdT6BGzx4SEkzCimBsB-eOcA6zF34ID0xYd3_vhDoww/w497-h373/facebook.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=http://www.facebook.com/pages/Indatabo/278563672214088&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://indatabo.blogspot.com/2012/04/cara-memasang-like-facebook-tersembunyi.html" target="_blank">+ Free code windget</a></span></div></div>
Secara tersembunyi
1.login ke akun blogger anda
2.Pilih menu Template
3.Klik pada tombol edit
4.Centang kotak Expand Template Widget
5.Cari kode </head> gunakan CTRL+F
6.Pastekan kode dibawah ini tepat diatas kode </head>
<script src='https://ajax.googleapis.com/
ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></script>
7.Simpan template
8.Pilih menu edit tata letak
9.Klik tambah ganget/add gdget
10.Pilih html/java script
11.Copy kode dibawah ini
<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/AVvXsEg2TIPvPC6yBnwCVFcm_75l3Zjmarkx_Z0ytdsxCs2FegF_2e9foiwj0Pw0DGwMWh3B4YkqyxXiVx3Nhh2R8DDVDZkmats-POlNCdT6BGzx4SEkzCimBsB-eOcA6zF34ID0xYd3_vhDoww/w497-h373/facebook.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=http://www.facebook.com/pages/Indatabo/278563672214088&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://indatabo.blogspot.com/2012/04/cara-memasang-like-facebook-tersembunyi.html" target="_blank">+ Free code windget</a></span></div></div>
12.Ganti kode yang berwarna biru dengan url like faceebok anda.
13.Pastekan kode tersebut pada box html/javascript
14.Klik simpan
15.Selesai sudah dan lihat hasilnya pada blog anda
1 komentar:
thank's gan triknya
Posting Komentar