Minggu, 05 September 2010

Menghilangkan Default Bingkai Gambar Di Halaman Posting


GAMBAR 1
GAMBAR 2
Coba lihat kedua gambar diatas ? Adakah perbedaannya ? Mungkin sepintas sama, karena memang kedua gambar diatas adalah sama. Tapi bila kita pandangi secara cermat gambar tersebut, terdapat satu hal yang beda, yaitu terletak pada border/bingkai dari kedua gambar tersebut. Gambar 1 berbingkai, sedangkan gambar 2 tidak berbingkai.

Setiap theme pada WordPress berbeda-beda, ada yang secara default memberi border pada gambar dan ada pula yang tidak memberi default border pada gambar. Kalau ada theme yang memberi default border gambar, walaupun kita beri point 0 (nol) pada img border=”0″, tetap aja tu border nonggol mulu. Kita tebalkan border itu juga tidak bisa, walaupun kita sudah beri point 100px pada img border=”100″, masih juga tetap nongol dengan mengejek sambil pamer 1px garis bingkainya kepada kita.
Default theme yang saya gunakan ( theme k2-lite ) memberikan border pada setiap image pada posting. Sempat saya bolak-balik mengganti theme, dikarenakan terdapat border gambar dan saya paling tidak suka bila terdapat border pada gambar . Adanya border tersebut bagi saya sangat tidak alami, karena seperti menunjukkan adanya batas gambar dengan tulisan. Dengan tidak adanya border, membuat seolah-olah gambar menyatu dengan halaman dan tulisan. Apa lagi bila kita ingin menaruh gambar yang transparan (seperti gambar animasi pada blog saya), kehadiran border ini sangat mengganggu.
Sempat putus asa untuk menghilangkan border tersebut, akhirnya saya mendapatkan kode untuk menghilangkan border tersebut. Sebenarnya bukan kode untuk menghilangkan border pada gambar, melainkan meng-akalinya agar border tidak tampak lagi.
Bagi anda yang berminat menghilangkan default border gambar, bisa terapkan kode dari saya ini. Tapi, hanya berfungsi kepada theme yang memberi default border pada gambar. Saya belum tahu menampilkan border gambar pada theme yang memberi default gambar tanpa border.
Berikut caranya :
Pada gambar no 1, secara default bila kita menyisipkan gambar di posting kodenya adalah sebagai berikut :


<a href=âhttp://bootingskoblog.files.wordpress.com/2008/12/pokemon-4.gifâ>
<img border=â0â³ src=http://bootingskoblog.files.wordpress.com/2008/12/pokemon-4.gif
style=âfloat:center;margin:0 10px 10px 0;â/></a>
Untuk mengetahui kode diatas, pada halaman penulisan gunakan mode ‘HTML’. Kemudian cari kode seperti diatas.
Masih dalam mode ‘HTML’ ganti dengan kode di bawah ini tanpa menghilangkan alamat URL gambar anda : 


<img class="aligncenter" style="border:0;"
src="http://bootingskoblog.files.wordpress.com/2008/12/pokemon-4.gif"/>
Catatan :

  • ganti huruf yang dicetak merah dengan alamat URL gambar anda.

  • kode ini berjalan khusus pada theme yang memberi default border pada gambar.

0 Comments
Tweets
Komentar

0 komentar:

Leave a Comment

Klik Iklannya Donk