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
google,google.com,google cartoon,kartun google,google animasi,animation google

Gambar tanpa border, bingkai atau bayang
google,google.com,google cartoon,kartun google,google animasi,animation google

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
Blogger Template Designer,add css
  • 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
Advertisment
** Share nya Jangan Lupa Ya.. Salam,salam **

Saya hanya blogger biasa yang suka kutak-katik blogger, senang belajar dan berbagi pengetahuan dan pengalaman dengan yang lain. Blog ini hasil dari source mas Septi Rosidi, semoga dapat bermanfaat untuk semua. Silahkan masukan email Anda pada kotak di bawah ini untuk mendapatkan update artikel dari semujursite.


0 komentar:

Posting Komentar

 
Top