Rabu, 27 Juni 2012

Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close


By on 20.42

Blazer Blog, jQuery - Kali ini saya akan membahas Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close, dengan bantuan jQuery akan memberi efek slide. Berawal dari permintaan teman bagaimana cara membuat kotak melayang yang ada di Blazer Blog yang bertulisan Please Follow Us, mungkin bagi para pengunjung setia Blazer Blog, saya akan beritahu bagaimana cara membuatnya.

Demo
1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Cari kode </head> > letakan kode di bawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
3. Simpan dan kembali ke menu awal Rancangan > Add Gadget > HTML/JavaScript > Copy kode di bawah ini.
<script src='http://latesthack.googlecode.com/svn/trunk/html/latesthack.js'></script>
<div id="latesthackpopupslider" style="position:absolute;
width:300px;
height:300px;
background:#ffffff;
top:50px;
border:5px solid #ccc;
z-index:999;
display:none;
padding:10px;
left:-300px;"><a href="#" id="latesthackclose" style="color:#ddd!important;" onclick="return false;"> <img src="http://2.bp.blogspot.com/-s1EjjpOZRGk/Tz-zKFi6U5I/AAAAAAAACyE/jXYIZWGdu30/s1600/CROSSBYLATESTHACK.png" align="right" /><span style=color:#333;font-weight:bold;font-size:13px;">Follow kami di Facebook dengan menekan tombol like yang ada di bawah ini</span> </a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBLAZERBLOG&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
Ganti kode yang berwarna merah dengan username facebook anda (contoh : facebook.com/BLAZERBLOG
Dan ganti kode yang berwarna biru dengan kata-kata lainnya.
Sebenarnya saya agak bedakan dengan punya saya, jika anda bisa utak atik, pasti bisa.

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.

19 komentar:

  1. mantab trimakasih infonya sob. salam kenal.

    BalasHapus
  2. kereeenn,, SALAM Blogger kendarii...

    BalasHapus
  3. mantap nice info gan ane follow ente plees fol back ya :D

    BalasHapus
  4. gimana kk caranya aku malah pusing nih

    BalasHapus
  5. wew keren :D
    kunjungannya bang http://muadz-bzz.blogspot.com/

    BalasHapus
  6. Sobat login ke blog sobat, kan sekarang tampilan baru dari blogger nya, sobat pilih Template dibawah tata letak lalau klik edit html ada kok.

    BalasHapus
  7. Thanks sudah berbagi ilmunya, sukses selalu...

    BalasHapus
  8. om, kok g sama ama SS nya jadinya.....
    gimana ya om???
    biar sama gt

    BalasHapus
  9. Ya saya sengaja agak beda tampilannya. Jika sobat bisa utak atik pasti sobat berhasil.

    BalasHapus
  10. wew.......
    tolong dong om, yg sama kayak SS nya gtu gimana...
    makasih om sebelumnya

    BalasHapus
  11. ane gak bisa gannn

    ada bacaan ''Could not retrieve the specified page. Please verify correct href was passed in.''

    cek :http://thedragao.blogspot.com/

    BalasHapus
  12. mksh infonya.. langsung bisa diterapkan

    BalasHapus
  13. selain untuk menampilkan kotak like fb sepertinya juga bagus untuk menampilkan iklan
    terima kasih atas tutorialnya

    BalasHapus
  14. kunjungan silaturahmi salam kenal,,

    BalasHapus