Tutorial - Pasang Blockquote ( Jenis 5 )


Salam . huhhh,, zaty busy la tak dpt nk on9 blog smalam .
wakaka .. okey2 . blockquote ni mcm yg zaty pakai skarang ni :
TESTING-TESTING :)

nak try buat tak ? okk. yg dh try jgn lupa KOMEN k =D

1. Dashboard > Design > Edit HTML 
*Tick Expand Widget Templates

2. tekan CTRL+F dan masukkan code ni :

.post blockquote {

3. Copy CODE kat bawah ni dan pastekan di
BAWAH code yg korang cari tadi :

-webkit-transition-duration: 1.0s;
background-image: url(URL BACKGROUND);
border-left:5px solid #000000 ;
padding: 8px;
color: #000000;
max-width: 580px;
text-align: center;
-moz-opacity:0.75;
filter:alpha(opacity=75);
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 10px;
border-radius: 10px;
}
.post blockquote:hover {
background-color:#FFFFFF;
border-right:5px solid #000000;
-moz-opacity:1.0;
filter:alpha(opacity=100);
-khtml-opacity: 1.0;
opacity: 1.0;
background-image:url(URL ICON);
background-repeat:no-repeat;
background-position:bottom right;
}

4. Tekan preview dulu, kalau dh jadi tkn SAVE

PERLU DIUBAH ::

BIRU : URL background sebelum blockquote sentuh
PINK : Warna Border ; sebelum/selepas
OREN : warna tulisan dlm blockquote
HIJAU : Warna background selepas cursor sentuh
MERAH : URL icon comel2

*Code warna cari di -> SINI
*URL background & Icon cari di -> SINI

erkk, okey bye . jgn lupa komen =D


Thank You sebab baca entry ni . Jangan lupa like dan komen .

3 comments:

✉ ¥ana Fauzi ✉ said...

Yey , zaty buat !! THANKS ZATY , nnt yana try tauu:)