Feb 11, 2012

Membuat Widget Fans Page Facebook Keren Di Blog

Assalamu'alaikum, lama tidak posting nih. hehe. Kali ini saya akan share cara membuat Widget Fans Page Facebook Keren Di Blog. Lumayan buat nge hias widget fans page di blog menjadi lebih menarik. Biar pengunjung tertarik juga untuk "Like" Fans Page kalian. ^^
Oke deh, langsung ke stepnya:






  1. Buka akun blogger kalian
  2. Klik "Rancangan" lalu "Tambahkan Gadget"
  3. Pilih "HTML / JavaScript"
  4. Masukkan kode dibawah ini

<script src="https://sites.google.com/site/ramadhanfnw/fanspagekeren/fanspagekeren.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8iranI5FDGbSS8ychq6Y3W7uqi-d4gz-jNNaWMYcFZWfLamVM7IswYjwBFViJ7oqhTlcDSifYCtrUTxIq-KDMDB96m_ST9glPzgWHhJWQuMOTcYfuxqoyJB585kA56iMWzAGHIuyw63mF/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4212314096842985875#">Keluar</a>
<strong style="color: rgb(102, 173, 61);">Tolong Klik Like Ya</strong>
<iframe allowtransparency="true" style="border: medium none; overflow: hidden; width: 300px; height: 250px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/#!/pages/Share-Our-Knowledge/246962548647697&amp;width=300&amp;colorscheme=dark&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=250" scrolling="no" frameborder="0">&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;</iframe>
</div></div>
NB: Ganti kode warna orange, dengan ID Blog kalian.
Ganti kode warna merah dengan link Fanspage Facebook kalian/

 Terakhir, klik "Save". Dan lihat hasilnya. :)
Untuk Demonya, silahkan SCROLL KE BAWAH. ^^

5




Keluar
Demonya seperti ini

23 comments:

  1. thx sharex sobat.., kebetulan aq blom pasang jd aq save aja dlu tutorialx gan.. *smile

    ReplyDelete
  2. Tutorial yg mantab nie...
    d bookmark dulu dech
    Thanks..
    Happy Blogging :D

    ReplyDelete
  3. wuizz keren nigh sobat ini yg saya cari2

    ReplyDelete
  4. thanks nih infonya :D ehm gatau mau koment apalagi wkwk dah lama gak mak widget

    ReplyDelete
  5. kunjungan perdana sob...
    visit back ya...
    thank's :D

    ReplyDelete
  6. @randy oktaran ya pasti lah, kn sobat blogazine jadi gk perlu widget. :D

    ReplyDelete
  7. liat ID blog na di mn gan??
    saya pemula nie.

    ReplyDelete
  8. Hmm gtu ya cara buatnya, dicoba ya

    ReplyDelete

Terima kasih telah berkunjung. Mohon beri komentar jika ada yang kurang.