Wednesday, December 12, 2012

Cara Pasang Widget Like Facebook Nyumput Di Kanan Blog


Kamu Tau Kan Widget Like Facebook ? , Macem2 kan bentuknya ? , Biasanya Kamu Kalau Pasang Di Blog Di Sidebar / Di Header sama Footer Posting Kan ? Nah Sekarang Saya Akan Memberitahu Bagaimanaca Cara Membuat Widget Itu Nempel Di Kanan Blog dan Saat Di Hover Akan Muncul Widgetnya ,, Gampang Kok Caranya Asalkan Kamu Baca Dengan Teliti Tutorialnya ! , Tanpa Banyak Cingcong Lagi Yuk Ahh Mulai Ke Tutorialnya, Eitss.. Sebelumnya Kamu Harus Punya Fanspage Blog/Website Kamu Di Facebook...

Caranya :
1. Login Ke Blog Kamu
2. Kamu Masuk Ke Bagian Tata Letak/ Layout
3. Di Situ Kamu Bikin Gadet HTML/JavaScript (Jangan Di Kasih Judul)
4. Kamu Copy/Paste Script Di Bawah Ke Dalam Gadget Yang Tadi Buat:


<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=http%3A%2F%2Fwww.facebook.com%2FIDPAGEKAMU&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 545px;background:#fff;"></iframe></div></div></script>

5. Kamu Klick Save Aja ,, Dan Liat Hasilnya!

Ket.
   Tulisan Berwarna Merah Yang Di Dalah Script Itu Ganti Dengan ID Fanspage Blog Kamu Di Facebook. Gadget HTML/JavaScriptnya Jangan Di Kasih Judul.


No comments:

Post a Comment