19 Mar 2012

CARA MEMBUAT LIKE BOX KEREN DI BLOGSPOT

HEHEHEHEEEEEE..............
udah lama gak post tentang tutorial blogspot nih,,,, nah sekarang saya mau share cara membuat like box yang keren di blogspot anda.
mungkin tips ini udah rame yang post, tapi apa salahnya kalau saya memasang tutorial ini juga di blogspot saya ini. mungkin bro semua sering liat like facebook yang melayang di blogspot dan itu lah yang saya maksud sebagai like box facebook hehehehe...

oke lah langsung saja ke tutorial nya eaaaaaaaaaaaaaaaaaaaaaa.........


1. Pada bagian Design klik -> Add a Gadget -> HTML/Javascript
2. Copy code berikut pada HTML/Javascript yang kita buka tadi

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 300px; overflow: hidden; bottom: 20px; right: 10px; background: #FFFFFF; -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; color:#000000" href="">EXIT</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMakal-Corp%2F143630842380120%3Fref%3Dpb&amp;width=279&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=290&amp;appId=258407530860315" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:279px; height:290px;" allowtransparency="true"></iframe>
</div></div>


note : 
pada bagian yang ditulis warna merah adalah code untuk Like Box yang ingin kita tempati untuk Like Box kita.

nah looooooo,,, selamat mencoba gan hahahahaha....

No comments:

Post a Comment