Teman

Cara Membuat Like Box Facebook Tersembunyi


Sondag 09 Desember 2012


Pengguna facebook kian bertambah banyak, hal ini memungkinkan kita para blogger untuk mempromosikan blog melalui sosial media facebook ini. Bagi yang sudah memiliki fans page di facebook pasti sebagian besar para blogger sudah memasang like box yang sudah disediakan oleh facebook.

Nah,  tampilan like box dari facebook ini pun sudah menarik menurut saya. Tetapi mungkin ada beberapa blogger yang kebingungan mencari tempat untuk memasang like box fans page facebooknya karena di blognya sudah banyak terpasang widget. Tapi tenang, Anda bisa menyembunyikan kotak like box fans page facebook Anda pada blog Anda. Dengan cara ini juga maka blog Anda kelihatan lebih indah untuk dipandang. Untuk tampilannya Anda bisa lihat gambar di samping.

Apakah Anda juga ingin memasangnya di blog Anda? Jika Anda menjawab ya, maka ikutilah langkah-langkah berikut :
1. Login ke blogger
2. Klik Tata Letak  � Add Gadget � HTML/Java Script
3. Copy dan paste-kan 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/AVvXsEiMcvh-zRHsXQxEznll6JoTFrbfGMh53G9uxUaknSUiH6Tq2K6RHKkZZI4NTbAPjqm7UO6UqbpvLJoa0KRvVH8wCNfAmjJA-JGyrjBoJusXY0Uq-Q85HGu_kga1aEykzy9221U5qDXyqX0/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:15%;}
.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/sma.negeri.2.situbondo&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://daniors.blogspot.com/2012/12/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

4. Selanjutnya pergi ke Template � Edit HTML

5. Cari kode </head> (Gunakan Ctrl + F untuk mempermudah pencarian)
6. Copy dan paste-kan kode di bawah ini tepat di atas kode </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

5. Simpan template, selesai

Sekian sampai disini tutorial tentang Cara Membuat Like Box Facebook Tersembunyi. Mudah-mudahan artikel ini bisa bermanfaat bagi Anda.

0 opmerkings: