Cara menghilangkan border atau garis pinggir

Kalau anda upload gambar atau foto ke Blogger, banyak template Blogger yang langsung memberikan garis pinggir atau garis tepi mengelilingi gambar tersebut secara otomatis. Kadang ada gambar gambar tertentu atau foto atau juga bisa berupa grafik, statik, logo, banner, simbol atau lainnya yang tidak cocok atau terlihat jelek jika disertai garis tersebut dan anda tentu perlu menyingkirkannya.


Contoh gambar yang disertai garis pinggir atau border dan yang tidak:
Cara menghilangkan borderCara menghilangkan garis pinggir atau garis tepi
Cara menyingkirkan garis tersebut bisa dengan cara berikut:
  • Masuk ke akun Blogger anda dan menuju ke Layout > Edit HTML.
  • Jangan lupa membuat backup dulu selalu sebelum merubah kode template, cara membuat backup klik “Download Full Template” dan simpan di komputer anda.
  • Cari kode berikut pada halaman Edit HTML anda (tidak perlu mencentang kotak Expand Widget, karena kode tersebut tidak di hidden):

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

    jika anda tidak bisa menemukan kode diatas, cari kode di bawah:

    img{
    padding: 4px;
    border:1px solid $bordercolor;
    }
  • Jika sudah menemukannya, ada dua cara untuk menghilangkan garis pinggir atau garis tepi pada gambar anda, yang pertama anda bisa menghapus kalimat ini pada kodenya:

    border:1px solid $bordercolor;

    Atau mengubah jumlah pixel menjadi nol, seperti ini:

    border:0px solid $bordercolor;
  • Setelah selesai klik “Save Template” dan mulailah mengagumi style baru gambar postingan anda tanpa garis pinggir.
Bagaimana jika anda mau menghapus garis pinggir tersebut pada satu gambar postingan saja? Kalau begitu anda mesti edit dulu postingan yang ada gambar tersebut, dan pada mode Edit Html sisipkan kode dibawah ke dalam tag image sourcenya:

style="border:none;"

Jadi nanti kode tag tersebut akan terlihat seperti ini:

No comments:

Post a Comment