Cari Blog Ini

Minggu, 12 Agustus 2012

MEMBUAT LIKE BOX FACEBOOK MELAYANG PADA BLOG

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

Tidak ada komentar:

Posting Komentar