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 :
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
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 :
- Loggin ke blog
- Pilih Layout dan klik Edit HTML
- 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;
} - Ganti nilai border:1px menjadi border:0px
- 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
0 komentar:
Posting Komentar