Monday, July 15, 2013

[Test] Cara Menghilangkan Border

Bagaimana cara menghilangkan border pada gambar seperti 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 !

No comments:

Post a Comment