HOME TUTORIAL OWNER BLOGSHOP

Buang shadow dan border image dalam post

Assalamualaikum kepada readers yang disukai ^^ sebab sudi singgah blog saya.
Kali ni saya taknak bebel banyak-banyak, just strait to the point pasal tutorial ye? tapi tutorial kali ni hanya untuk para blogis yang menggunakan template contoh mcm gambar bawah ni
(Yang saya bulatkan tu)

Apa yang dimaksudkan BUANG SHADOW DAN BORDER IMAGE DALAM POST ialah macam ini!
*nampak kan??* (Yang berarrow tu)

Okay!! Jom mula!!

1 . Dashboard >> Template >> Edit HTML

2 . Tekan Ctrl+F dengan serentak. Lepas tu copy paste dan cari kod bawah ni

.post-body img

3 . Bawah kod yang korang jumpa tadi, ada kan kod ni...

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

4 . Korang highlight kod  macam di atas ni and then Delete (tekan backspace)

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 5px;
background: #fff;
}

5 . Nanti jadi lebih kurang mcm dekat atas ni kan?? kan?? Okay, lepas tu Preview dulu, kang tak jadi menangis pulak ^^ Kalau jadi! Save! Hehe

No comments:

Post a Comment