Cara menambahkan Like on Facebook melayang di samping [kanan] Blog

December 12, 2012



Halo Pengunjung Blog atau yang punya blog, pingin mempercantik tampilan blogmu? Nah, ini saya ingin share untuk mempercanti blogmu dan sekaligus menambah likers Fan Page mu,,,,nah, LIKE ON FACEBOOK ini, auto hide dan menempel atau melayang disamping blog (kanan) dan jika cursormu mennyentuh lambang facebook nih ya, dia akan muncul dan menutup lagi jika tak disentu, keren kagak?
Gaul Kan? Nih, ku kasih caranya :
1. Log In dulu ke bloger mu

2. Lalu, ke TATA LETAK

3. LALU, tambahkan widget baru....

4. HTML/Java script widget dan klik tambahkan

5. Lalu, masukin nih script


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

<blockquote></blockquote></script>

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
    <div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/hanifsom.9?ref=hl&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><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
    </div>
</div>


6. lalu, klik save...[simpan]

ket : tulisan berwarana merah, ganti dengan url fan fage facebook mu

7. Gimana, bisa gak? Bagus Kan? Tambah elok gak blogmu?

8. Follow blog ku dan Like ya......di widget yang sama di kanan blog ku ini.....

You Might Also Like

0 comments

Blog Archive

Total Pageviews

Music Corner