Colorful life//
Tutorial Blockquote
14 October 2011 • 8:50 PM • 0 comments
wow .. first time satu ari 2 tuto aisyah buad ..
kali ni aisyah nak aja mcm mne nak buad blockquote mcm aisyah ..
mcm nie

before:~



after :~


na buat ta ? sure nak kan .. kalo tak nak ..
tak pe , tekan Ctrl+W ..
hehe .. okla .. mari terozkn

1 ) Bukak Dashboard>Design>Edit HTML>Tick Expend Widget

2) Tkn Ctrl+F dan cari perkataan

.post blockquote

3) Jumpe ? Mesti jumpekan .. lepastu paste kan kod bawah ni
kat bawah kod tdi tu ..

background:url(URL Background);
background-attachment:fixed;
border-left: 4px solid #00FFFF;
border-right: 4px solid #00FFFF;
-webkit-transition-duration: 0.5s;
text-align: justify;
padding: 13px;
margin: 3px 3px;
}
.post blockquote:hover {
background:url(URL Background) ;
color: #666666;
border-left: 4px solid #848484;
border-right: 4px solid #848484;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: skew(-1.deg,-1.5deg);
-webkit-transition: 0.5s;

4) Da siap tekan Preview kalau teros tekan SAVE TEMPLATE ok .. :))

Teka Silangkata :

Kuning : gmbr sebelum hover
Merah : gmbr selepas hover
Pink : Kod Warna .. Boleh cari at sini


ok x blockquote korang skrg ni ?
kalau ade mslh komen .. kalau dah gune tuto komen jgk taw .. :)

oteylha .. Assalamualaikum ..

OLD • NEW
This owner ♥
*Hover picture below !*


Welcome

Bounjour Alls ! Welcome to My world . Please don't copy anything here . Be a good girl and boy . Leave me a nice speak at my cbox ^^ Feel free to navigate around here :)
Mood : Loving ♥
Status : Taken . :)

Chating here ♥
Leave your footprint here


Awesome people ♥
Thank for following me


Credits ♥
Don't ever remove the credit

Basecode:Masterly Elmo
Template:Izyanyancinnamon
Other help:B L O G S K I N
Best View:Google Mozilla
Owner blog: I-Syaaaaah