Menghilangkan Border Image atau Garis Tepi Gambar

Dear My Lovely Friend’s,,,

Beberapa jam yang lalu ada seorang kawan yang bertanya kepada qu untuk masalah Gambar yang diupload ke Blog yang dia miliki. Dia bertanya “Lia, Kenapa ya koq border Imagenya selalu ada??”. Qu pun menjawab “ yach mas, tanyalah pada rumput yang bergoyang aja…..”. Hehehe……Tapi setelah qu coba menjelaskan akhirnya dia pun anguk – anguk dan geleng – geleng, karena ternyata berhasil di tempaltenya. Sekarang bukan hanya qu ajarkan pada kawan tersebut tapi qu akan share dengan kalian semua. Memang tampilan border bisa membuat cantik tapi juga bisa membuatnya tampak jelek.

Oche dech, mari kita mulai tutorialnya. Sebenarnya border ini adalah sebuah kewajiban yang harus ada di setiap template pada Blog baik itu template classic ataupun template baru. Sekarang yang harus kalian lakukan adalah mencari code CSS di template kalian seperti dibawah ini :

.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor;
}

Atau :

.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:1px;
padding:5px;
}

Oche bila kalian sudah menemukan code yang seperti diatas atau yang hampir sama seperti diatas. Atau kalian bisa menghubungi qu biar lebih jelasnya. Tapi akan lebih mudah bila kalian mencari dengan menggunakan Ctrl F dan masukkan code .post-img atau .post-body img . Bila sudah ketemu dengan code tersebut yang harus kalian lakukan selanjutnya adalah rubah angka 1 atau angka yang berwarna hijau tersebut menjadi 0. Code diatas akan menjadi seperti ini :

.post img { <-- perhatikan kode ini
padding:4px;
border:0px solid $bordercolor;
}

Atau :

.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:0px;
padding:5px;
}

Mudah bukan, setelah selali kalian bisa Save Template kalian dan lihat hasilnya. Apakah lebih bagus tanpa border atau dengan border. Bagi qu semua tergantung dari pilihan kalian masing – masing. Karena ada beberapa kawan yang merasa tidak bisa bebas bila ada sebuah border atau garis tepi.

Baiklah, sekarang saatnya qu kembali kuliah dan melanjutkan menempuh ilmu. Semoga tutorial qu bisa sangat bermanfaat bagi kalian semua. Salam kenal dan Jangan Lupa kasih Komentar yaaaa……

Best Regard


Natha Lia

Artikel Lainnya :

tutorial

• Menghilangkan Garis Bawah LINK
• Menyisipkan Gambar sebelum Judul Posting
• Cara Memasang Tombol BookMark
• Cara Membuat BlogRoll Lengkap
• Cara Membuat Read More dari Template Classic
• Cara membuat Recent Comment atau Komentar Terbaru
• Cara Membuat Recent Post atau Artikel Terbaru
• Membuat Releated Post dengan Gambar
• Releated Post atau Artikel Terkait dengan fungsi Scroll