Membuat Like Box FACEBOOK Melayang pada Blog
Nah kawan-kawanku semua. Pada kesempatan kali ini ane mau posting tentang Cara membuat like box FACEBOOK Melayang pada Blog

Caranya Gampang kawan... Langsung aja ya ikuti langkah-langkah di Bawah untuk membuat like box FACEBOOK melayang pada Blog

Langkah pertama Membuat Like Box FACEBOOK Melayang pada Blog, kawan masuk ke blogger.com
Langsung aja login ke blog kawan sendiri.

Masuk ke perancang template
Cari Edit HTML - Lanjutkan
setelah keluar jendela pengeditan Template
kawan jangan lupa centang Expand Widget ya..

tujuanya untuk mengurangi kerusakan pada template jika ada script yang bertentangan

Setelah itu kawan langsung aja cari kode
</head> dengan tekan Ctrl + F (Find) atau kawan bisa tekan F3 biar lebih gampang.

Cari kode </head> dan letakan kode di bawah ini di atas kode </head> tadi

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

Nah setelah itu kawan save template kawan, dan langsung ke langkah ke dua...

Kawan masuk ke Perancangan Tata Letak, tambah / add widget / tambah gadget >> HTML/javaScript. Pada judul kawan kosongin aja. pada kolom isi kawan langsung aja copas kode di bawah ini

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<br />
<div class="w2bslikebox">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=URL%20FANS%20PAGE%20FACEBOOK%20KAWAN%20&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: medium none; height: 330px; overflow: hidden; width: 245px;"></iframe><a href="http://www.blogger.com/%20http://tunaspisang.blogspot.com/2012/08/membuat-like-box-facebook-melayang-pada.html"><b>Dapatkan Widget</b></a></div></div>



Setelah kawan copas kode di atas. Ganti tulisan kapital URL FANS PAGE FACEBOOK KAWAN dengan url fans Page kawan masing-masing

Setelah itu save. dan lihat hasilnya...

Terimakasih kawan sudah membaca postingan tentang
Membuat Like Box FACEBOOK Melayang pada Blog

Silahkan kawan Like Postingan ini dengan Mengklik LIKE di Like Box pada Blog ini

4 komentar:

Mang uem said... October 2, 2012 at 2:35 AM

Thanks sudah berbagi ilmunya, sukses selalu...

Green House said... October 2, 2012 at 9:55 PM

Sama-sama jangan lupa dishare ya... and like facebook Adios Blog

muhammad ilham said... March 12, 2013 at 8:23 PM

nice share kawan !!
BLokwalking

Jro Vanthey Istri said... April 18, 2015 at 12:34 AM

Mantap broow!!!
suksma ngih .. Om rahayu

Namaste ,,,

 
CiiBee.com © 2015. All Rights Reserved.
Top