Tutorial - Pasang Blockquote ( Jenis 3 )

Blockquote berHover macam 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 dan pastekan di BAWAH
code yg korang cari tadi :

background:url(URL BACKGROUND);

padding:5px;

border-radius:10px; display:block;

border-left:10px solid #F3D9FF;

border-right:10px solid #F3D9FF;

border-top:2px solid #F3D9FF;

border-bottom:2px solid #F3D9FF;

color:#000000;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

blockquote:hover{

border-radius:20px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

-webkit-box-shadow: 0px 0px 5px #F3D9FF;

-moz-box-shadow: 0px 0px 5px #F3D9FF;

box-shadow: 0px 0px 5px #F3D9FF;

}

4. Kalau dah siap, tekan SAVE TEMPLATE :)

PERLU DI UBAH ::

MERAH : masukkan URL background. 

*Cari di tab freebies kt blog zaty.

BIRU : tukar CODE WARNA yg korang nak (KLIK SINI)

---

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

---