Cikgu Kacamata


2
Buang Border dan Shadow Pada Gambar


Apabila kita hendak membuat post sebarang gambar, biasanya gambar tersebut akan 'diiringi' dengan border dan shadow. Ini mungkin sedikit mencacatkan gambar tersebut terutama bagi yang menggunakan background putih.



Bagi mengatasi masalah ini, ikuti langkah-langkah mudah ini:

1. Klik butang "More options"

2. Pilih "Template" kemudian klik butang "Customise"



3. "Copy" kod di bawah:
.post-body img, .post-body .tr-caption-container, .ss, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Pada "Blogger Template Designer", klik butang "Advanced"

4. Scroll bawah sikit dan pilih "Add CSS"

5. Pada bahagian "Add custom CSS", "Paste" kod tadi dalam kotak berwarna merah dan jangan lupa TEKAN ENTER

6. Kemudian "Apply to Blog"


Laaa...dah selesai ke? Kalau rasa belum, klik gambar di bawah ni:




Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

2 comments: