Kali
ini mas seem akan share bagaimana cara membuat/memasang widget
FansPage Facebook tersembunyi di samping kanan blog. Hal ini patut
anda lakukan jika blog anda sudah banyak memuat widget-widget dan
anda pun sudah tidak tahu lagi ingin memasang/menaruh widget FansPage
Facebook ini. Widget ini tidak cuma untuk memasang Like FansPageFacebook tersembunyi
saja, tetapi juga bisa sebagai penghias blog
anda.
Liahat
contoh gambar dibawah ini atau lansung lihat saja di samping kanan
blok ini
berikut
langkah-langkahnya;
langkah
1
- silahkan masuk ke akun blog/Dasbor blog anda terlebih dahulu.
- Pilih menu edit HTML
- centang Expant tempelate widget
- Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan CTRL + F / F3
- copy paste kode berikut tepat diatas kode </head> tadi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- simpan....
langkah
ke-2
- pilih menu layot atau tata letak
- setelah itu klik add gatget atau tambah gatget
- kemudian pilih elemen html/javascript
- masukan kode berikut di dalam html/javascript
<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/-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>
$(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 Simpan anda harus mengganti kata "LETAKKAN URL PAGE ANDA DI SINI" dengan URL halaman atau FansPage anda. Jika masih bingung apa itu URL anda dapat melihatnya seperti di gambar berikut.
- lalu terakhir save / simpanselamat mencoba moga sukses kawan..
Artikel Terkait
