Tutorial Bina Kotak Di Blockquote
Kali ni fara nak share tutorial buat kotak mcm contoh kt bawah ni pulak...
Hello... Welcome to my blog
Ikut Step di bawah ni Ok
Step 1 :
Dashboard > Template > Edit HTML
Step 2 :
Klik CTRL + F dan pastekan code di bawah nie....
/* Headings
Step 3 :
Kemudian, copy dan paste kan ayat di bawah SELEPAS ayat /*heading tadi
.post blockquote {
background: # FFCCCC;
padding: 5px;
Border: 2px dashed # FF0099;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:# FF0099;
}
Take Note
Bahagian berwarna diatas anda boleh ubah ikut citarasa sendiri
FFCCCC - warna background kotak blockquote. Rujuk kod warrna di bawah
2 - ketebalan garisan border kotak
dashed - style garisan border. Sama ada dashed, solid atau dotted
FF0099 - warna garisan border. Rujuk kod warna html kt untie google
Kod warna purple - bentuk kotak border. (style kotak fara) nak kotak jenis lain tnye untie google ye...
Untuk testing, buka new post > Type ayat anda > Highlight >Klik Quote > Preview
- Semoga berjaya
0 KOmen: