Membuat Like Box Fanpage Facebook Tersembunyi
Selasa, 08 April 2014
0
komentar
Nah
tampilan like box dari facebook ini pun sudah menarik menurut saya.
Tetapi mungkin ada sobat blogger yang kebingungan mencari tempat untuk
memasang like box fans page facebooknya karena di blognya sudah banyak
terpasang widget. Tenang sob, sobat bisa menyembunyikan kotak like box fans page facebook
sobat pada blog sobat. Dengan cara ini juga maka blog sobat kelihatan
lebih indah untuk dipandang. Untuk tampilannya sobat bisa lihat gambar
di samping.Apakah sobat juga ingin memasangnya juga di blog sobat? jika jawaban dari sobat ya, maka ikutilah langkah-langkah Cara Membuat Like Box Facebook Tersembunyi.
1. Log in ke blogger.
2.Klik rancangan » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.
<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/AVvXsEjgJZrsRZz1TF_KdrkGdLgTa1908Hi0cCMl9hOTm2QKq5uvkooYJiGFr5gaBSO-C65PG-DIgkAIeRUtjWPsJSUczSXZ54ZBG4yVzDBEqiCPHJ2AUFADpb_TiQMN-N3IWsCmWxeKM7EcFqA/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=http://www.facebook.com/Bdiggfriendspage&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://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>
//<!--
$(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/AVvXsEjgJZrsRZz1TF_KdrkGdLgTa1908Hi0cCMl9hOTm2QKq5uvkooYJiGFr5gaBSO-C65PG-DIgkAIeRUtjWPsJSUczSXZ54ZBG4yVzDBEqiCPHJ2AUFADpb_TiQMN-N3IWsCmWxeKM7EcFqA/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=http://www.facebook.com/Bdiggfriendspage&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://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>
Keterangan :
- Ganti kode yang berwarna biru dengan url fans page anda.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
5.Save template anda.
Sekian tutorial tentang Cara Membuat Like Box Facebook Tersembunyi
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Like Box Fanpage Facebook Tersembunyi
Ditulis oleh Gih.!
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://giehcyberart.blogspot.com/2014/04/membuat-like-box-fanpage-facebook.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Gih.!
Rating Blog 5 dari 5
Categories:
Game,
Programing
0 komentar:
Posting Komentar