Blockquote Icon Hover (New)

Assalamualaikum

Hari ni saye wat tuto utk uolz okey. Blockquote ni kalau korang hover nanti keluar kat tepi hujung blockquote. But kod ni saya tweak sendiri, no copy other bloggers. Mula2 kod tu kod post title, lepastu saya tambah sikit ada hover icon tu. Senang kan? Kalau korang pakai blockquote yang lama, silalah delete ye.

Dashboard > Design > Edit HTML

Cari kod ne :

.post blockquote {

Dah jumpa? Korang delete la kod blockquote korang tu, pastu paste kod ne kat bawah .post blockquote { tadi yeaa.

text-align: center;
background-image:url(URL BACKGROUND);
border-top: 1px solid #bfbdf2;
border-bottom: 1px solid #bfbdf2;
border-right: 5px solid #bfbdf2;
border-left: 5px solid #bfbdf2;
padding: 2px;
}
.post blockquote:hover {
cursor: crosshair;
-webkit-transition-duration: 0.8s;
background-image:url(URL ICON);
background-position:bottom right;
background-repeat:no-repeat;
}

Nota kenit :

Hijau - URL Background

Biru - warna border

Ungu - URL Icon bila nak hover

P/S : Ni simple blockquote yang saya tweak jadi simple.

Kalau nak share tolong lah credit, penat Farahin buat tuto ne