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...

Tutorial Bina Kotak Di Blockquote

/
0 Comments


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  



You may also like

Tiada ulasan:

Dikuasakan oleh Blogger.