Wednesday, January 23, 2013

Cara Membuat Kotak FansPage Tersembunyi


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم                                   
Fan page, ya kali ini Free Informatika akan kembali membahas tentang Fan Page Facebook untuk blog sobat, pada Fan Page kali ini akan berbeda dengan Fan Page yang kemarin kita bahas, Mengapa? karena saya pengin yang beda, hehehe,,,,
Ya sudah cukup. Apakah sobat semua pernah melihat Fan Page yang tersembunyi, di blog lain? Apakah sobat ingin membuatnya di blog sobat? ouke tak usah khawatir sob, akan kita pelajari sekarang, so simak ya.
  1. Petama, pilih template lalu centang expand template widget
  2. Lalu cari kode </head>, letakan kode di bawah ini di atas 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 nanti bikin Kacau hehehe
  3.  Simpan Template
  4. Pilih Tata Letak
  5. Pilih Tambah gatget, pilih HTML/JavaScript
  6. Lalu copas kode kode berikut.
    <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://i1149.photobucket.com/albums/o589/rieztoshare/fb.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=

    Letakan : URL - Fan Page Facebook sobat 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://free-informatika.blogspot.com/2013/01/cara-membuat-kotak-fanspage-tersembunyi.html" target="_blank">Mau Widget Ini ?</a></span></div&gt;</div>
  7. Ganti Tulisan yang berwarna Merah dengan URL Fan Page sobat. Yang terakhir, simpan dan lihat hasilnya.
Ouke selamat mencoba, good luck..! 

Script by :http://setya-wa2n.blogspot.com

No comments:

Post a Comment