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^^,...

Card Bulan Puasa Comel Untuk Korang!!

Hai all...Apa macam,puasa tak?hihihi...koz nak minta maap sebab sehari dua ni koz sepi jek tak post apa-apa.Koz tak berapa sehat semalam.Tapi puasa tau...hihii...Seperti sedia maklum posting koz sebelum ini berkenaan ucapan " Selamat Menunaikan Ibadah Puasa " .Koz ada kongsikan korang degan E-card Bulan puasa yang comel-comel kan(comel ke?).Jadi hari ini koz nak kongsi dengan korang card yang terbaru pula...Jadi segala e-card terbaru akan koz update di sini.Jadi silakan mengopy okey^^,...

" Nak Makan Ape Ye "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggf_bXJoYIbUV0_Sp3nRDdOHXzcugs2IayUekVnxV_O0_Dy7H9CP_WXtyQ_UlQ6jKcSL2VnRRa8gcvfAVlRKo6iafGGzOIx90YFmi_0KrdTPiwUFv4ypE8k_UK3XbZ_UXvhGwsVTHVbOL/s1600/salam-ramadhan4.png" /></a>

" Jangan Tinggal Solat "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcD-lTDPq-UxrJ-w9in99MrzNwyoX4k5gaDFzNSjOIDdJPmnxdZBaZobV6nD74B1dEzwNiSt_-E8WiCMvx5UY4HHr1CFl1_8H2gxIm43gQBTx8JV3Pz_1_xC59AJOJTV6qTyPEP5Xph8wB/s1600/salam-ramadhan5.png" /></a>

" Selamat menunaikan ibadah puasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUMvkmaXbSKO3NEpyqldJsm6iL43czU3Pah5EeBOeWNSeSD26UWDcxBg4CEZmIMA9EIQExDpq7403ItRt9KO6_COpVgYbHvfHsjInUfOUKOM3QEwKNdTYxiUzSvgyWWb6Blzym4F1qbKK/s1600/salam-ramadhan.png" /></a>

" Selamat Berpuasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxx2JOlskXtd4PM3Xo5KMzznBZJs-tgfaJ0zIhrcA0t-SfTsbeHA2vqeOEJ2m1t_NbRwAZtUe3TizHeuSOwGLP_xtJBqvAYWgjUoPyiVE_PuBo6Z4Prn7J9dgYwedfbgWOFLLfI8ZiOH3a/s1600/salam-ramadhan2.png" /></a>

" Puasa jangan tak puasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirSHbF2VVQwBOm1KDMqRu1aWO0962aof98Tk0NURfICH9hog6iK5XTqERrRmFqfcZcYydgoXammYjw4k5UNSD4Gdjp8zuO-SrRCr668gB0cimI_canUUBQcFYuHPZDQ8Jt9F1oIK0mrlkh/s1600/Budak+puasa.png" /></a>

Code di atas ini korang masukkan dekat Edit HTML posting korang...

" Contest Saya Mahu Template COmel ! ! ! "

Hai all...Ada kejutan untuk korang semua.Kalau Tengok pada tajuk posting pasti korang dah tahukan.Ahak ia,blog budak nakal ingin menganjurkan contest "Saya Mahu Template COmel".Sapa nak angkat tangan...eh tak nampak la...kikiki gurau jek^^.Okey Cara nak join contest ini mudah sahaja,korang cuma perlu copy paste code di bawah dan buat satu entry dengan tajuk asal " Contest Saya Mahu Template COmel ! ! ! "...Mudahkan?...

<div style="text-align: center;">
<img alt="http://kozumi.sepaku.net/wp-content/uploads/2010/08/contest-blog-budak-nakal.png" src="http://kozumi.sepaku.net/wp-content/uploads/2010/08/contest-blog-budak-nakal.png" /></div>
<blockquote>

<div style="text-align: center;">
Blog <a href="http://kozumiro.blogspot.com/">Budak Nakal </a>Akan mengadakan contest <span style="background-color: #f4cccc;">" Contest Saya Mahu Template COmel ! ! ! "</span> di mana pada para pemenang akan mendapat hadiah istimewa khas dari pemilik blog <a href="http://kozumiro.blogspot.com/">Budak Nakal</a> iaitu kozumi_ro.Cara menyertai contest ini amat mudah kerana para peserta hanya perlu copy dan paste Entry yang telah di sediakan.Untuk Maklumat lanjut tentang contest ini anda boleh mendapat keterangan di sini:-</div>
<div style="text-align: center;">

</div>
<div style="text-align: center;">
http://kozumiro.blogspot.com/2010/08/contest-saya-mahu-template-comel.html</div>

</blockquote>

Okey selepas korang sudah buat entry tentang contest ini,jangan lupa untuk meletakkan banner contest di bawah ini di bahagian sidebar blog korang.

<center><a href="http://kozumiro.blogspot.com/2010/08/contest-saya-mahu-template-comel.html" target="_blank">
<img src="http://kozumi.sepaku.net/wp-content/uploads/2010/08/contest-blog-budak-nakal2.png" /></a></center>

Ahak selepas dah buat jangan lupa untuk tinggalkan komen di sini sekali dengan link untuk memudahkan koz cek entry yang korang dah buat^^...

Hadiah untuk pemenang contest ini

1)Akan mendapat template yang koz sedang pakai ini,dan design header dan sidebar akan koz ikut keinginan si pemenang...

2)Akan mendapat ruangan iklan selama 2 bulan iklan tersebut akan di design koz sendiri dan akan di letak di bawah header blog ini...

Tarikh tutup penyertaan adalah pada tanggal 31 ogos 2010 pada pukul 12 tengah hari.Selepas tarikh tersebut jika ada sebarang penyertaan ia tidak akan di layan...

Cara untuk mendapatkan pemenang koz akan meminta adik kesayangan koz untuk membuat cabutan...

Apa macam?mudah tak...Jadi tunggu apa lagi?...Moga berjaya...

Nama Peserta

1. Dаиіа
2. Cik QiQi
3. Cik reena
4. Wan_hazel 
5. Merul
6. FiqaSaleh
7. Pinky Pixie
8. Sweetmama
9. || A r a W a n i ||
10. makbed
11. ♥ Roshazzy Shag ♥
12. munna
13. Ct SoLeHa
14. Dieyna
15. Ladies Of Hot Gossip
16. dylli
17. illafira
18. Sisiantee
19. Tandinh
20. zati
21. CheQ c kiKi LaLa
22. Tomato Gurl's Life
23. nadiah
24. miss zizie
25. amirasyraf
26. iDa
27. g-mie
28. athirah
29. gurlzzgempakzzgilezz
30. qamarulabdullah  
31. suzie rahman 
32. LuVidA^^ 
33.  eiralovechess
34. cikgu ainura
35. SuFian HaKim
36. AiDa AzRyN 
37.  ::..akubukansky..::
38. YuYu
39. . : : Muslimah : : . 
40. myravea
41. miss fieqa
42. ATIRA :)
43. .atynFATHIN.
44. Gadis Suci!!
45. a i d a ;
46. Nurul chumel
47.  1 ummah
48.  cRazyBoy DaNger
49.  dayana
50. nanie
51. Fara
52. Asya
53. Kalbu Muslimah
54. kumikochanpunyer
55. zatynety 
56. sayahatianda♥
57. ruby
58.  elnino moona
59. 'Note' Circle of Life
60. Sya Syazana
61.  mamawuby
62. Azwan@Mr Money 
63. aineyda98 
64. Lya ±
65. mak enon
66. nisa_chan
67. nfahk 
68. cicakgirl
69.  ateyn  
70. lassiegewdix
71.  AROL DSHW
72.  atiqah
73. nur_eim
74.  Izyan Nadiah
75.  Miza Yusof
76.  irwani
77.  Ms Nur Mizly
78.  ♥ Nasiha Sakinah ♥
79.  ~qiFFara~
80.  Cik Z@i Pen@nG
81.  Kakak Cashier
82. ctnurkhijah
83. eima
84. eiffel
85. Are Miera LaRa
86. aQ gurL
87. ^linas^
88. FATIN kiddy
89.  Aifi
90. umiee ~
91. Izzah Hayani Bt Abd.Kadir
92. shidasyakirin 
93. Siti Wardah
94. ahPEKMC
95. dak eina
96. RucaPka
97.  mamalieyna
98. alyaclumsy
99. wan
100. Diana Doodle
101. mas murni
102.  ♥ Anje a.k.a Mama_Balqis ♥
103.   Sari 
104. eyna (sila beri link entry semula)
105. JuE-aNNa FaUZiE
106.  jeera
107. aq islam
108. Nad @ MamaZakwan
109. nadzirah
110. MamaRifqy
111. emma
112. Yuyu Johanna
113. NaShInArOiNblOgGeR
114. Iera Afzu
115. Danish Farris
116. anin
117.   Cikgu Mardiah 
118. Ces't La Vie
119. nurul lalala
120. iEra naDira
121. cik kumbang
122. Lya Liyana
123. Ummu umar