Membuat Like Box Facebook Tersembunyi

Facebook dapat di jadikan sumber promosi para blogger, karena pengguna facebook kian hari kian banyak maka tidak ada salahnya mempromosikan blog kita di facebook. Like box fb di blog bisa membuat orang yang berkunjung ke blog kalian bisa sekalian mengLike FansPage Blog sobat, tetapi agar tidak memakan tempat Like Box FB dapat disembunyikan seperti tutorial berikut.

1. Masuk ke blogger.
2. Klik Rancangan/Design » Tambah 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/AVvXsEhegp3REdQTrpLqy2IPre_9P8GvdqKB-sz22ssh2_IusFSvr1Ic0dx8XuMBzz3dOFxXsnE3GMOdJmnT83VnaLrmemnGyPZMSoGt1_zf4DhuBK4bxx5WIhjJEeEo14MLEN9HXB4prC0F8E8/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/viking.community&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><span><a href="http://kevin-thereds.blogspot.com/2012/07/membuat-like-box-facebook-tersembunyi.html " target="_blank">+ Get This</a></span></div></div>

4. Pergi ke-Tab Edit HTML dan 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>

5. Terakhir "SAVE TEMPLATE"

Keterangan :
- Ganti Kode Yang Berwarna HIJAU dengan URL FansPage Sobat

Sumber
Suka Dengan Artikel Ini ?

Anda baru saja membaca artikel yang berkategori Tips Blog dengan judul "Membuat Like Box Facebook Tersembunyi". Anda bisa bookmark halaman ini dengan URL http://darkcoder-technology.blogspot.com/2013/01/membuat-like-box-facebook-tersembunyi.html.