membuat kotak fanpage tersembunyi

Cara yang satu ini tentu sudah banyak di post oleh para pendahulu bloggers yang lain..tapi saya me repost kembali bagi sobat yang membutuhkan membuat fanpage tersembunyi di sebelah kanan monitor..

selain menghemat layout blogger, cara ini terkesan sangat rapi. ada pun langkah - langkah membuatnya yaitu :

1. Log in ke blog sobat.
2. Template > Edit HTML > centang  
   Expand Template Widget..
3. Search </head> (gunakan ctrl + F)
    masukan script ini di atasnya :

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

      Save Template
4. Masuk ke Tata Letak > Tambah gadget > HTML/JavaScript > dan pastekan script di 
      bawah ini :

 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("http://i1297.photobucket.com/albums/ag22/jeskarex/a_zps7f58b0b3.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 70px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/ReXRooM/484669718232930
&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><a href="http://rexroom.blogspot.com/2012/10/membuat-kotak-fanpage-tersembunyi.html" target="_blank">Mau widget ini?</a></span></div&gt;</div>

Keterangan :
 Ganti tulisan dengan  url fanpage sobat...

Jika sobat belum memiliki url fanpage di facebook, silahkan liat turtorial cara membuat url di SINI

Warna Biru bisa di ganti dengan gambar sobat...(ganti logo FB klo sobat ga mau dengan gambar yang saya buat)

Related Post: