Tutorial Blog : Status Box Part 2 (Stylish Box)

Comel tak status box yang macam kat bawah ni? Tutorial yang ini agak rumit sikit sebab kita nak bina frame di luar status tu..Oleh itu, Banyak-banyakkan membaca bismillah sebelum memulakan tutorial ni. Make sure buat dengan berhati-hati ok.. Kalau suka dengan status box yang macam ni, jom kita mula.. Kalau tak faham jangan segan-segan untuk bertanya. Insha Allah zaa akan tolong anda semua.. :)

[ Preview ]

Copy kod dibawah ni :

<table cellspacing="0" cellpadding="0"><tbody><tr><td style="background-image : url(URL IMAGE 1);width : 14px;height : 11px;"></td><td style="background-image : url(URL IMAGE 2);"></td><td style="background-image : url(URL IMAGE 3);width : 14px;height : 11px;"></td></tr><tr><td style="background-image : url(URL IMAGE 4);"></td><td style="width : 120px;height : 120px;text-align : center;background-color : #ffffff;">PUT YOUR TEXT HERE </td><td style="background-image : url(URL IMAGE 5);"></td></tr><tr><td style="background-image : url(URL IMAGE 6);width : 14px;height : 11px;"></td><td style="background-image : url(URL IMAGE 7);"></td><td style="background-image : url(URL IMAGE 8);width : 14px;height : 11px;"></td></tr></tbody></table>

pergi ke dashboard > layout > add a gadget > html/javascript > paste kod yang anda copy tadi. Ubah mengikut nota warna yang diberi dibawah ni.

URL IMAGE 1 : Gantikan dengan link URL. (Lihat freebies dibawah)

URL IMAGE 2 : Gantikan dengan link URL. (Lihat freebies dibawah)

URL IMAGE 3 : Gantikan dengan link URL. (Lihat freebies dibawah)

URL IMAGE 4 : Gantikan dengan link URL. (Lihat freebies dibawah)

ffffff :  Tukar warna background di SINI. Tak nak tukar pun ok jer.

PUT YOUR TEXT HERE : Gantikan dengan ayat status anda

URL IMAGE 5 : Gantikan dengan link URL. (Lihat freebies dibawah)

URL IMAGE 6 : Gantikan dengan link URL. (Lihat freebies dibawah)

URL IMAGE 8 : Gantikan dengan link URL. (Lihat freebies dibawah)

FREEBIES

URL IMAGE 1

 http://i.imgur.com/UmD5lzA.gif

 http://i.imgur.com/YCyYMdR.gif

 http://i.imgur.com/gh5SL1s.gif

 http://i.imgur.com/cPwXSvQ.gif

URL IMAGE 2

 http://i.imgur.com/WqA9Nm5.gif

URL IMAGE 3

 http://i.imgur.com/dRgpywU.gif

 http://i.imgur.com/WSagnGT.gif

 http://i.imgur.com/ZeGKzp3.gif

 http://i.imgur.com/TupTSy5.gif

URL IMAGE 4

 http://i.imgur.com/iF7oXcP.gif

URL IMAGE 5

 http://i.imgur.com/33YFS5E.gif

URL IMAGE 6

 http://i.imgur.com/T5qagV9.gif

 http://i.imgur.com/UbBwBDR.gif

 http://i.imgur.com/PQFyqtu.gif

 http://i.imgur.com/0vZ1yL9.gif

URL IMAGE 7

 http://i.imgur.com/a5QviJh.gif

URL IMAGE 8

 http://i.imgur.com/9zwRSaw.gif

 http://i.imgur.com/krZvRjS.gif

 http://i.imgur.com/XsXhdBZ.gif

 http://i.imgur.com/3oR1SBc.gif

---

Kalau Suka Blog Ni Tekan Like OK (^_^)

---