Cara mudah membuat autoHide fans Page Facebook di samping kanan blog anda

Cara mudah membuat autoHide fans Page Facebook di samping kanan blog anda alasan diasangnya fans page facebook di sebuah bloh atau website biasanya agar banyak mendapatkan penggemar /like sehingga pengunjung  log yang mempunyai kaun facebook sehingga  mereka bisa berlangganan ketika sipubliser pembuat konten update diblog atau website melalui akun facebook fans page.


Ada banyak sekali cara membuat dan sekaligus memasang fans page facebook di sebuah blog aatau website, bias di tengah, di bawah, dipinggir kiri maupun kanan bahkan di tengah layar ( middle in desktop ), walaupun banyak cara akan tetapi kali ini saya akan berbagi tutorial cara membuat auto hide fans page melayang di samping kanan blog untuk lebih lanjutnya perhatikan  gambar dibawah ini dan simak penjelasannya :


Dengan memasang fans page hide facebook disamping kanan blog, akan membuat blog anda .
semakin lebih keren dan cara kerjanyapun semakin simple cukup para pengunjung mengarahkan kursor mouse ke arah fans page facebook yang menempel di side bar sebelah kanan maka scara otomatis fans page facebook anda akan tampil ini, nah oleh karena itu saya sarankan gunakanlah fans page facebook untuk memudahkan para pengunjung blog setia anda dengan cukup mudah langkah- langkah untuk membuat fans fage tersebut silahkan simak lagi :

Cara memasangnyapun sangatlah mudah :

1.      Copy code scriptdibawah ini !

<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:44%;}
.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=https://www.facebook.com/komunitasbloggerIndonesiaa&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://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>


Keterangan : Ganti kode yang berwarna biru dalam kode script diatas dengan url fans page facebook milik anda sendiri.

2.      Sebelumnya anda harus login dulu ke dulu ke blogger,com  
3.      Tambahkan gadget di tataletak dan
4.      Pilih HTML/Javascript dan pastekan kode script tersebut kemudian klik simpan

Setelah melakukan itu semua maka lihatlah blog anda kini semakin keren dan cantik, tinggal menunggu penggemar dari facebook saja anda tingal santai dan tinggal update terus
Nah cukup sekian cara membuat autohide fans page facebook di samping kanan blog yang dapat saya bagikan padfa kesempatan kali ini mudah-mudahan bermanfaat sampai ketamu pada tutorial berikutnya,
***Jika artikel ini bermanfaat jangan sungkan untuk share ke yang lainnya terimaksaih salam Penulis

0 Response to "Cara mudah membuat autoHide fans Page Facebook di samping kanan blog anda"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel