Kamis, 10 April 2014

Filled Under:

Cara memasang Facebook like di Blog (auto hide)

08.14

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&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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

0 komentar:

Posting Komentar