Cara Menghapus Pembatas, atau Bayangan Gambar pada Blogger. Sering kali kita melihat pada suatu artikel pada blog yang di dalamnya terdapat sebuah gambar yang memiliki sebuah pembatas atau bayangan yang membuat gambar tersebuat tidak bisa terlihat menyatu dengan artikel. Hal ini sangat menjengkelkan karena gambar yang di siapkan untuk menyatu pada background artikel terlihat memiliki batas yang membuat artikel menjadi kurang menarik. Tetepi dengan cara di bawah ini anda dapat menghilangkan
Pembatas, atau
Bayangan Gambar yang membuat gambar tidak menyatu pada background artikel menjadi sesuai yang kita inginkan.
Terlihat dari gambar di atas perbedaan pada Pembatas, atau Bayangan Gambar sangatlah jelas yang membedakan antara gambar bisa menyatu pada background yang berwarnah putih. Untuk menghilangkan Pembatas, atau Bayangan Gambar ternyata sangat mudah, anda hanya memerlukan tambahan Kode CSS untuk membuat gamabar dapat menyatu pada background yang berwarnah putih.
Cara Menghapus Pembatas, atau Bayangan Gambar Sebagai Berikut:
-
Pergi ke Dashboard
-
Pilih Template
-
Setelah terbuka halaman Template klik pada Sesuaikan
-
Setelah itu anda akan di bawah ke halaman Perancang Template Blogger dan pilih Tingkat lanjut
-
Pada bagian Tingkat lanjut pilih Tambahkan CSS
-
Masukan Kode CSS di bawah ini dan Terapkan ke Blog
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !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;
}
Jika cara di atas tidak dapat menghilangkan Pembatas, atau Bayangan Gambar anda dapat mengikuti langkah-langkah di bawah ini.
- Pergi ke Blogger Dashboard > Template> Edit HTML
- Klik di mana saja di kode area dan cari dengan menekan tombol CTRL + F untuk kode berikut
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);
- Catatan: Jika Anda tidak dapat menemukan seluruh kode, kemudian mencoba untuk menemukan baris ini dan sisanya akan muncul
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
- Hapuslah kode diatas dan Simpan template
Demikian turorial dari saya, semoga bermanfaat ^_^
