Rabu, 22 Mei 2013

Cara Menghilangkan Border atau Bingkai Gambar di Blog

Hay Sahabat? Masih tetap di tutorial Blogger. Nah, pada kali ini mazinu akan menjelaskan kepada kalian tentang cara Menghilangkan Border atau Bingkai Gambar di Blog, mazinu sendiri sebetulnya juga sedikit risih melihat gambar di blog saya atau di dalam postingan saya terlihat gambar/foto yang tidak sesuai jika diberi border/bingkai, sebagai perimbangan coba kalian lihat gambar di bawah ini :

Gambar tanpa bingkai
Gambar dengan bingkai

Bagaimana? Bagusan tanpa bingkai atau bagus menggunakan bingkai? emmh, kalau menurut mazinu pasti bagusan gambar tanpa bingkai! Betul gak?
Okeh, kalau begitu langsung saja mazinu berikan tutorialnya :
  • Login dulu ke Blogger kalian
  • Klik Template
  • Selanjutnya, klik Costumize untuk masuk ke halaman Blogger Template Designer
  • Kemudian klik Advanced - Bawa scrollingnya ke bawah sampai ketemu kata Add CSS
    Maka akan muncul tampilan seperti ini :

 Cara Menghilangkan Border atau Bingkai Gambar di Blog

  • Untuk selanjutnya masukkan Kode Script ini pada kolom tersebut (lihat gambar diatas, klik untuk memperbesar)

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

  • Klik aply to Blog atau Terapkan ke Blog
  • Selesai !

Cukup Mudah bukan? silahkan kalian praktekan sendiri! semoga artikel tentang Cara Menghilangkan Border atau Bingkai Gambar di Blog yang mazinu posting ini bermanfaat!

Tidak ada komentar:

Posting Komentar