Belog Mirul

ENTRY CHAT NOVEL Tuto FCBOOK TWITTER Widget NEWER OLDER +FOLLOW
Template by Kuro Nichi.
thanx too : L i f e
Letak Frame pada Shoutbox
Wednesday 8 January 2014 - Permalink - 0 Comments
Tuto kali ni akan menunjukkan cara macam mana nak cantikkan shoutbox korang. Untuk nampak lebih menarik dan comel, pada kotak chat korang boleh tambah frame, macam preview kat atas. Jom follow step by step. Caranya:

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi.

<center><div id="edited" style="width:200px; height:370px; background:url(URL IMAGE FRAME) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">KOD SHOUTBOX</div></center>

Nota:
URL IMAGE FRAME - masukkan url image frame yang korang suka. Korang boleh create sendiri atau just pilih frame yang dah disediakan di bawah.
KOD SHOUTBOX - masukkan kod shoutbox korang.


Contoh:
<center><div id="edited" style="width:200px; height:370px; background:url(http://img535.imageshack.us/img535/2325/frame6p.png) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">SHOUT BUSUK : Start !--><iframe src="http://shout.busuk.org/?xxxx" width="180" height="255" frameborder="0" scrolling="auto"><a href="http://shout.busuk.org/?xxxx=viewfull">View shoutbox</a></iframe>
<!-- SHOUT BUSUK : End !-->
</div></center>

Freebies time.. frame untuk shoutbox. Just copy url yang disediakan:
P/s : kalau korang nak guna image frame ni, ukuran shoutbox korang mestilah 180x255 ( width: 180px, height:255)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2D8Lb1v4dVs_vBGqNHymrupuFaDms41xj46NYJziphi4qRSXAu5LZ7NFmFp_jcTxytIRkYTwJAY2lmTLOqrEBGeBq62b2Jw8f0mpQF6O7M0s1zRBCHH6UnM73IYusGR0pCOK_CmX_YI/s1600/frame+fibox1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDfZr8R4VznFY8_U9VMXFFDrYWeYRRRrv3FSiEInen4sfjMR-4D8pMwJ3EtGYr8zyclb7SGXbwAhyphenhyphenNxKNqpQ_AgUPao_i7eALkxQ29sGByLRLhLV-09YZ-hcAUlMPyfoDzuRNvn1yAt4/s1600/frame+fibox2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AdHqZdY64sVDrO3f_trSyUff2jlfIiv0nJCBnxkE93RP4NWmDJWZ20sot5F6hyphenhyphenHfQokkQQyGG438XH-mjL7YaPpybAgBJvuo0DGeR0k4qSPFUDUUzPIcldUHjZwLl1YGDKdAruCYLcg/s1600/frame+fibox3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4vHf7SguKlCBcbFZZLc7IBaV4CmAYFcmtCY-0Pp46GQbY7hbNyZ_dpCME1mRdd-7-RAxplR4uDzlcqSlwUVl1zSkk0jWd_9cAndEYgaH3sHt000O4YM-tjUACkDO3cxYTGGuG4plE_dI/s1600/frame+fibox4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjey0k1G__QgfNvvjJPmpswOkLO_XuNmcEkYUPQP-edvAPgnWRNLPufdFKM9yeXyJUeCbX_nhflcuIoRA3an24Ly2aRcSCSc1nfhQ2VPnnHXK7uf9r-AuA2hkw9FrQ1IdTuOEz32HB86u0/s1600/frame+fibox5.png

4) Lastly, klik save dan lihat hasilnya.

Selamat mencuba! :)
> <$BlogItemCommentCount$> comments