Cara Menghilangkan Garis Pinggir Pada Gambar

Assalamu’alaikum Warahmatullahi Wabarakaatuh,

Halo Sobat Mas Rizky, berjumpa lagi ya di Website yang sama, dalam kesempatan kali ini admin Masrizky.web.id akan berbagi Cara menghilangkan garis pinggir pada gambar.

Menghilangkan garis pinggir pada gambar di Blogger dapat dilakukan dengan beberapa langkah sederhana. 

Pertama-tama, Anda perlu masuk ke akun Blogger Anda dan membuka postingan atau halaman yang ingin Anda edit. 

Setelah itu, pilih gambar yang ingin Anda hilangkan garis pinggirnya dengan mengklik gambar tersebut. 

Langkah berikutnya adalah mengakses kode HTML dari postingan atau halaman tersebut. 

Klik tab “HTML” di bagian atas editor Blogger. Di dalam kode HTML, cari tag `<img>` yang berisi gambar yang ingin Anda edit. 

Biasanya, tag ini akan terlihat seperti ini: `<img src=”URL_GAMBAR” … >`. Untuk menghilangkan garis pinggir, Anda perlu menambahkan style CSS langsung ke tag `<img>` tersebut. 

Contohnya, tambahkan style=border:none ke dalam tag `<img>` sehingga menjadi: `<img src=”URL_GAMBAR” style=border:none … >`.

Setelah menambahkan kode tersebut, simpan perubahan dan kembali ke tampilan “Compose” atau “Visual” untuk melihat hasilnya. 

Gambar sobat seharusnya sekarang tampil tanpa garis pinggir. 

Jika sobat memiliki banyak gambar dan ingin menghilangkan garis pinggir secara keseluruhan, sobat bisa menambahkan CSS khusus di bagian “Themes” atau “Tata Letak” dengan mengakses “Customize” lalu “Advanced” dan pilih “Add CSS“. 

Tambahkan kode berikut: img { border: none; }vuntuk mengaplikasikan perubahan ini ke semua gambar di blog Anda. 

Dengan mengikuti langkah-langkah ini, gambar Anda akan terlihat lebih rapi dan sesuai dengan desain yang Anda inginkan.

Jika sobat belum paham dengan cara diatas bisa menggunakan cara sederhana di bawah ini.

1. Login ke Blogger. Klik -> Tata Letak -> Edit HTML
2. Cari kode .post img atau .post-body img. Biasanya dibawahnya akan dikuti dengan kode seperti contoh dibawah ini.

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f356f6
}

Setiap template mempunyai kode yang berbeda-beda. Ganti kode terakhir menjadi border:none

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border:none; 
}

3. Jika sudah, klik Save Template
4. Selesai. Silahkan lihat hasilnya.