Tutorial - Pasang Blockquote ( Jenis 4 )


Contoh Blockquote berHover mcm ni ::

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

2. tekan CTRL+F dan search code ni :

.post blockquote {

3. Copy code di bawah ini pula dan paste kan
di BAWAH code yg korang cari tadi :
background:url(URL BACKGROUND);
display:block;
padding:5px;
border-left:20px solid #A4A4A4;
border-right:0px solid #A4A4A4;
color:#9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{ 
display:block;
padding:5px;
border-left:0px solid #000;
border-right:20px solid #000;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

4. tekan SAVE TEMPLATE :)

PERLU DIUBAH ::

BIRU : masukkan URL background 
*cari di tab freebies kt blog zaty.

MERAH : tukar code warna yang korang suka
(CARI DI SINI !!)


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

2 comments:

Adilla Shahirah said...

Wah. nanti boleh la guna kalau nak tukar Blockquote.

✉ ¥ana Fauzi ✉ said...

SUKA NYAA BLOCKQUOTE NEY ! INSYA-ALLAH NAK TRY KAT BLOG KEDUA:) HAHA:)