Klik Sini Untuk Tambah Ilmu

Recent Post

Slider Fan Page Facebook

Assalamualaiku, sememangnya aku tak pndai nak berbunga2, so kita terus kan dengan tutorial.
Kalau tengok tajuk di atas untuk menyembunyikan fanpage dan aku telah menyediakan kan kod untuk korang dan korang boleh pilih korang nk letak belah mana, kiri atau kanan its depend on you.


Pergi ke Edit HTML > cari kod </head>
Then copy kod di bawah dan paste kan ia sebelum </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Save Template!!


Then, pergi ke Page element > Add Gadget > HTML Code
Copy kod dibawah ini sama ada korang nk bahagian kanan atau kiri tp kena tukar URL PAGE korang.


KANAN 

<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://i.imgur.com/n18r5.gif?9679") no-repeat scroll left center transparent !important;display: block;left: left;height: 270px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 12px "arial",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://www.facebook.com/pages/Bloggering/300376856657636&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://advance-blog-user.blogspot.com/">Tutorial Disini</a></span></div></div>

KIRI 

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({left: "0"}, "medium");}, function() {$(this).stop().animate({left: "-290"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://i.imgur.com/n18r5.gif?9679") no-repeat scroll right center transparent !important;display: block;left: left;height: 270px;padding: 0 25px 0 46px;width: 245px;z-index: 99999;position:fixed;left:-290px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 12px "arial",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 ID KAMU&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://advance-blog-user.blogspot.com/">Tutorial Disini</a></span></div></div>

Save dan View, THANKS semoga berjumpa lagi dengan tutorial yang lain