berikut adalah contoh like box untuk facebook anda. ( di sebelah kanan screen anda ) :
Live Demo
apa yang anda patut lakukan ialah login seperti biasa ke blogger anda.
selepas itu anda pergi ke > Design > Page Element.
Klik "Add Gadget"
Selepas itu, anda carilah HTML/Javascript dan klik.
seterusnya copy code dibawah:
<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/AVvXsEhj1r2wb_MQvU4y2wMM5Ku8MWQ5srKh0-pkiKZrKEl7KUhE0wsdTSqF8NE9AHms0LzkDsz0l6mnn4EHdUJgmriDDxfdtm4qhfNnCCtHDHFqTN_0uB8aOIzo-qGbiH-5TCGoBJ1kazXxDdfV/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%2Fyounginternetmaster&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://younginternetmaster.blogspot.com">Young Internet Master</a></span></div></div>
Seterunya pada tulisan yang younginternetmaster tersebut, sila tukarkan ke Username facebook anda. anda boleh ketahui Username yang anda gunakan di hujung link facebook page anda. sebagai contoh, www.facebook.com/younginternetmaster . Yang berwarna hijau adalah username anda. jika anda tidak mempunyai Username, sila gunakan no facebook I.D anda. user I.D anda boleh diperolehi di hujung link facebook anda seperti : www.facebook.com/838383839090 . Jika anda ingin menukar warna Facebook Icon anda dari Warna biasa ke warna lain:
 |
Warna yang anda sedang gunakan.
Anda boleh juga tukar ke Warna Link dengan menukar Link yang Berwarna Pink ini ke warna pilihan anda seperti di bawah:
Copy This Code:
http://i1239.photobucket.com/albums/ff505/readurmind89/1.png
Copy This Code:
http://i1239.photobucket.com/albums/ff505/readurmind89/21.png
Copy This Code:
http://i1239.photobucket.com/albums/ff505/readurmind89/12132.png
Klik Save dan anda selesai untuk langkah yang pertama.
Untuk langkah yang kedua, pergi ke Design > Edit HTML.
selepas itu anda carilah perkataan <head>.
gunakan ctrl + F untuk mencari perkataan tersebut jika anda mempunyai kesukaran.
letakkan Code ini selepas perkataan diatas.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>Jika anda sudah mempunyai code ini, sila jangan letak lagi. (mungkin anda ada memasang widget yang lain sebelum ini)
jadi anda save template anda dan anda sudah menyiapkan widget facebook like anda dengan menarik!
The End.
