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

Simple Semua said...

wow.. kerenn deh

(Aku Bukan) Bang Thoyib said...

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

Mhar Zhun said...

wuizz keren nigh sobat ini yg saya cari2

randy oktaran 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 Setiawan said...

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

Ramadhan Fnw said...

@web-xplore silahkan disedot deh, :D

Ramadhan Fnw said...

@Rohis Facebook oke sobat, :)

Ramadhan Fnw said...

@IT-Soft Center thnks :D

Ramadhan Fnw said...

@Simple Semua thnks sob, :D

Ramadhan Fnw said...

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

Ramadhan Fnw said...

@Mhar Zhun haha, dah ketemu dong. :D

Ramadhan Fnw said...

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

Ramadhan Fnw said...

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

Ramadhan Fnw said...

@Fahmi Setiawan oke deh :D

tamanwalet elektronik said...

mantaf gan....izin sedot dah

Share Our Knowledge said...

@tamanwalet elektronik silahkan gan, :D

Rukma Hadi Hyuga said...

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

Share Our Knowledge said...

@Rukma Hadi Hyuga di address bar gan ^_^

Yan Chriestiano 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