ads
Home » » Membuat Widget Fans Page Facebook Keren Di Blog

Membuat Widget Fans Page Facebook Keren Di Blog

Written By Ramadhan Fnw on Feb 11, 2012 | 5:18 PM

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;http://1.bp.blogspot.com/_JUg9QsmKp5s/TORmQZAoYXI/AAAAAAAACAI/cLoCJMP1rGo/s000/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
Share this article :

23 komentar:

Web Xplore said...

mantap gan.. ijin seddot yaaa....

Rohis Facebook said...

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

IT-Soft Center said...

kereeennn

abang ichal said...

wow.. kerenn deh

Unknown said...

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

ewrewr said...

wuizz keren nigh sobat ini yg saya cari2

Mr.Randy said...

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

Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com said...

wew,, kern banget ya,, slide gitu,, hehe, manteb,, ^^

Fahmi Athailla said...

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

Unknown said...

@web-xplore silahkan disedot deh, :D

Unknown said...

@Rohis Facebook oke sobat, :)

Unknown said...

@IT-Soft Center thnks :D

Unknown said...

@Simple Semua thnks sob, :D

Unknown said...

@(Aku Bukan) Bang Thoyib happy blogging juga deh, :D

Unknown said...

@Mhar Zhun haha, dah ketemu dong. :D

Unknown said...

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

Unknown said...

@Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com thnks hehe :D

Unknown said...

@Fahmi Setiawan oke deh :D

BLOK GWA RT.02 RW.13 said...

mantaf gan....izin sedot dah

Ramadhan Fnw said...

@tamanwalet elektronik silahkan gan, :D

Unknown said...

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

Ramadhan Fnw said...

@Rukma Hadi Hyuga di address bar gan ^_^

Hot FM said...

Hmm gtu ya cara buatnya, dicoba ya

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger