Tutorial : Cara Mencantikkan Image Border di Post

Assalamualaikum!
Hai korang.

Hari ni pelik rasa. Tiba-tiba aku jadi terlebih rajin mendesign blog.
Dan nak dijadikan cerita, aku rasa tak bestlah dengan default image border sekarang.

Korang faham tak ni? Cuba korang publish satu post yg ada gambar. Pastu korang akan nampak pada gambar-gambar tu ada border warna kelabu asap tu betul tak? Dan sedikit shadow ala-ala berbayang.

So, aku pun rasa macam nak tukarlah.
Akhirnya, jadilah macam yg korang tengok sekarang.
Meh aku letak satu gambar supaya korang boleh nampak.

See, lawa la sikitkan border yg kat atas ni.
Apa lagi, jom aku ajar korang !!

1. Dashboard - Theme - Edit HTML - ctrl + F

2. Search kod ni :

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

Kalau tak jumpa, try search :

.BlogList .item-thumbnail img {

3. Then, korang akan jumpa macam ni :

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);
background: $(image.background.color);

border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

4. Seterusnya, korang buang codes yg aku merahkan di Step 3, dan gantikan dengan codes ni :

border: 1px solid #000000;

5. Sebelum tu, korang kena tukar :

OREN : ketebalan garisan

BOLD : jenis garisan 

BIRU : warna garisan

***Cari kod warna di sini.

***Jenis garisan : solid | dashed | dotted

6. Kalau dah settle, PREVIEW dulu. No error then baru korang SAVE !!

Alhamdulillah.

Kalau jadi feel free to share. Kalau tak jadi pulak silakan bertanya di ruang komen. InsyaAllah, aku reti aku jawab.