Cara Membuat Link Facebook Tersembunyi Di Pinggiran Blog

Kali Ini Saya Akan Berbagi Cara Membuat Link Facebook Tersembunyi Di Pinggiran Blog dan hasilnya bisa anda liat pada gambar berikut ini

 Tertarik membuatnya caranya sangat mudah tingal ikuti langka-langka berikut ini :

• Login ke blogger.com 
• Pilih Tata Letak 
• Pilih Tambahkan Gadget / Add gadget 
• Pilih HTML/JavaScript 
• Masukkan kode di bawah ini ke kolom di HTML/JavaScript tersebut 

<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/akrizzblog&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> </div></div>

• Keterangan : Kode Yang Berwarna Mera Ganti Genga Link Facebook Sobat
• Lalu Save Template anda  dan lihat hasilnya

Tweet