Cara membuat like facebook di blog auto hide
Cara membuat like facebook di blog auto hide_ Facebook merupakan salah satu situs jejaring sosial yang banyak pengunjungya, hampir semua orang mengenal dan menggunakan situs facebook ini.
Tidak bisa di pungkiri kalau facebook adalah sarana yang tepat untuk mencari usaha online, mencari pembaca blog, dan lain-lain.
Jadi bisa saja melalui situs facebook ini orang lain dapat mengetahui produk yang kita jual, dan lain-lain.
Biasa-nya para blogger membuat suatu halaman khusus di facebook atau bahasa gaul-nya sebagai halaman fans page dll. Sesuai dengan judul diatas saya akan memberikan sedikit tutorial tentang Cara membuat like facebook di blog auto hide, langsung saja sobat ikuti langkah-langkahnya di bawah ini :
1. Pertama sobat login ke akun blogger sobat atau klik DISINI
2. Kedua, pada bagian menu tab pilih rancangan > template > klik Edit HTML dan centang tulisan Expand Template Widget
3. Selanjutnya cari kode <head> cara-nya tekan CTRL + F lalu masuka kode <head> tersebut.
4. Copy dan paste-kan kode berikut tepat diatas kode <head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
dan klik simpan template.
5. Sekarang kembali ke rancangan > tambah gadget > pilih HTML/Javascript
6. Copy dan paste-kan kode berikut ini di HTML/Javascript tadi
<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/pentiumblog&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://cahblk.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>
keterangan : Ganti tulisan yang berwarna merah dengan id facebook/halaman sobat
7. Klik simpan dan silahkan sobat cek hasilnya
semoga berhasil...
7. Klik simpan dan silahkan sobat cek hasilnya
semoga berhasil...
saya sudah mencoba trik di atas,dan berhasil!
ReplyDeleteterimakasih atas trik nya bang
kunjungi blog saya juga yah bang :)
http://www.arifiencjr.co.cc/
Oke gan, langsung meluncur :)
Deleteterima kasih gan infonya jangan lupa mampir ya
ReplyDeleteTrm ksh gan
Delete