membuat like box atau fans page tersembunyi di blog
di blog.wah harus segera buat karena terasa blum
lengkap rasanya blog tanpa fan page yuk buat ,,,,
dibawah ini tutorialnya atau petunjuknya..
Pertama, Masuk Blogger > Rancangan > Edit HTML
Kedua,Cari Kode </head> (gunakan Ctrl + F Untuk mempermudah Mencarinya)
Ketiga,Copy Dan paste Kode Di bawah Ini Tepat sebelum kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Keempat,Simpan Template
Langkah 2
Pertama , Login Blogger > Rancangan > Elemen Lama > Tambah gadget > Html/JavaScript
Kedua, Copy Kode Di Bawah Ini dan Paste di Html/JavaScript Yang Taadi sobat Buka :
<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://i1013.photobucket.com/albums/af256/iroelst/logofb-1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:50%;}
.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=URL PAGE Facebookanda&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="
http://4techna.blogspot.com/2012/04/membuat-like-box-atau-fan-page-page.html">get widget here</a></span></div></div>
Dan terakhir , Simpan
lihat hasilnya klo ada kesalahan tolong lapor ya :D
3Awesome Comments!
ijin sedot gan
makasih...
sip ... mampir lagi ya