Cara membuat kotak like FB menempel di sisi Blog

Tuesday, December 18, 2012
pengen punya Facebook Like Box yang menempel di sisi blog seperti gambar di bawah ??




gampang sob,.

masuk ke blogger.com (alias Login) wkwk

Pilih Rancangan - tambah gadget - cari yang html/javascript lalu Copas (copy and paste) kode Hijau di bawah :


<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4g6xOgucm6YoAlzOnN14cQgBI9FrSTJ1jplDjmj7q1OOMI8ZrxsmjbmCC1Ys9r6KB9CzdSeL7NVwn-J5va5dSB5Rj0kJqIXnK8HkmmggA1A9pWDW0VmXJwQR4a41mEKxKyfE4q3CXI2P/s150/w2b_facebookbadge.pn") 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%2Ffacebook.com%2Findamixson&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span></span></div></div>


nahh,.
sebelum kawan Save html/javascript nya jangan lupa kawan ganti nama yang berwarna ungu di atas dengan Username Facebook kawan sendiri :D

bingung cara gantinya? ya iyalah,. saya juga pertamanya Bingung koq :p wkwk

nihh saya kasih tau (biar gak bego bego amat) hahahaha


pertama masuk ke sini http://facebook.com/username (ntar di tanya nope kawan buat verifikasi kode jadi kalo gak punya Handphone yahh gak usahlah pasang Like Box segala) wkwkwk

habis itu akan muncul gambar seperti di bawah


nahh,. kalo sudah di sini kawan aturlah mau pake username apa? trus kalo sudah yahh tinggal klik OK sj dan jadi deeehh :p

eittss,. jangan lupa masukan username nya kawan ke tulisan warna ungu di atas (IndamixSon yahh kalo gak salah) :D habis itu di save dan jadilah yang di kehendaki kawan :p wkwkwk


Selamat Mencoba


#IndamixSon

JANGAN LEWATKAN ARTIKEL DI BAWAH :

Terdapat 0 komentar: