Home My Story Travel Review Contest Tutorial

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  

Tiada ulasan: