Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog

Bagaimana cara menghilangkan border pada gambar blog? Bagaimana cara menghilangkan bayang pada gambar blog? Bagaimana cara menghilangkan bingkai pada gambar blog? ketiga pertanyaan itu sebenarnya SAMA. Kata "border, bayang dan bingkai" adalah kata yang digunakan untuk menggambarkan pembatas yang ada pada gambar atau foto di blog. Coba perhatikan gambar di bawah ini!


Gambar dengan border, bingkai atau bayang
b

Gambar tanpa border, bingkai atau bayang
a

Dari kedua gambar di atas, terlihat jelas mana gambar yang tanpa pembatas dan mana gambar yang masih memiliki pembatas.
Untuk menghilangkan border, bingkai, bayang pada gambar atau foto blog, ternyata sangat mudah. Kita cukup menambahkan kode CSS di blog kita, maka di jamin semua gambar atau foto tidak akan memiliki border, bingkai atau bayang.

Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog


  • Sign In di Blogger.com
  • Pada Menu Drop Down, pilih Template.
  • Klik Tombol Costumize untuk menuju laman Blogger Template Designer
  • Klik Advanced dan Add CSS
Capture
  • Copy Paste kode berikut pada kolom yang tersedia
.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;
}
  • Terakhir, Klik tombol Apply to Blog
Share on Google Plus

About Admin

Terimakasih telah berkunjung silakan berikan komentar Anda.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment