Tutorial : Blockquote mcm saya

Okay. Style blockquote dia macam ni.

FARHANA TUTORIAL's

Nampak kan dia berubah macam mana? Lets start.

1. Blogger → Template → Edit HTML → Proceed

2. Cari code ini.

.post blockquote {

3. Then copy code ni dibawah code tadi

background:url(URL BACKGROUND);
text-align:center;
border-bottom: 2px solid #380B61;
border-top: 2px solid #29088A;
margin: 1.6em 0 .5em;
padding: 4px 5px;
}

URL BACKGROUND - Gantikan dengan background pilihan korang

#380B61 - Untuk border bawah

#29088A - Untuk border atas

Untuk hover dia pula.

1. Tambah code ini dibawah code .post blockquote {

.post blockquote:hover {
background-image:url(URL IMAGE);
background-position:bottom right;
background-repeat:no-repeat;
border: 3px solid #8A0868;
-webkit-transition: 1s;
}

#8A0868 - warna untuk border dia

URL IMAGE - Gantikan dengan url gambar yang akan bergerak.

Boleh cari di Glitter-graphics