Welcome To Indobacksite ^_^

Cara membuat Fan Page Autohide di blog




Cara Membuat Facebook Fan Page Melayang  -  Kali ini saya akan membahas Tutorial Blog yaitu Cara Membuat Facebook Fan Page Melayang, sudah lama saya tidak membuat post mengenai dunia Blogger nah kali ini saya akan memberitahu sobat bagaimana cara membuat Facebook Fan Page melayang di sebelah kanan bagian Blog. Bai sobat yang pengen menghemat tempat untuk melatkan Facebook Fan Page sobat, tidak ada salahnya kan mencoba membuat Facebook Fan Page milik sobat jadi melayang, selain menghemat tempat, juga bisa menambah kreativitas bog sobat.




Langsung saja cara membuat nya :

  • Login ke Blog kamu.
  • Pilih Rancangan, Pilih Edit HTML.
  • Cari kode </head>, setelah ketemu copy kode di bawah ini tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Simpan Template (Perhatian : jika sobat sudah pernah memasang kode diatas abaikan saja)
  • Kembali ke Menu Rancangan > Add Gadget > HTML Java Script.
  • Copy kode 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl3BJv04kDVNhbAoGSLDWujSOVai7_rF77AlYcTxF7W5mteFsPa0NASSLOMk-quByOHuLKtOGsmGtHAV4FtCg3W7ApYt4Ydg2E3Z_X6PKffbk43DnDlfYvS0LOD_V3yaCIxu-nfjrUp8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 150px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;bottom:210px;}
.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=
https://www.facebook.com/HackingCodes

&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></div></div>


Ganti url yang berwarna biru dengan url Facebook Fan Page milik kamu.




Cukup sekian penjelasan dari saya semoga sobat bisa memahami nya dengan baik

0 komentar:

Keep Visit And Follow Jangan Lupa Like Dan Tinggalkan Komentar ^_^