0 Widget Like Button Cantik

Mau bkin widget like facebook seperti di bawah ini??


Saya juga pasang ko, liat ajh di sisi kanan postingan ini!!
Oke deh langsung saja ya..

Langkah Pertama:
1. Dari dashboard > design > edit HTML
2. Menggunakan fungsi find, (ctrl + F), cari kod </head>
3. Copy dan paste kod di bawah SEBELUM kod </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Nota: Jika anda dapati kod di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah kedua.

4. Selepas selesai klik Save Template

Langkah Kedua:

1. Dari dashboard > design > page element > add a gadget > HTML/javascript
2. Copy dan paste kod di bawah dalam ruangan HTML/javascript yang anda telah buka

<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=URL PAGE ANDA&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: 245px;background:#fff;"></iframe><span><a href="http://www.tipssoftwarenew.blogspot.com/2012/05/widget-like-button-cantik.html">Pasang Widget Ini</a></span></div></div>

Nota: Gantikan "URL PAGE ANDA"
contoh url page:
http://facebook.com/Tipssoftwarecocc

3. Save dan lihat hasilnya.:)
Selamat mencoba..

Anda sedang membaca artikel tentang Widget Like Button Cantik dan anda bisa menemukan artikel Widget Like Button Cantik ini dengan url http://system-art-rebel.blogspot.com/2013/02/widget-like-button-cantik.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Widget Like Button Cantik ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Widget Like Button Cantik sumbernya.

Related Post: