Kepada Blogger IT, Teknologi atau Berkaitan Dunia Teknologi, Mari Bertukar Link Dengan Blog ini



Translate

Thursday, September 6, 2012

Tutorial Buat Facebook like Di tepi blog anda





facebook like di tepi seperti gambar di atas


Sign in Blogger
Click " Template " seperti gambar di bawah





Click " Edit Html " seperti di bawah



Search " </Head> " & Past Code ini sebelum " </Head> " Tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
Paste code ini diatas </head> seperti dalam rajah dibawah


Save Template...
Sekarang Pilih " Layout " Tab

>Add New Gadget
>Select " Html/Javascript "
Paste code dibawah di dalam HTML/Javascript tadi

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<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/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.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://www.facebook.com/Remoih&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></div></div>

Paste This Code & Click Save ......
seperti gambar di bawah



"Perhatian: tukar http://www.facebook.com/Remoih Kepada anda punya facebook url"
Selesai
selamat mencuba

No comments:

Post a Comment

Popular Posts Blog IT Segment

Recommended Post Slide Out For Blogger
Related Posts Plugin for WordPress, Blogger...

Rakan Bersama

Blogger tricks and toolz