Kali ini saya akan membagikan tutorial kepada kalian tentang Cara
Memasang Widget Like FansPage Tersembunyi Di Blog. Widget ini tidak cuma
untuk memasang Like FansPage tersembunyi saja. tetapi juga bisa sebagai
penghias blog anda.
Langkah Pertama :
Langkah kedua :
//<!--
$(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><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=LETAKKAN URL PAGE ANDA DI SINI&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://kang-faster.blogspot.com/2013/03/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>
Langkah Pertama :
- Login atau masuk ke akun blogger kalian terlebih dahulu
- Setelah anda berada didasbor blogger klik More Options atau Opsi Lainnya
- Pilih menu Template
- Klik Prooced atau lanjutkan
- Centang Expand Template Widget
- Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan F3
- Copykan kode berikut diatas kode </head> tadi
- Setelah itu save atau simpan
Langkah kedua :
- Pilih menu layout atau tata letak
- Setelah itu klik add a gadget atau tambah gadget
- Kemudian pilih elemen HTML/JavaScript
- Masukan kode berikut
//<!--
$(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><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=LETAKKAN URL PAGE ANDA DI SINI&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://kang-faster.blogspot.com/2013/03/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>
- Sebelum di Save atau disimpan anda harus mengganti kata "LETAKKAN URL PAGE ANDA DI SINI" dengan URL halaman atau FansPage anda. ex : http://www.facebook.com/pages/Kang-Faster/191934430930518
- Terakhir Save atau Simpan
- Selesai
Thanks Gan !!!
ReplyDeletePostingannya Sangat Bermanfaat Bagi Saya !!!
Blognya Sudah Saya Follow
Thank juga gan udh folow blog sma like!!
ReplyDeleteJangan Lupa Mampir Ke Blog Saya Yah !!!
ReplyDeletehttp://cyber-black4rt.blogspot.com/
Sorry Kalau Blog Saya Jelek !!! Thanks