Judul : Cara Menghilangkan Border atau Bingkai Gambar di Blog
link : Cara Menghilangkan Border atau Bingkai Gambar di Blog
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 :
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 :
Mohon maaf untuk sementara saya pasang script anti copas, untuk mendapatkan kode tentang Cara Menghilangkan Border atau Bingkai Gambar di Blog diatas silahkan bisa add saya di facebook, klik disini!
Cukup Mudah bukan? silahkan kalian praktekan sendiri! semoga artikel tentang Cara Menghilangkan Border atau Bingkai Gambar di Blog yang mazinu posting ini bermanfaat!
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 :
- 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;
}
.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 !
Mohon maaf untuk sementara saya pasang script anti copas, untuk mendapatkan kode tentang Cara Menghilangkan Border atau Bingkai Gambar di Blog diatas silahkan bisa add saya di facebook, klik disini!
Cukup Mudah bukan? silahkan kalian praktekan sendiri! semoga artikel tentang Cara Menghilangkan Border atau Bingkai Gambar di Blog yang mazinu posting ini bermanfaat!
7 Responses to "Cara Menghilangkan Border atau Bingkai Gambar di Blog"
mantap gan.. ini berguna bagi newbie kaya ane.. kunjungi blog ane juga ya gan.. fap fap blog :D
Mantap Untuk Newbie
Comment back yaaa
lumanay dapat tambahan ilmu thank ya :)
Bener makasih yaa gan :)
iya,, sama2
sukses untuk web nya ya?
waaahh pas banget nih aku emang lagi cari2 ini, akhirnya dapet juga..
langsung aku praktekin dah..
makasih yaa :D
kalau untuk header blog di tengah gimana caranya?
Post a Comment