Cara Membuat Like Box Facebook Tersembunyi di Blogger - Biar tambah eksistensinya di dunia maya, tombol like ditampilkan diblog selain itu juga memudahkan agar orang lain bisa dengan mudah menemukan anda di dunia maya.
Karena facebook adalah teman yang paling banyak penggunanya selain twitter, walau twitter juga di di pasang di blog tapi nantilah dilain kesempatan bikin cara Cara Membuat Like Box Facebook Tersembunyi di Blogger dulu deh sekarang.
Pada kali ini saya akan mempostingkan cara membuat like box Facebook tersembunyi di Blog, berikut screenshotnya :
Karena facebook adalah teman yang paling banyak penggunanya selain twitter, walau twitter juga di di pasang di blog tapi nantilah dilain kesempatan bikin cara Cara Membuat Like Box Facebook Tersembunyi di Blogger dulu deh sekarang.
Pada kali ini saya akan mempostingkan cara membuat like box Facebook tersembunyi di Blog, berikut screenshotnya :
Nah bagi kalian yang bermina dengan like box tersebut, berikut tutorialnya :
1. Login ke akun Blogger anda.
2. Klik menu Tata Letak.
3. Klik Tambah Gadget dan Pilih Gadget HTML/JavaScript.
4. Masukan Kode berikut 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/AVvXsEi22XHGnAtzff2Kg5XO4ZXW7lWk8lgFqbQkVMPJkMa0-bxmbOY0wSi-gnCdh-1sFy742m8Qj9gIK66WlRc8u4eRjsGx13H1kl0vvzI87iMea_w8YRXJtPXqtKjqxVYj3JT4tfo4cTPgzTk/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/zulhamweb&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://zulham-id.blogspot.com/2013/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a>
</span>
</div>
</div>
5. Simpan.
6. Klik menu template, edit HTML
7. Cari kode <head> dengan Ctrl+F lalu masukan kode di bawah ini di atas <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
Keterangan : Jika di blog anda sudah ditambahkan kode <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script> maka tak perlu ditambahkan lagi, cara mengetahui sudah ditambahkan atau belum dengan cara klik edit HTML, dan cari kode <head> dengan CTRL+F, jika diatas <head> sudah ada kode tersebut maka tak perlu ditambahkan, dan jika belum maka tambahknlah
8. Simpan dan Selesai.
sumber : copas selamat mencoba Cara Membuat Like Box Facebook Tersembunyi di Blogger di blog kesayangan anda.
sumber : copas selamat mencoba Cara Membuat Like Box Facebook Tersembunyi di Blogger di blog kesayangan anda.
