Menghilangkan Border Pada Image Posting

Oke, masih tentang border pada blogger. Sekarang saya posting cara menghilangkan image border pada posting blog. Image border ini lebih sering dikenal dengan bingkai photo pada posting blog. Contoh default image border posting blog seperti gambar ini. Kebetulan saya ini suka nge-posting dengan embel-embel image entah itu berukuran kecil atau besar tapi yang jelas image di posting blog bertujuan untuk mempertegas isi posting. Nah, secara default image pada posting bloger selalu memiliki border atau bingkai pembatas image. Pada kenyataannya, ada yang suka dan tidak sedikit yang ingin menghilangkan border tersebut. Ada juga yang tetap menampailkan image posting dengan border atau bingkai photo yang sudah dimodifikasi. Terserah saja kamu mau yang bagaimana, yang penting image posting blog bisa tampil semakin baik.

Paling mudah dengan menyamakan warna border image dengan warna post background color. Cukup masuk ke blog kamu, pilih Layout dan atur warna di Fonts and Color. Nah, ada cara lain untuk menghilangkan image border posting dan sangat mudah cukup dengan sedikit sentuhan pada kode CSS. Seperti biasa, kamu dapat mengikuti langkah berikut :

1. Loggin ke blog
2. Pilih Layout dan klik Edit HTML
3. Cari kode berikut dan fokus ke .post img { karena bisa jadi ada perbedaan pada template blog.
   

   .post img {
   margin-top:0;
   margin-$endSide:0;
   margin-bottom:5px;
   margin-$startSide:0;
   padding:4px;
   border:1px solid $borderColor;
   }

4. Ganti nilai border:1px menjadi border:0px
5. Save template dan lihat hasilnya.

Nah, untuk contoh di atas, setelah menghilangkan image border maka hasilnya akan seperti gambar ini. No more image border on your blog post. Bagaimana, cukup mudah bukan. Sekarang, kamu sudah bisa menghilangkan bingkai atau image border pada setiap posting yang berisi gambar. Tapi terserah aja denk, mau dihilangkan atau tetap menampilkan imaga border dengan modifikasi yang cocok buat template blogmu. Sebagai catatan, kode di atas masih bisa diganti lagi seperti membuat border dotted, border style double, dan mengganti warna border dengan mengutak-atik kode CSS border.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Modifikasi Border Photo Profil Blogger

or or