468x60 Ads

Saturday, 21 July 2012

Static Facebook Popup Like Box


           Setiap blog pasti kurang rasanya jika tidak memiliki Fans Page, apalagi kalau blog tersebut sudah terkenal pasti bejibun yang nge-likes Fans Pagenya. Oleh karena itu saya akan share Static Facebook Popup Like Box, dengan tambahan widget ini tentu saja akan mempermudah Fans Page sobat untuk mendapatkan tambahan like dari pengunjung blog sobat. Untuk menggunakan widget ini syarat mutlaknya adalah sobat sudah mempunyai Fans Page sendiri, kalau belum punya cari tutorial di Google untuk membuatnya karena sudah banyak blog yang membahasnya, jika sudah punya maka ikuti tutorial di bawah ini.
Cara menambah Static Facebook Popup Like Box
1. Login ke Blogger.
2. Masuk Tab Rancangan ==> Edit HTML ==> centang Expand Template Lengkap
3. Tambahkan script Jquery berikut di template sobat sebelumtag </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"/>
Jika sobat sudah memasang Jquery pada blog sobat maka abaikan langkah ini.
4. Masuk ke Tab Rancangan ==> Tambah Widget ==> HTML/Javascript lalu pastekan kode berikut
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".bdslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.bdslikebox{background: url("http://img803.imageshack.us/img803/2919/bdfacebookbadge.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:20%;}
.bdslikebox div{border:none;position:relative;display:block;}
.bdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.bdslikebox span a{color: gray;text-decoration:none;}
.bdslikebox span a:hover{text-decoration:underline;}
</style>
<div class="bdslikebox" style="">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FKalteng.Technology&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><a href=" http://kalteng-tech.blogspot.com/2012/07/static-facebook-popup-like-box.html ">Get this widget</a></span>
    </div>
</div>
 Ganti kode yang berwarna biru dengan ID Fans Page sobat ID tersebut diperoleh dari URL Fans Page sobat misalnya URL Fans Page blog ini adalah http://www.facebook.com/Kalteng.technology. Yang saya cetak tebal adalah Id Fans Page.
5. Simpan widget sobat.

1 Komentar:

laudri rizal eka septian said...

wwwk asem,,, postingan gue dicopas ternyata, tanpa sumber pula

Post a Comment

Related Posts Plugin for WordPress, Blogger...