Tutorial : Blockquote Like Me

K-on_2_679_large

Assalamualaikum and annyeonghaseyo. Hai ignore blog yang agak 'berserabut' ni. Okay. Memandangkan ada yang tnya tieqa macam mana nk buat blockquote macam dalam blog ni. Okeh. tieqa akan share dekat korg caranya. Tapi code blockquote ni tieqa credit kpd owner template ni. ThanKYU :)

Template Designer / Denim / Washed Denim etc
1. Dashboard > Designer > Edit HTML
2. Tekan Ctrl + f serentak dan cari code /* Headings
3. Copy code dekat bawah ni
blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}
4. Paste di bawah code /* Headings tadi
5. Save.


Template Classic / Blogskin
1. Dashboard > Template > Edit HTML
2. Copy code dekat bawah ni
blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}
3. Paste dekat bahagian HTML. Kalau blog korg memang dah ada code blockquote. Just replace je
code tu dengan yang ini.
4. Save

merah : warna border
oren : ketebalan border
hijau : solid / dashed / dotted
biru : URL background

10 comment [s]:

nis said...

comellah wajah baru blog atiqah.. ^_^

Nurul AtiQah said...

@nis: ThanKYU nis :)

ayufarhana :D said...

camne nak tuka kaler dlm blockquote eh ? please reply kat blog sye :D

mierawilson said...

saya ambik.thankyou

mimijoe said...

blockquote tuh ape ek ?

BALQIS HARYANI said...

Thanks ! Menjadi lah :'D

qaira adania said...

unnie, url background utk blockquote kakak ada tak?

Aeisyah Hanum said...

akak guna and apply tuto ni ;)

Nurul Anisah said...

TQ.Dah jadi :)

Ilii Quinzell said...

Thank you so much :)