Cara Memasang Facebook Fan Pages Menempel Di Sebelah Kanan Blog

Kreasi | Informasi | Selamat malam sobat Gede sharing agus talok, bagaimana kabar sobat semuanya? Harapan saya semoga semuanya dalam keadaan baik dan sehat selalu. Kali ini saya akan posting artikel cara memasang fans page di facebook di bloger. Sobat tentu sudah sering melihat Fan Pages seperti ini di Blog tetangga kan? Nah artikel ini saya tujukan bagi sobat yang belum mengetahui dan ingin memasang di Blognya, silahkan langsung aja simak caranya berikut ini :D

1. Masuk ke akun blogspot anda

2. Klik Dashboard, lalu pilih Tata Letak

3. Klik Tambahkan Gadget 

4. Pilih HTML/JavaScript

5. Copy dan pastekan kode di bawah ini, untuk judul di kosongkan saja.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<blockquote></blockquote></script>

<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:50%;}

.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/agustalok&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://sharing-agustalok.blogspot.com/">Get this widget</a></b></span>

    </div>

</div>

Keterangan. 

~Ganti tulisan berwarna merah dengan URL Halaman Facebook Fan Pages anda. 

~Ganti tulisan berwarna biru untuk mengatur posisinya, semakin besar persentasenya semakin ke bawah letaknya, atur terserah anda mau diganti 30% atau 60% atau 70% silahkan, atau biarkan saja begitu juga sudah bagus.

6. Klik simpan/save

7. Selesai, lihat hasilnya