Home
Blog Mistress
Tutorial
Tutorial
Banner Exchange

Tutorial : Shadow Belakang Column

Hello-hello ! Assalamualaikum ! Ok tak sekolah ? ;) Balik pada tajuk, Tutorial kali inih direquest oleh *jeng, jeng, jeng!* Cik Husnina . Die request kat Shoutbox :D Sebelum get ready, set go ! mula Tutorial yang easy peazy lemon squeezy nih , meh tengok apaa itu Shadow Belakang Column ! :D 


Sudah pahamm...? Jom layannn jep :)

1) Last and not least, mestila Sign In dulu meh.

2) Pergi ke Design >> Edit HTML

3) Sekarang, tekan, tekan & tekan CTRL + F serentak. Cari code dibawah :

#outer wrapper
Kalau tak de, sile tambah codenya kat mana-mana yang patot :)

4) Copy Code kat bawah ni pulak. Ni yang kasi Shadow. Bukan macam dalam cerite Ghost Whisperer ye :D

-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 0 0 10px #F52887
box-shadow: 0 0 40px rgba(0, 0, 0, .5)
5) Gantikan #F52887 dengan warna yang korang suke :) Boleh cari Code colour kat sini ; Rainbow

Contoh selepas dipaste :
tekan untuk clearview
6) Preview nyah untok mengelakkan Blog korang menjadi
*SENSORED*

Dah puas hatii ? Tak rasa saket jantung ? Tekan la Save Template
Photobucket

28 comments:

Unknown said...

wah useful. aki take note.,hehe

Ainaa Ramzani said...

@Aki

Hoho, :D

han hanan said...

bagus deh!

Ainaa Ramzani said...

@Professor Hanan

Hehe :D

Nor Shafiqkah said...

code tu nak paste dekat mane ?

Exham's said...

knp tkde code tuh ?

Ainaa Ramzani said...

@nsbk99

Deakt bawah #outer wrapper :D

Ainaa Ramzani said...

@Lolly

Cuba tambah kat mane-mane. Kalau taj boleh, cuba cari #content-wrapper

Exham's said...

tk boley jgk . mcm mn ea ?

Ainaa Ramzani said...

@Lolly

cari

.content-outer {

tampal code yg kasi shadow tuh kat bawah .content-outer {

Nabila Afifah said...

tak boleh jgak. cmne ea?

Yasmin Nabila said...

Tak jadi.

aynadys said...

adik ainaa, dh try sume yg adik ainaa suh tapi xjadi la :(

Ainaa Ramzani said...

@Nabila Afifah

Akak paste code tuh sebelum code

font: normal normal 100% Molengo;

code tuh ade kat sekitar #outer wrapper {

Ainaa Ramzani said...

@Yasmin Nabila

Akak cari Code ni & pastekan code shadow tuh sebelum code dibawah ye

font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;


Code nih macam ade kat bawah #outer wrapper {

intan (; said...

adek kat mne na cri template yg cantek cantek ? puass mncri bahh

Addina Mukhlisa said...

tak jadilah ainaa

Ainaa Ramzani said...

@me me me me (;

cube gune template Minima

Ainaa Ramzani said...

@Addina Mukhlisa

cube gune template minimaa

FDS said...

Ainaa:kt mana template minima??hehe

Aida Rawr said...

thnx sangat ! =)

aynadys said...

yes adik aina dah jadi :)

Rabiatul Waheeda said...

wahhhhh ! jdkk lahh . thanks ssgt . - tay <33 -

- misS afiKa - said...

knpe ble sye bt die jd tulisan sume bergalih..pas2 sume jd at bla tngh2..

Elly said...

asl x jumpe #outer wrapper ???

KhairulKauthar ▲ said...

thanks akk <3

Kiena D. said...

tak boleh lhaa ainaa,yang ada cuma #outer-wrapper.tapi dah try and tak jadi..akak guna template denim

Anonymous said...

Camne ? Still tak jadik jugak =='