Menghilangkan Border Gambar

• Home
• Tutorial
• Tools
• Emoticon
• Icon
• Button
•  

• Blogger
• Java Script
• CSS
• Lain - lain

Dalam memunculkan gambar acap kali kita dibuat kesal oleh border(garis tepi) yang ada pada gambar tersebut. Seperti ini

padahal pengennya begini

Don’t worry garis atau border tersebut dapat kita hilangkan koq, untuk menghilangkan garis atau border tersebut silakan kamu simak penjelasan berikut ini.

Menghilangkan border melalui atribut tag

Untuk mengilangkan border pada gambar, kita bisa menambahkan atribut dalam tag pemanggil gambar kita untuk menghilangkan border tersebut. Berikut penambahan atributnya

<img src="http://www.cool-emoticons.com/rwx_gallery/EM_Blue_Monkey013.gif" border="0"></img>

Atribut yang ditambahkan atribut border dengan size= "0" yang dapat diartikan tanpa border.

Menghilangkan border melalui Kode HTML

Silakan kamu log in ke blogger kamu kemudian pilih Rancangan selanjutnya pilih Edit HTML
Selanjutnya lakukan pencarian cepat dengan menekan tombol Ctrl + F dan carilah kode berikut ini

.post img {
padding:4px;"
border:0px solid $bordercolor;
}

Gantilah size border menjadi "0" yang berarti gambar akan ditampilkan tanpa border
Lalu pilih simpan dan silakan kamu lakukan pembuktian sendiri dengan memunculkan sebuah gambar.