hover pada blockquote dan background pada tajuk post/entry .

Assalamualaikum . Hari ni ana nak buat tutorials tentang hover pada blockquote dan background pada tajuk post/entry . Sebab ada orang request . Jadi , kenalah ajarkan .

Hover pada blockquote direquest oleh shiqa dan background pada tajuk post/entry direquest oleh kak azyla .

Hover pada blockquote

First , mestilah kena sign in to blog .
Second , kena buka design . Third , kena klik edit HTML .
( klik expand widget template )

Ok , lepas tu copy kod ni :

.post-body blockquote:hover {
background : #f2cafa;
border-left : 9px solid #8629e3;
font-size: 17px;
text-align: center;
}

Dan pastekan di bawah kod ni :

.post-body blockquote {
background : #f2cafa;
border-left : 9px solid #e54899;
font-size: 17px;
}

Yang hover tu , awak boleh edit tau . Tulisan warna merah dengan hijau tu , boleh tukar kepada warna lain .

Kalau nak gantikan warna dengan gambar pun boleh . Hanya buang kod :

background : #f2cafa;

Dan gantikan dengan kod  :

background : url (URL GAMBAR)repeat;

Dan kalau tak nak ada border , delete kod :

border-left : 9px solid #e54899;

Ok , klik preview . Kalau tak de apa2 error bolehlah save . :)

Background pada tajuk post/entry

Sama jugalah , first , mestilah kena sign in to blog .
Second , kena buka design . Third , kena klik edit HTML .
( klik expand widget template )

Kemudian ,  cari kod ni :

.post h3 {

Dan tambahkan kod ni kalau nak background berwarna (warna boleh diedit ) :

background : #8ca1f8;

Kalau nak letak background bergambar tambahkan kod ni :

background : url(URL GAMBAR)repeat;

 Ok , klik preview kalau jadi klik save . Selamat mencuba .

cara buat blockquote , mestilah highlight text dalam post yang kita nak , lepastu klik pada 2koma kat atas tu .
tengok gambar ni . tapi , hover blockquote tu , akan ada apabila anda alihkan cursor ke blockquote . :)