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://zootodays.blogspot.com/2012/04/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://zootodays.blogspot.com/2012/04/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.
- Terakhir Save atau Simpan
- Selesai
Anda baru saja membaca artikel yang berkategori tips blogger
dengan judul Cara Memasang Widget Like FansPage Tersembunyi Di Blog. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya... By : Blog bermanfaat,tips,trick
Ditulis oleh:
Unknown - Monday, March 4, 2013
Belum ada komentar untuk "Cara Memasang Widget Like FansPage Tersembunyi Di Blog"
Post a Comment