Tuesday 29 January 2013
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/maulanayuzuf.jafi&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
