Cara Menghilangkan Border atau Bingkai Gambar di Blog

Setelah kita mengetahui cara memasukkan gambar kedalam postingan blog, selanjutnya adalah memodifikasi gambar dalam postingan.

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.

Bagaimana caranya, ayo kita mulai. Seperti biasa, Anda login dulu ke blog. Setelah masuk ke dasbor. Klik 'Template' dan klik 'Sesuaikan' (lihat gambar).


Seletah masuk ke halaman klik 'Tindak lanjut' 'Tambahkan CSS' dan masukkan script beriku ini.

.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;
}


Tampilannya akan seperti gambar ini. Setelah itu, klik 'Terapkan ke Blog'.


Jadi deh, sekarang lihat blog Anda, apakah border atau bingkainya masih ada atau sudah lenyap. Mudah kan...!

Mau dapat uang dari blog tapi tak ingin keluar modal besar. Mulai langkah pertama mu dengan hosting Niagahoster. Pakai kupon a-Blogooblok untuk potongan akhir. Baca panduan lengkapnya disini.

Comments

Artikel Populer Lainnya

Cara Memasang Iklan Google Adsense di Blogspot

Cara Mudah Memasang Iklan Google Adsense di Youtube

Cara Mendaftar Google Adsense dari Blog Blogspot

5 Tempat Mengirim Tulisan dengan Bayaran Manusiawi

Cara Mudah Membuat Privacy Policy Buat Blog

Cara Membuat Signature Pada Gmail, Yahoo dan Outlook

Mengenal dan Cara Membuat Layanan Subscribe

Cara Membuat Layanan Contact Us di Blog

Cara Mengetahui Kata Yang Banyak Dicari di Youtube

Cara Mengubah Nama Akun/Channel Youtube