Kamis, 09 Agustus 2012

Membuat Kotak Fans Page Tersembunyi

nah pada post kali ini saya berkunjung di blog orang  wah ternyata ada trik oke juga hide show fan page Fb di bagian kanan blog kita.. memangs ih cara ini sudah banyak orang yang nglakuinn tapi hanya untuk sahare saja saya meng update dari cara fan page timmer  di post sebelum nya ..

 

nah langsung saja deh cara nya gimana biar fan page Fb kita bisa di hide show


First > Klik rancangan > Edit HTML [jangan lupa di centang]


Second> cari kode </head> lalu letak kan kode di bawah ini tepat di atas atau sebelum kode </head>


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


Nb: jika di blog agan sudah terpasang kode tersebut yaa ga usah di
pasang lagi nnti bikin rancau heheh




Then > and Now klik Rancangan > Elemen Laman> Tambah Gadgwt > JavaScrip


and finnaly copy this code and apply to your blog :



<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://www.talesoftalisman.com/2012/images/fb110.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;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=

URL-Facebook anda disini


&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://setya-wa2n.blogspot.com/2012/04/membuat-kotak-fanpage-tersembunyi.html" target="_blank">Mau widget ini?</a></span></div&gt;</div>




Ok save and look your Gadget :))




or 

0 komentar:

Posting Komentar