1
Orang Jurukomen Hot Membebel

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 (^_^)

1 comment:

Sila tinggalkan comment anda disini. Satu pun jadilah.. Terima kasih.. ^_^

Daisypath Anniversary tickers
Best View In Google Chrome And Mozilla Firefox. Simple Template edit by Zatieylicious.