About Mew O wSepakbolaTV OnlineGameOnlineAplikasiAwardDaftar isi

Kamis, 18 Oktober 2012

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:

Ditulis Oleh : jolly sondakh ~ Great Works Of Art

Artikel membuat kotak fanpage tersembunyi ini diposting oleh jolly sondakh pada hari Kamis, 18 Oktober 2012. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comments
0 Comments

Tidak ada komentar: