Sabtu, 07 April 2012

Cara Membuat Facebook Fan Page Melayang


By on 19.09

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() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlazer-Blog%2F193419544081467&amp;width=270&amp;height=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=138085536301890" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:245px;background:fff" allowtransparency="true"></iframe></div></div>
Ganti kode yang berwarna merah dengan Kode Facebook Fan Page milik kamu.

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

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

21 komentar:

  1. makasih gan,,, izin copas + p. ditempat saya,,,

    BalasHapus
  2. http://vinaherlina.blogspot.com/

    BalasHapus
  3. Ganti gan kode yang berwarna merah dengan kotak like faceboook anda

    BalasHapus
  4. Mantap gan ..

    Jngan lupa mampir Dan follow

    http://fahrinuralim.blogspot.com/ :) ..

    BalasHapus
  5. makasih buanya kali gan. berkat agan like kan fans page saya meningkat. lihat aja lah di alamat saya yaaaa thanks,,, buka melebai tapi lihat aja sendiri
    terbukti 100%
    rekomendetion

    BalasHapus
  6. numpang baca2 aja, sy lg cari yang beginian, thanks yah kawan :)

    BalasHapus
  7. wah keren...kalau mau buat itu please follow itu gmn caranya ea... :(

    BalasHapus
  8. mantap. :D
    izin sedot ya gan. (^o^)/

    www.galaxy-ilmu.blogspot.com

    BalasHapus
  9. bagus gan, ane juga ada FB yang melayang, mohon kunjungan baliknya gan

    BalasHapus
  10. baus juga blog mu. gimana bikin nya......jadi pengen punya blog seperti punyak mu hahahah...

    BalasHapus
  11. MakasiH Ya Mas Kunjngi chibichibi127.blogspot.com

    BalasHapus
  12. http://taskudankamu.blogspot.com

    BalasHapus