Blogger Tutorial

Buang Bayang untuk Gambar pada Blogger

Bismillah..
Hari ni agak busy tapi saya nak juga share sesuatu dalam blog ini hari ini.

Adakah anda perasan di sekitar imej yang kita masukkan secara default ada bayangan sekeliling imej yang kita masukkan?
Ada di antara kita tak suka ada bayang pada imej dan rasa lebih bersih tanpa bayang betulkan?
Jika kita nak buang bayang seperti di atas dan menjadikan normal seperti di bawah, ikuti langkah yang ditunjukkan di bawah.
Jika anda guna Blogger interface yang lama :
Pergi ke DashboardDesignTemplate DesignerAdvancedAdd CSScopy & paste kod di bawah ke dalam ruangan CSS tersebut – Bawa kursor anda selepas ‘}’ – Tekan enter – Apply to Blog.
Jika anda guna Blogger interface yang baharu :
Pergi ke Dashboard – TemplateCustomizeAdvancedAdd CSS – copy & paste kod di bawah ke dalam ruangan CSS tersebut – Bawa kursor anda selepas ‘}’ – Tekan enter – Apply to Blog.
.post-body img, .post-body .tr-caption-container, .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;
}
Ok sekarang dah takde bayang lagi dah…
Update:
Jika cara di atas tidak berhasil, cuba ikuti langkah di bawah :Amalan yang biasa.. Backup dulu templat blog anda.
– Pergi ke Blogger’s Dashboard > Design (Layout) > Edit HTML
– Cari dengan klik butang keybord (CTRL + F) untuk kod di bawah :
  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);

– Delete (buang) dan Save. Semoga berhasil dan bermanfaat.Jumpa lagi… Wassalam!

Leave a Reply

Your email address will not be published. Required fields are marked *