Tutorial Shoutbox Background Cute Miut aka Freebies!

Assalamualaikum  and a very pleasant day everyone!

Hari  ni aku cuma nak share background untuk shoutbox,shoutmix dan yang seangkatan dengannya.Ramai yang cuba buat background sendiri dan aku tak nafikan design2 dieorang memang stylo.Kali ni kiranya macam freebies la jugak.PERHATIAN!! Semua freebies kat bawah ni bukan aku punya,cuma aku tolong share untuk menyenangkan mereka yang masih mencari2 untuk mencantikkan blog dieorang.Freebies ni semua dari Rinda yang sangatkah baik hati.Selamat memilih!

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ9FHD3pEDePe1klctTCl28dSW7rIpwFC-kaogZO0lXKFp6fvye_jpdwrnQg9J4T4aN6XZcANFHSTWeibbISmNnjVCIMROkRmjUVy9USKwJp__j-ajfetR3qbVhaK6GNn-IMgOzaNlgkTB/s1600/48f452f7be38d.gif) no-repeat;padding-right:25px;padding-left:10px;padding-top:137px;padding-bottom:20px;"> (YOUR SB CODE HERE) </div>

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCfDgbt1BHTgfiClLBg4b9Zv8y3XpTF3NfEuwynJK2x5f0o0zIxNj1F-PGjnxG6WSrIS5YRYKHHIoG-jyxCVgA_-4jYKbCJZ1eE1JcQA9X2h43WyWjCvXd0lUiC-qOiPdgchkOAZJFGKK9/s1600/4978679104666.gif) no-repeat;padding-right:20px;padding-left:18px;padding-top:155px;padding-bottom:30px;">

(YOUR SB CODE HERE) </div>

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWlmLqxOJjUnQGfFyhooN37lUkTho5wbfTqs7ZCoLLyHbCByXYh6u2qR5YB63yrXlGMfu0VPf9ksSwSEF7UWk1zIh0X1OI2EBcRr72DZV79vtjTLu7endcpb4q4F9eDcNW7uN69AcyYUs/s1600/1218566382.gif) no-repeat;padding-right:20px;padding-left:8px;padding-top:115px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI9OFtUSwZHAk9_vlEAAc54mBvl75Ipufs12bP4lHl9-tkZWlWboOKREVh3FxucRXLZv06QPj8dCtyB0DxtsfxHcBcPcgzN1E2J4FfgkS-ry7OrjEE_OA56cExLsCTSOxq92s8ZGWl8NZK/s1600/48f40bf510f7c.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:102px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXZafGR0J09li2QWvV_vlkXRHiM9THK5bUG67DW0lkdR04DINfF5FU0WRh7FlARHaIE-V-0NP_9LM4w9CPowFST9yTtE_3wTLQm-iHwXjdupPDiO4I0S1Mpc0L-WOwxdpfepmLMuscS6S/s1600/48f430afe5e0b.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:55px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUoGunYT1Hlyko0Dbd6iTK9alX47YoUldVym6nOMGknkcZC6C_JOgKNFLSEBKGTAVxQZEUTjpVWl0MNVDfeTO08DnTk-nH3pJ2lgA6ewKvLc5heEnnipb6wmd3h7tDzjH-R7e9Kh-0TYm2/s1600/48f422d74238e.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:100px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefwz9sNGWeQ5zdzLWlIIkhunYXelpZCj5_6wx48UZ5LYBa3rLwGjs1kCYTRIKtDfZlOxVROxPyOljuw7Yt-1HyVBnmoClO8VgySZc7UqcKqvhhRi86HqvSU_si4z3U2BrXaeh8dBXjrlK/s1600/1218579135.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:120px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrfkh8FzPLqQmACqIRLPbJQ84a35Me9AoL-BU1l_TU0rkD35WNyKVtVh6r4jynBfxZSWoqsF9_kJlE4sCNJYD56r4WIAEkr8673JwZmOkxKy7KbM0QCIyDbVpNLkCFhDHM2U2LpbgIKgO/s1600/1218395161.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:50px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy95k1aAaz0QQaL7Zras38YeaAcN2baeOgxI98HERzpVZcgsspmqKz6jytlufJR0SwWv4ek16Zo8j79Liw5NzcIm0gMsCfyfxFLZtM-Xf8Gpaqz6Lr7HKEkHoaGfI7jzmbDXuJLK1Fah2i/s1600/48f44658a1d90.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:105px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

  

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHOfQLLjQktAOkpuZmSGXYqnhIRJl5NRdj0dRqlCESsqLrbL1xkUZ6gTgG-7_qQMWgLGRbYhhJzcoHO60g5i-FRUpNyWNqzDI5r0r5xoj5NIKUsAsxi-Oor4eWYkj35ZM9N17fZJ4xbJU/s1600/48f40367ebad4.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:105px;padding-bottom:10px;"> (YOUR SB CODE HERE) </div>

PERHATIAN 1

Korang boleh ubah kod2 di bawah mengikut kesesuaian luas sidebar korang:

- padding-right:..px
- padding-left:..px
- padding-top:..px
- padding-bottom:..px

PERHATIAN 2

Korang jugak perlu ubah height dan width shoutbox korang sesuai dengan saiz background tu ye!Pandai2 la korang godekkan ye! Aku pernah guna background ni.Kalau tak salah untuk shoutmix heightnya 100 dan widthnya pulak kurang dari 100.

Kalau taknak guna freebies ni dan korang nak cantikkan sendiri shoutbox korang,boleh guna tuto yang aku buat ni ---> Tutorial Shoutbox Melengkung + Background. Hasilnya akan jadi macam shoutbox yang macam Cik Teddy (aku) punya! Selamat Mencuba!