Tutorial Cara Letak Background Di Belakang Shoutbox

Hai all...Hari ini koz akan tunaikan permintaan tutorial yang di minta dari sesetengah pengunjung blog koz ini yang nak tahu cara meletakkan background pada shoutbox.Seperti biasa koz pasti akan tunaikan permintaan korang(tak baik kedekut ilmu^^).Cara nak membuatnya tidaklah susah mana,cuma korang harus menambah beberapa code di bahagian code shoutbox korang.Okey,ikuti langkah-langkah cara membuatnya:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<center>
<div id="ShoutMix" style="background:url(http://img827.imageshack.us/img827/9171/shoutboxdesign3.png) no-repeat left top; width:240px;height:450px;padding: 120px 0px 0px;text-align: center;line-height: 0 ">

Letak COde Shoutbox Korang Di sini

<div id="ShoutMix" style="text-align:right;font-family:verdana;font-style:normal;font-size:3;padding: 5px 10px 0px 0px;line-height: 1"><em>Design By<a href=http://kozumiro.blogspot.com/ target="_blank">BudakNakal</a></em></div>
</div></center>

Langkah 3

Ada beberapa perubahan pada code yang harus korang lakukan.Pada code warna merah,letakkan link background yang korang suka dan ukurannya 240 X 450.Pada code warna biru korang gantikan dengan code shoutbox korang dan ukuran shoutbox korang 225 X 305.

Save dan lihat hasilnya....

Ops...okey di sini koz akan kongsikan dengan korang design background untuk shoutbox dalam pelbagai versi warna.Kalau berkenan gunalah^^.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bB6w38gdiNsYZHj9RT_ONaoacCCBFPDXfZbkvhh7SNFpvwGaIy_tfOCsezm_fKHdObSPkvGI6lpmTr9Qd7uQyHWdUQn-FffeCvewRWqFCNQJnOhRYnurSnU2-2HLs6ZT5_vlhAtJQtpD/s1600/budak-nakal-shoutbox-template001.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-aindwWgF5mQ5maY0PwQfWLTXBQ75VRoUU1vNwq_RAu23o8tUXIP0KWcNkUoGvH7pslKcTtuQarLJRm-SUkwgjaAjVLXhr-Qe3FJF0c0hferEufzLNIDIFNIrOO7hQWp1BnvooWiEP_r/s1600/budak-nakal-shoutbox-template002.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJ1NS979Gy8M5-oxDZgmFOPjVb1PRvDYPRsbYQz7S7nh7CEwUgeAVLKYnbht7WL8LYCcOBW4mcWJmOI9SFwJ-xgCPQtUkMbSOlN2Fkbhj4k2vBjl4EKZFcNLuoq1j5ELFNf_fndUy_AOo/s1600/budak-nakal-shoutbox-template003.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnv3ZvrzNJ2gMiy4U7vsDEba9uf6tsf9JnrVvYaM9zsZGj__TBPr5Wb98JHrM7YgWBC1zKbxcG3uItYLmR30FvVbefoR3nJCCDjcix435NCdETULjiKLwPH0bNDmVcL6kOJspdw94BtY5/s1600/budak-nakal-shoutbox-template004.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7SMQxGv1Ud15Jb9_-TvMbTCKo3n29TbMSbJYgwAU-8-y8rMRX9xse6ioTU3wmGXtq0HGPhMSYhgMlhUdNaSSrkSLTu1ZSLK0aoHAVi0518k4azwlxdRrYp3ufYOaXNjO211ZXqxcqXBPz/s1600/budak-nakal-shoutbox-template005.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-KmWX2iv-x2P9tWldu7MOltUTAZhRBou6crBUOAlWcB2aZ9fzH7eTH2VarLTBOw_v1fLKg1D-sOyh9TA7v_6zyHlnkdPLgTj7jm5bjnQnPp48eGMH-fE0yD70lFmQzwConwT-cI2HlE9y/s1600/budak-nakal-shoutbox-template006.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQjbsWULB7f2JuRv4hugkwP_6rT87zx9EZ313h7MuaUDahfUugHJIeuMlPaPEc9ekPS5E0GCrLZj3Dem8yofy8hcc9Vt4Ajvd5VYujlftL9Lg5XCE1rpkyzRNj5TQ_TY5QTVLmz7WjmGD/s1600/budak-nakal-shoutbox-template007.png

Moga ilmu yang koz kongsikan ini dapat membantu korang untuk menceriakan blog korang^^,...

Ranking: 5