Cara Membuat Like Facebook Melayang Disamping Kanan Blog



Penulis:Uchiha Sasuke
Crated By sapiterbangs.blogspot.com



Hai Sob Pada Pos Pertama Saya Hari Ini Saya Membahas Tentang Cara Membuat Like Facebook Melayang Disamping Kanan Blog Nah Banyak Blogger Yang Memakai Like Facebook Yang Seperti Ini Selain Untuk Mempromosikan Fanspage Facebook Juga Berguna Untuk Mempercantik Blog Jadi Multifungsi Sob Nah Bagi Sobat - Sobat Yang Ingin Widget Seperti Gambar Yang Diatas Tinggal Sobat Ikuti Saja Langkah - Langkah Berikut.

1.Masuk Ke Akun Blog Sobat
2.Rancangan>>Template>>Edit HTML
3.Centang Kotak Expand Widget Template
4.Lalu Cari Kode 
</head> Jika Sudah Ketemu Taruh Kode Dibawah Ini Tepat Diatas Kode </head>

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

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

5.Simpan Template
6.Masuk Ke Tata Letak>>Tambah Gadget>>HTML/JavaScript
7.Salin Kode Dibawah Ini Lalu Tempelkan Pada Kotak Konten

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><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/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.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><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Fanspage-sapiterbangsblogspotcom/297061727079233&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://24work.blogspot.com/">Blogspot tutorial</a> / <a href="http://24work.blogspot.com/">+Get This!</a></span></div></div>

Keterangan:
-Ganti Kode Yang Berwarna Merah Dengan URL Fanspage Kalian

8.Simpan

Semoga Bermanfaat...



Share your views...

1 Respones to "Cara Membuat Like Facebook Melayang Disamping Kanan Blog"

kevinservis mengatakan...

Komentar ini telah dihapus oleh pengarang.

Posting Komentar

 

© 2012 sapiterbangs Blog