CARA MENGHILANGKAN BORDER GAMBAR DI BLOGGER DENGAN MUDAH
Border image atau bingkai gambar pada postingan blogger merupakan bagian image yang berfungsi untuk mempertegas tampilan image yang kita upload didalam postingan.
Template bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.
Baca juga: "Cara Membuat Judul Postingan Berada di Depan Judul Blog Blogger" agar lebih CEO.
Namun ada kalanya bingkai gambar ini kurang terlihat profesional dan menarik dipandang di dalam blog untuk itulah kita harus menghilangkannya.
Sebelum melanjutkan kepembahasan tidak ada salahnya anda meluangkan waktu sejenak untuk berdoa sehingga apa yang saya jabarkan dalam blog UNIX BLOG KOM ini dapat bermanfaat untuk anda dan saya pada khususnya.
Cara untuk menghapus border gambar pada blogger tidaklah sulit dilakukan kita hanya perlu memasukan beberapa kode css kedalam template blogspot kita.
Berikut ini adalah kode CSS nya:
Nah itulah kode cssnya gak ribet bukan!
Sekarang kalian sudah mengetahui kode css untuk menghilangkan border gambar di blogspot, saatnya untuk menerapkannya ke dalam blog kalian.
Baca juga: Cara Cepat Mengganti Template Blog Terlengkap
Untuk memanfaatkan kode css tersebut kita mengunakan cara tambah css saja biar gak ribet.
Berikut langkahnya:
Seharusnya jika berhasil maka gambar postingan di blog kalian tidak memiliki border seperti gambar pada blog saya ini:
Nah lebih bagus kan kelihatannya.
Nah selain image pada postingan ternyata kita juga dapat merubah ukuran huruf atau font teks pada postingan agar terlihat lebih besar dan mudah dibaca oleh pengunjung blog kita selain itu blogger kita akan menjadi lebih CEO.
Oke itulah panduan blogger pada kali ini yang bisa saya sampaikan semoga dapat membantu kalian dalam memperbaiki tampilan image border pada blogspot kalian.
Jika kalian belum memiliki blog pada pertemuan lalu saya sudah memposting mengenai "Panduan Belajar Blogger dari Nol Hingga Mandiri untuk Pemula" yang bisa kalian baca juga
Jika ada pertanyaan silahkan tinggalkan komentar di bawah, dan jangan lupa share ke teman-teman kalian ya supaya lebih banyak yang dapat ilmunya.
facebook
twitter
Salam blogger and happy selalu sobat.
Sumber http://poliskom.blogspot.com/
Template bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.
Baca juga: "Cara Membuat Judul Postingan Berada di Depan Judul Blog Blogger" agar lebih CEO.
Namun ada kalanya bingkai gambar ini kurang terlihat profesional dan menarik dipandang di dalam blog untuk itulah kita harus menghilangkannya.
Sebelum melanjutkan kepembahasan tidak ada salahnya anda meluangkan waktu sejenak untuk berdoa sehingga apa yang saya jabarkan dalam blog UNIX BLOG KOM ini dapat bermanfaat untuk anda dan saya pada khususnya.
Cara untuk menghapus border gambar pada blogger tidaklah sulit dilakukan kita hanya perlu memasukan beberapa kode css kedalam template blogspot kita.
Berikut ini adalah kode CSS nya:
.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}
Nah itulah kode cssnya gak ribet bukan!
Sekarang kalian sudah mengetahui kode css untuk menghilangkan border gambar di blogspot, saatnya untuk menerapkannya ke dalam blog kalian.
Baca juga: Cara Cepat Mengganti Template Blog Terlengkap
Untuk memanfaatkan kode css tersebut kita mengunakan cara tambah css saja biar gak ribet.
Berikut langkahnya:
- Masuk ke akun blogger kalian
- Pilih menu template
- Pilih Sesuaikan
- Pilih tingkat lanjut lalu pilih tambahkan css
- Masukan kode css di atas di kotak editor, seperti berikut
- Jika sudah klik terapkan di blog
Seharusnya jika berhasil maka gambar postingan di blog kalian tidak memiliki border seperti gambar pada blog saya ini:
Nah selain image pada postingan ternyata kita juga dapat merubah ukuran huruf atau font teks pada postingan agar terlihat lebih besar dan mudah dibaca oleh pengunjung blog kita selain itu blogger kita akan menjadi lebih CEO.
Oke itulah panduan blogger pada kali ini yang bisa saya sampaikan semoga dapat membantu kalian dalam memperbaiki tampilan image border pada blogspot kalian.
Jika kalian belum memiliki blog pada pertemuan lalu saya sudah memposting mengenai "Panduan Belajar Blogger dari Nol Hingga Mandiri untuk Pemula" yang bisa kalian baca juga
Jika ada pertanyaan silahkan tinggalkan komentar di bawah, dan jangan lupa share ke teman-teman kalian ya supaya lebih banyak yang dapat ilmunya.
Salam blogger and happy selalu sobat.
