Cara Membuat Facebook Like Auto Hide




Hay Cyber’s… tau caranya buat Facebook Like Auto Hide kaya punya ane?? Kalo pada belum bisa ane kasih caranya nih…






1. Ente login Blog ente dulu,
2. Pada menu tab klik Template -> Edit HTML,
3. Pada kotak Edit HTML ente cari kode <head> dengan cara Ctrl+F,
4. Kalo udah ketemu sekarang taruh kode ini tepat di atas kode <head>,
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
5. Kalo udah simpen templatenya,
6. Sekarang Klik Tata Letak pada menu tab -> Tambah Gadget -> HTML/JavaScript









7. Terus Copy kode di bawah 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/pages/Cyber-23-Blogs/259678097496326?ref=ts&fref=ts&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>

NB : Jangan lupa ganti tulisan merah sama URL/alamat Fans Page ente.                

8. Klik Simpan, dan coba lihat hasilnya.Nah, mudah kan caranya. Sekian dulu artikel dari ane, semoga bermanfaat !! Kalo ente belum punya Fans Page ane punya caranya nih Cara Membuat Fans Page di Facebook.








Share this

Related Posts

Previous
Next Post »