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("http://www.scri8e.com/white.gif") 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&width=292&height=200&colorscheme=light&show_faces=true&border_color&stream=false&header=true&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..
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("http://www.scri8e.com/white.gif") 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&width=292&height=200&colorscheme=light&show_faces=true&border_color&stream=false&header=true&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..

23 Responses to "Cara Mudah Membuat Widget Like Facebook Melayang Di Samping Blogspot"
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 :)
@Kumpulan Informasi:
ya sama2 gan..selamat ya..
jangan lupa kasih like facebook ya..:-)
Mas Rahmat makasihh ya widgetnya. link nya mas rahmat sudah saya pasang di tukarlink blog saya
@Adies Wijaya Putra :
ya sama-sama mas..
Terima Kasih Mas Rahmat atas informasinya, sudah saya coba dan berhasil,, lihat saja di blog saya.
@Nauli Wahyuda:
selamat ya..
makasih mas infonya
@Rudy Hartono:
ya sama-sama mas, jangan lupa klik like facebook ya..
makasih atas infonya,, sudah saya coba dan berhasil..
salam KuPunyaIlmu
jangan lupa like balik ya boss.. thx..
@Priyadi Anderson:
selamat ya bos...ok bos..
ijin praktek mas
@Anggi Tricajus:
silahkan mas, semoga berhasil..
thanks mas infonya,,, maklum masih belajar. newbie deh bahasa kerennya.
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
@ahmad yani:
pastenya di kolom html/javascript pada add gadget di bagian design dashboard blogger.
sukses gan ane coba tipsnya
@Zona Terkini:
silahkan gan..
cara nyesuaiin lebar dan tingginya gimana?
@Rino Adeygo:
caranya tinggal edit angka pada tulisan width dan height.
sukses bung
kunjungi dan follow balik gan
www.lokopou.blogspot.com
@ilham setiawan:
ok gan..
Post a Comment