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]:

Nisha said...

comellah wajah baru blog atiqah.. ^_^

atiqahjaidin said...

@nis: ThanKYU nis :)

Makcik Hijau said...

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

mierawilson said...

saya ambik.thankyou

mimihanifa said...

blockquote tuh ape ek ?

BALQIS HARYANI said...

Thanks ! Menjadi lah :'D

qaira adania said...

unnie, url background utk blockquote kakak ada tak?

Anonymous said...

akak guna and apply tuto ni ;)

anshmnf said...

TQ.Dah jadi :)

Unknown said...

Thank you so much :)