Popup Widget Fanspage Facebook Untuk Blogger

Salah satu media yang bisa dipergunakan sebagai media promosi blog adalah Fanspage Facebook. Apalagi jika Anda mempunyai banyak penggemar tentu akan lebih efektif dalam berpromosi.Setiap followers yang mengikuti fanspage anda, mereka akan dapat mengikuti perkembangan apa yang terjadi di blog/website anda. Jika menurut mereka blog/website Anda bagus, tidak menutup kemungkinan penggemar anda akan mengundang teman mereka yang lain untuk bergabung ke fanspage anda. Hal ini cukup bagus untuk perkembangan traffic blog anda.

Tujuan penggunaan widget ini adalah untuk memberikan pesan pembukaan serta memberi tahu kepada pengunjung, apabila sekiranya suka dengan artikel-artikel di dalam suatu blog dapat mengikuti mereka melalui Fanspage tersebut.

Memasang Pop Up Widget Facebook Fanspage di Blogger :

1. Pertama, login ke akun Blogger

2. Kemudian pada Dashboard terdapat menu dropdown pilih Tata Letak

3. Kemudian tambahkan gadget >> Pilih HTML/Javascript

4. Masuk pada menu Editor HTML masukkan kode dibawah ini :

<style type='text/css'>
.notification{width:300px;height:200px;display:block;position:fixed;bottom:300px;left:350px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #ffffff;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #ffffff}
.notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSj1BhejyWLw9gZyAT15IJkMMSmcX6iUrpMmjH_sBcNGETSWDQ-0-BUq6H3kPZ_p1rtUKd4J0dFeySaO0uEgBL6oS_AWN2kzrAbmqK1wCq9P9hh3IC84FlzjQn1fkdbv7juTOPrVBnGf8/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #C5D5E6;/*Background Gradients*/background:#C5D5E6;background:-moz-linear-gradient(top,#fff,#C5D5E6);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#C5D5E6))}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span></span>
<center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkangmasadhie&amp;width=270&amp;height=200&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cdcdcd&amp;stream=false&amp;header=true&amp;appId=309488862407537" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:295px; height:200px;" allowtransparency="true"></iframe></center></center></div>

Keterangan : Kode yang saya cetak tebal adalah script untuk menampilkan fanspage facebook blog Anda. Anda juga bisa bereksperimen dengan merubahnya dengan Follow Twitter Box atau Follow Blog (tergantung keinginan Anda)

5. Klik simpan dan lihat perubahan pada blog Anda.

Semoga dengan menggunakan teknik ini, fanspage Anda bisa mendapatkan banyak penggemar sehingga efektif dalam melakukan promosi.

Thanks to Arman untuk scriptnya

Happy Blogging ^_^