p r i n c e s s -

Allah akan bagi ape yang terbaik untuk kita . Syukur & Sabar

Follow @najibahrahman

Tutorial Blockqoute ( Like me)

Saturday, 29 December 2012 | 0 comment[s]

Assalamualaikum and annyeonghaseyo. Harini nani nak ajar korang cara buat blockqoute .

Ops , Kita kene amanah dah amik kene creaditkan . So creadit to kak tieqa

Macam mana blockqoute ? Nanti akan diberi contoh . So , blockqoute ni sesuai untuk orang

yang buat tutorial .. Senang citer Sesuai untuk isi code lahh . Perasan x nani isi code untuk

korang ? Ha ?! Code tu dalam kotak kan ha ?! tu lah blockqoute . Mintak maaf ni nak jelaskan

kepada newbies sahaja . Berminat ? Jom ikut nani .

|contoh|

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

NEWER

OLDER