Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Tips Menghilangkan Border Image

Bagi sobat yang gemar memasang gambar ataupun emoticons pada postingan, sering kali menghadapi sedikit ganjalan yaitu gambar yang di pasang mempunyai border/bingkai gambar berbentuk kotak. nah bagi sobat yang ingin menghilangkan border ini, saya ada sedikit tips untuk menghilangkannya.


Contoh gambar yang mempunyai border :

Atau seperti ini :


   

   

   

Bandingkan dengan yang ini :

Atau seperti ini :


   

   

   

Lebih asyik bukan jika gambar yang kita posting tidak mempunyai border/bingkai. Cara untuk menghilangkan border adalah sobat harus membiasakan diri menambahkan kode border=”0″ pada setiap gambar yang di pasang. Sebagai contoh saya mempunyai alamat gambar seperti ini :

Untuk membuat gambar, bisakan menyisipkan kode border=”0″, contohnya :

<img src=”http://amen24.googlepages.com/face5.gif&#8221; border=”0″>

Bagaimana jika sobat sudah menambahkan kode border=”0″, akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css sobat ada yang harus di modifikasi. Silahkan ikuti langkah-langkah berikut ini!

Untuk yang memakai template klasik :

  1. Sign in di blogger
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode HTML template sobat, lalu paste pada notepad, kemudian save untuk backup apabila ada kesalahan editting
  5. Cari kode berikut pada css sobat (ini contoh saja):
  6. .post img { <– perhatikan kode ini
    padding:4px;
    border:1px solid $bordercolor; <– yang di rubah kode yg ini
    }

    tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

  7. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
  8. .post img {
    padding:4px;
    border:0px solid $bordercolor;
    }

  9. klik tombol Simpan Perubahan Template
  10. Selesai.

Untuk yang memakai template baru :

  1. Sign in
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
  5. Klik kotak kecil di samping tulisan Expand Template Widget
  6. Tunggu beberapa saat sampai proses selesai
  7. Cari kode berikut pada css sobat (ini contoh saja):
  8. .post img { <– perhatikan kode ini
    padding:4px;
    border:1px solid $bordercolor; <– yang di rubah kode yg ini
    }

    tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

  9. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
  10. .post img {
    padding:4px;
    border:0px solid $bordercolor;
    }

  11. Klik tombol SIMPAN TEMPLATE
  12. Selesai.

Bagaimana sobat, mudah-mudahan expresi sobat lebih bebas karena sudah tidak di ganggu lagi dengan adanya border.

Salam buat blogger semua.

1 Juli 2007 - Posted by | blog tutorial

9 Komentar »

  1. Makasih Banyak atas Infonya

    Komentar oleh Informasi Seputar LP3I MAKASSAR | 9 Maret 2008 | Balas

  2. AA rohman, mo tanya gimana caranya mo buat gambar dipostingan supaya lebarnya full seukuran halaman postingan, supaya lebarnya sama dengan text pada postingan.

    Komentar oleh xocu | 24 Maret 2008 | Balas

  3. kalo mo gambar yang gede, sebaiknya di pasang pada hosting lain. misal google page creator. kalo di blogger biasanya otomatis di perkecil oleh engine nya blogger. trus tentukan/sesuaikan lebar (width) serta tingginya (height) dengan lebar postingan. trus di panggil oleh kode img src. misal :

    <img src=”http://contoh.googlepages.com/contoh.gif” width=”450″ height=”200″/>

    Komentar oleh Rohman | 24 Maret 2008 | Balas

  4. kang rohman..bagusss bgtttt akhirnnya border di onion head saya ilang
    kang mau nanya kalau biar si emoticon rada turun kebawah biar ga tralu keatas gimana ??

    Komentar oleh Amaterasu | 1 Juni 2008 | Balas

  5. Hebat Kang. Terima Kasih atas bantuannya, terima kasih atas ilmunya.

    Komentar oleh kLik siKo&lt; | 25 Juni 2008 | Balas

  6. Hebat Kang. Terima Kasih atas bantuannya, terima kasih atas ilmunya.

    Komentar oleh kLik siKo&lt; | 25 Juni 2008 | Balas

  7. yup…sukses berat..maksi ya….:D

    Komentar oleh Gigi Sehat Badan Sehat | 15 Juli 2008 | Balas

  8. wahhh berhasil !!! tadinya aku memang merasa ‘terganggu’sama border image. ternyata ketemu solusinya ;))

    Komentar oleh milla schumacher | 25 Juli 2008 | Balas

  9. makasih banyak ya Kang, atas ilmunya. Moga2 jd amal jariah bwt Kang Rohman…..

    Komentar oleh Mysterioukhti's Zone | 9 Agustus 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: