Ieqashafiqa

HOME ABOUT STUFFS LINKIES NEWER OLDER FOLLOW

My words!

Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!

♥ >> convocation countdown

date : NOW

at:00:00am

♥ >> Bachelor of Engineering (Hons) Chemical

date : 06/09/2014

at:08:30am

♥ >> officially finish my diploma

date : 09/05/2014

at: 09:00am

♥ >> prince proposed

date: 20/10/2012

at: 12:00am

Followers

Blog Archive

tengah skodeng

Tutorial background post body for blogskin

Tutorial facebook share button for blogskin

Tutorial link hover berkotak for blogskin

Tutorial twitter follow button for blogskin

Tutorial gambar berkembar

Tutorial tukar anak mata

Tutorial photoshop: ubah gambar jadi kartun

Result !!

Shopping di HIJRAHCOUTURE !!

Tutorial Float Welcome note Versi Marque

Contact Me

: Shafiqa'aziyatul Azie

: @ieqashafiqa

:ieqashafiqa

: My Blog

Tabung Masa Hadapan

Tutorial blockquote

Thursday, 15 November 2012 | 0 Diamond[s]

Hye blogger~ sekarang ieqa nak tunjukkan cara nak buat blockquote yang cantik for blogskin. mari ieqa ajarkan caranya.

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

Post a Comment

Post a Comment