Bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan mempunyai bingkai atau border. Banyak orang tidak duduk kasus dengan border ini, namun tak ada salahnya kita menciptakan 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;
}
.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 menyerupai gambar ini. Setelah itu, klik 'Terapkan ke Blog'.
Makara deh, kini lihat blog Anda, apakah border atau bingkainya masih ada atau sudah lenyap. Praktis kan...!
Post a Comment
Post a Comment