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:

aksesoris blog

• Cara membuat Tombol Download animasi di blog
• cara Merubah tampilan youtube di blog /web
• Cara pasang TV online di blog sendiri terbaru 2013
• Cara Membuat Generator website speed test
• Membuat papan Klasmen sepakbola berbagai liga
• cara membuat / daftar w3 directory
• Modifikasi gadget Pengikut/Follower pada blog
• membuat tombol follow blog di widget
• membuat tombol google facebook pada widget
• membuat tombol like facebook di blog
• membuat subscribe keren di blog
• membuat pencarian atau search pada blogger
• Membuat 'Langganan Lewat Email'
• Membuat Kotak Pencarian keren di blog
• Cara membuat widget reader di blog
• Cara memasang widget rss feeds di blog
• Cara mengetahui identitas pengunjung dengan widget / gadget
• Cara mengganti cursor standart pada blog
• membuat auto backlink
• Cara menambah Jam pada Blog
• Menambah widget Kalender di blog
• Cara Menambah Alexa rank ke blog
• Cara menambah page rank di blog
• music swf tanpa buffering di blog