Cara Mudah Membuat Widget Like Facebook Melayang Di Samping Blogspot

Dulu saya pernah membahas tentang cara membuat like Facebook, dan kali ini saya akan bagikan tips pada Anda bagaimana cara membuat like Facebook melayang di samping blog blogspot seperti yang Anda lihat pada blog saya ini.

Ok langsung saja, inilah cara membuat widget Like Facebook melayang di samping blog:

1.Login ke Blogger.com, kemudian klik Design >> Add Gadget >> pilih HTML/Javascript

2.Kemudian copy paste script widget Like Facebook melayang di bawah ini:

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(54, 51, 0); display: block;"> <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
  <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya Sob :D biar update terus..</blink></strong>
<a href="https://twitter.com/blogmasrahmat" title="masrahmat" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @blogmasrahmat</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fblognyamasrahmat&amp;width=292&amp;height=200&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=126816517366802" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:200px;" allowtransparency="true"></iframe><span style="font-size: x-small;">widget by : <a href="http://www.masrahmat.com/" target="_blank" title="sofilmendo"><b><span style="color: black;">masrahmat.com</span></b></a></span>


NB:Pada huruf yang berwarna biru Anda ganti dengan alamat Twitter dan Facebook pages milik Anda.

Itulah cara mudah membuat widget Like Facebook melayang di samping blogspot.
Semoga bermanfaat..
Share on Facebook
Share on Twitter
Share on Google+

23 Responses to "Cara Mudah Membuat Widget Like Facebook Melayang Di Samping Blogspot"

Anonymous said...

wah nice share gan makasi banya, nih hasil dari yang agan berikan :-) www.agung-info.web.id


izin kopas ilmu yang bermanfaat ini ya gan, pasti saya sertakan sumbernya :)

Admin said...

@Kumpulan Informasi:
ya sama2 gan..selamat ya..
jangan lupa kasih like facebook ya..:-)

Penulis said...

Mas Rahmat makasihh ya widgetnya. link nya mas rahmat sudah saya pasang di tukarlink blog saya

Admin said...

@Adies Wijaya Putra :
ya sama-sama mas..

Unknown said...

Terima Kasih Mas Rahmat atas informasinya, sudah saya coba dan berhasil,, lihat saja di blog saya.

Admin said...

@Nauli Wahyuda:
selamat ya..

Anonymous said...

makasih mas infonya

Admin said...

@Rudy Hartono:
ya sama-sama mas, jangan lupa klik like facebook ya..

Unknown said...

makasih atas infonya,, sudah saya coba dan berhasil..
salam KuPunyaIlmu

Unknown said...

jangan lupa like balik ya boss.. thx..

Admin said...

@Priyadi Anderson:
selamat ya bos...ok bos..

Dewi indah said...

ijin praktek mas

Admin said...

@Anggi Tricajus:
silahkan mas, semoga berhasil..

Anonymous said...

thanks mas infonya,,, maklum masih belajar. newbie deh bahasa kerennya.

Unknown said...

mas... Paste nya dimana nya? Dibawah apa atau di atas apa mas? Tolong penjelasannya. So q baru buat blog jd g tau.. Takut salah mas

Admin said...

@ahmad yani:
pastenya di kolom html/javascript pada add gadget di bagian design dashboard blogger.

Anonymous said...

sukses gan ane coba tipsnya

Admin said...

@Zona Terkini:
silahkan gan..

Unknown said...

cara nyesuaiin lebar dan tingginya gimana?

Admin said...

@Rino Adeygo:
caranya tinggal edit angka pada tulisan width dan height.

Bung Destur said...

sukses bung

Ilham Setiawan said...

kunjungi dan follow balik gan

www.lokopou.blogspot.com

Admin said...

@ilham setiawan:
ok gan..