Tutorial and Freebies : Cute Shoutbox Like Mine

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..

Disebabkan ramai yang request di shoutbox, jadi mari saya tunjukkan.

1. Dashboard > Layout > Add A Gadge > HTML/JavaScript
2. Copy dan pastekan codes ni di ruangan tersebut

<br /><center> <img width="220" src="http://i.imgur.com/6WfC6.png" />
PUT YOUR SHOUTBOX/CBOX'S CODES
<img width="220" src="http://i.imgur.com/Ovk5v.png" /></center></center></center>

nota
Blue : lebar background
Red : letak codes cbox anda
Orange : url background tersebut. Ni bahagian KEPALA dia. Ni yang qihah punya (pink). :)
Yellow : url background tersebut. Ni bahagian KAKI dia. Ni yang kaler pink.

3. Save

BLUE

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsGGF-yjtJgIh78aLCzeFA0I_KLyW_UqlgMCD6eBTxTbd6kPLQJl6Pt1r4q5LM1iuEfCYTeoiJptncfE6gMAqNuZTYYTUWk0ceCYv4XaT6n8HIENDhVqZUMVvIbKLCfP8BW979-E2iXmr/s1600/bgshout-blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilHIeTZnkGcxtEeiuZLbcmd_ZPbSyKSl7HgDDy2My_LZUCEhTwWaiOXRfZFcCfEjlmAkHYc3wIY3dFm1_VdGgKWFaqeTfJCxtCkzen-eZEGf_eSqqHcWOH9yChignGrPog-LWumEjKHPM1/s1600/bgshout-blue2.png

GREY

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4O0tyH53Ml2shYviPGySuyiTHVabiF70nZHJTjHZ-wU6xlo4omTdST6Mf1tgprPRsk-p1jltCGPtEql2TMGQ6OM_TqRKfEuynaJQDgk2WaxrY73Nn2_XWBdfYlSXqFInC3R9wzrqhpbA/s1600/bgshout-bnw.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8xeMaRCOoZfn8LzWQkdyLeEejc7fFr7HP3Ted8_qYusRkAmAevH6gZMwc9hoIX2HpdxArm2HZJnFPX9d64-OWh8xjW94MDHPu_Iio2HIa8PU2ULHYpUIWV4_UamtgKjbI8e2kgZPoGDpQ/s1600/bgshout-bnw2.png

GREEN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEAk5lIftILjmVESxi8WZpWn9XkhX411MR9esDgQIeLR3O0R9mis_ZDSFtpz6FSpq1jwKhkbFRYGQhuoio9x0qvrplk8U74VdDNkCKM0sUU9zqMKDRm34NpuhEfmq1F7V4W4d-hEE7cTV/s1600/bgshout-green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEAk5lIftILjmVESxi8WZpWn9XkhX411MR9esDgQIeLR3O0R9mis_ZDSFtpz6FSpq1jwKhkbFRYGQhuoio9x0qvrplk8U74VdDNkCKM0sUU9zqMKDRm34NpuhEfmq1F7V4W4d-hEE7cTV/s1600/bgshout-green.png

PURPLE

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgh5kUQ568jd3aSWk57mtNTUkX_AOoS3EaIf_CcEePQasxKE0LhTDJ6vo45m9LkvReP_QTb1c1xCKaVMTFG3ZYcDqk6PNK9lEuuX81h4lWwLFNk-3VfTjQUufRYnz4vooLtYznY1JyhO0/s1600/bgshout-purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNeiOEmQSY97yGmAGjkiOBMg-wCgEaflBTRdxOdo8KoNd9LV85RXbk92jxJvm71CL2PGMWVcdbPVtcsQO5u0SkBY_MKXTivub9YjEQlOJGTLLOC58zpEFk8SIv2q-XreBk7YjgGsFEPr12/s1600/bgshout-purple2.png

TURQOISE

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9rTjPHTkKDKGGIrvwxUJsCzDPff4d6gU69-bSo_2gDFdmVNHfgLHwhYrs8q-3xMegJ1UKX8zLOn3iv-ZrSzC9TfOFcjR6pCQQXZuEuOMIFPqL6K3XM2JB8TksprgBhh7arf3LGqvUfk3D/s1600/bgshout-turqoise.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEx_E9_KWKGlx7jbUJ7on9ZNh5BLW8MCSak3C5eatrqtxEa72BS8L1hc_vJvP0KM3zlOHIwiPfdLr4S8ng05XaqcHp1biRpZwHzdP9ArGQ0emDpIT_SvZ5Q9eS2HJmHU6MtFPtDl6iW9cY/s1600/bgshout-turqoise2.png

YELLOW

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQHqC2iQTaW6NJERcws8U_dk6v2NK7uL6DF5vjZmfxymmHQIG48rkdgLnOdaGCvKyLcVUX6r7wtWJgRZtqXb-Ul2yi5ODhN1tY_taUtbXC6Q7YRvHEuJiJsaeYotsmAV3qoRza9vNnHf_h/s1600/bgshout-yellow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1lUeioM9fjIAh-krXYQ3d_LFQxYZedg7fCc3nbKQV-n3cHjVCCHEfoyMN-7-z-Xjj7T7KpLK7Ch4oszejvAqKvGfgwSpcYr3QYHGLZS4StS_9pODviJW6V7KlXJbr6r4rv6TwXAPt7tBo/s1600/bgshout-yellow2.png