dalam postingan kali ini saya akan share tentang cara memasang facebook like di blog auto hide. Sebelumnya saya jelaskan tentang keuntungan memasang tool ini yaitu kalian akan mempermudah pembaca untuk mengenali blog anda selain itu juga dapat menambah likers kalian. oke langsung simak ya .
1. Buka Blog kalian
2. masuk pada tata letak > tambah gadget > html java script
3. pastekan kode berikut
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAcUjz0o00ivz5rO8SJwB1pSaOxQiurdd3uVRYYs2xqQ3mJxksITSJsIvqthZgXrujDo2EYomh3knrFOXNJAfR4Mf3pXIE82kJ5HjEB55TnJkepnjSPea-lYwRPK55IW-NO8tgJZ-_hz8/s1600/fans-page-facebook.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:30%;}
.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=https://www.facebook.com/hardi.sidarta&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://hardisidarta.blogspot.com/2014/04/cara-memasang-facebook-like-di-blog.html">Get Widget Here</a></span></div></div>
4. Ganti tulisan yang berwarna biru dengan link facebook anda
5. Simpan, dan silakan check blog anda.
6. Selesai
oke itu dia tadi Cara memasang Facebook like di blog (auto hide), jangan lupa beri komentar, +1, like dan follow ya :D
Kamis, 10 April 2014
Filled Under:
Tutorial Blog
Cara memasang Facebook like di Blog (auto hide)
Posted By:
Hardi Sidarta
- 08.14
08.14
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar