Tutorial Cara Letak Background Di Belakang Shoutbox Versi 2

Hai all...Hari ini koz nak tunaikan permintaan follower setia budak nakal blogspot iaitu far_east. Permintaanya adalah tutorial letak backgroud di belakang shoutbox versi budak nakalnya(maksudnya serupa seperti shoutbox budak nakal). Koz x nafikan ramai gak yang tertanya-tanya cara nak buat shoutbox seperti budak nakal , jadi hari ini koz akan tunaikan permintaan anda. Seperti sedia maklum, koz pernah juga buat tutorial serupa di SINI . Tutorialnya lebih kurang sama , cuma kelebaran dan saiz shoutbox sahaja berbeza. Jadi mari kita mulakan cara membuat tutorial ini:

Langkah 1

Dashboard>Design>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian copy dan paste code di bawah

<center>
<div id="ShoutMix" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv1oRJi87xERYz0mbFrQyF2NuO4Ue0s7J1wJOHLD9YF32kVAqFGoZ-aHxu9710bFUvr6e6VcQ7oK6FWpaqSC1ezEgw6LwxQGqTSHO1kYbBRz2YA1MM7LR6V87QnDRntaDICRXBoyqG0E58/s1600/background+shoutbox+pink+2.png) no-repeat left top; width:584px;height:400px;padding: 200px 0px 0px;text-align: center;line-height: 0 ">  

<!-- Begin ShoutMix - http://www.shoutmix.com -->
Letak Code Shoutbox Anda Di Sini
<!-- End ShoutMix -->

<div id="ShoutMix" style="text-align:right;font-family:verdana;font-style:normal;font-size:3;padding: 5px 20px 0px 0px;line-height: 1"></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 584 X 543.Pada code warna biru korang gantikan dengan code shoutbox korang dan ukuran shoutbox korang 500 X 300.


Save dan lihat hasilnya...

Di sini ada beberapa design background yang korang boleh guna pakai yang di reka khas oleh koz

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFpJjQhXPkzpgXBXOcLdcKBSxA3Ml4XQSmtcBzgCzhKgEYNOkxaQFJ7wsbmb9Tg0za-GdQsN17fyuDHQ1YgkDEZmAy_Re_FvPAe1vUJq7osV8t-N-HhI8gW6K59iFOPKp-19XR4mNNup_/s1600/background+shoutbox+biru+2.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Fw2Tu7vaElMTbEqMnSUInhjoUZemAqsrSPjbmPilVoLMz6CfBflAjmqqA5AhehlFVXF9YPBiUH5OW-onTM-VmhdwLHpwQmCg89AAT82u4kbcvs2OQK4doffZzbni4khG4xE84Ychvy9x/s1600/background+shoutbox+biru.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPIQbGvXd_xmpeWTOTRHIakH5G4kg-vLSelx0UodVDrC37qinMlPCIhI3mSQ2P2MJXvQbD1Qw4rJtF1Af3vhPSoTJ92HRCh3SeJrP2-aSDK-EiY5ILPwjdXP0_V3G86NMJeTKxlGg98P2c/s1600/background+shoutbox+hijau+2.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu1wSDUXGXEk3WvWZ94IYdN0U0eaBbb4yrF874mbaO_pdZM5SZll75_68VdJUx91EorECAm-8suEDO2rgwUmeAsDtMT35ea0ACn1AEMZhZxVoo5E7EQHkFBzv3Rxxdvc3nNJqB27dDEFHl/s1600/background+shoutbox+hijau.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLANPho8dZ7OEnQOkJpqayNQRFA2xSk9p9hGor4GyIHNl7NkoGWoZJoT306pQErh_9FrRsE9q-JWQx31PoxHkJQEiJNEnBgx0ePTao0vrZ1RJCgWYVxRetakgovBh7WlyVFKR-Yr0NeRSq/s1600/background+shoutbox+merah+2.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi129osh92ehNxwAZLVCSwwYPIaL2diwvr_ecgwfaWc5DhRfDaWvb9-IyLMbaaPtCpoZMB9OTNWTRBqJWzxNTXYC5FTaGe1E27AeFMVaiwLZobJysQW5zChM86S9Q2fH3qETN-gjTjtp4SW/s1600/background+shoutbox+merah.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv1oRJi87xERYz0mbFrQyF2NuO4Ue0s7J1wJOHLD9YF32kVAqFGoZ-aHxu9710bFUvr6e6VcQ7oK6FWpaqSC1ezEgw6LwxQGqTSHO1kYbBRz2YA1MM7LR6V87QnDRntaDICRXBoyqG0E58/s1600/background+shoutbox+pink+2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnOUuczZUJjWTC-VGNdONxPPfHD01VJ7cr5dXP_TWHG-6jNT-FgT7Q1bJ1i7hLPOFr6dnNYgdCpJaGTey9kJDfL2a-_ATaDA9_a1jmSapx_iyRwnpawlb2Tp-GBPHfwxI-UYiLUWjfbpD/s1600/background+shoutbox+pink.png

Moga perkogsian koz ini menceriakan anda^ ^...
Kalau dah buat tinggalkan kredit tuk budak nakal blogspot okey^ ^...

Ranking: 5