Hai Blogger Semuanya...

Diartikel kali ini aku akan kasih tau cara untuk membuat  Like Facebook melayang diblog. Sebelumnya aku sudah pernah Post tentang Cara membuat Yahoo Messenger diblog, makanya aku buat pasangan untuk Siyahoo tersebut diblog supaya tidak kesepian..hahaha.... Ywd dech langsung aj ya. kalau kebanyakan pembuka ga cukup ntar box post nya..hehehe..:)

1. Masuk keDashBoard Blogger kalian.
2. Setelah itu pilih Template>>Edit Html. Jangan lupa Diexpand ya..
3. Cari Kode </head> biar lebih mudah Ctrl + F aj trus masukin dech Keyword </head>.Setelah ketemu copy Script yang ada dibawah ini diatas kode </head> tadi:
<script src='http://jmk-js.googlecode.com/files/Fans%20Page%20FB.js' type='text/javascript'/>
4. Lalu Klik Save template.
5. Nah Setelah itu kita lanjut ketahap selanjutnya dengan cara pilih Layout>>AddGadget>>Pilih yang HTML/JavaScript.
6. Stelah itu masukkan Script yang ada dibawah 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://s20.postimage.org/wudckp49p/facebook_copy.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: #000000;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Softpcdownloads &amp;width=245&amp;colorscheme=dark&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=240" scrolling="yes" frameborder="" style="border: medium none; overflow: hidden; height: 240px; width: 246px;background:#000000;"></iframe></div></div>
7. Perhatikan Script diatas!!! Tulisan yang bewarna merah wajib diganti dengan url facebook sobat. Sedangkan yang bewarna biru untuk mengatur warna background.
8.Selesai juga akhirnya.

Mudah2an Artikel ini bisa membantu kalian yang ingin Membuat Like Facebook Melayang DiBlog. Semoga bermanfaat ya...Kalau ada yang mau ditanyakan bisa memberikan komentar dibawah. kl tidak ad halangan pasti langsung dibales..: )

Indahnya Berbagi..
Salam Blogger...!!!

Post a Comment

 
Top