5/16/2012

Cara Membuat kotak facebook like tersembunyi [ Fan Page ]

Fan page, ya kali ini rieztoshare 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 bansag lagi nnti bikin rancau 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://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 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://gembysportian.blogspot.com/2012/05/cara-membuat-kotak-facebook-like.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

Reactions:

5 comments:

  1. mantap gan .. blog ane berhasil .. kunjungan balik dan komentarnya .. www.ghilanknaizer.cu.cc

    ReplyDelete
  2. like box tersembunyi bikit slite gambar ngadat.....tapi tx gan

    ReplyDelete
  3. join thi site ok

    http://gguitarchord.blogspot.com/

    ReplyDelete