English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

MENGHILANGKAN BORDER IMAGE PADA POSTINGAN

Image pada suatu post sangat diperlukan untuk lebih memperjelas pesan yang ada didalamnya. Namun terkadang penampilan image menjadi kurang menarik apabila dikelilingi oleh garis / border.
Sebagai contoh :



Coba anda bandingkan image diatas dengan image dibawah ini :


Kalau anda lihat perbedaan tadi mungkin anda berpendapat "lebih bagus penampilan image yang tidak mempunyai border. Atau mungkin juga sebaliknya.

Bagi anda yang tidak suka image yang mempunyai boder pada penampilan image suatu postingan, anda dapat menghilangkannya dengan mengikuti langkah-langkah berikut :

  1. Sign ke Blogger dengan ID anda.
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template Lengkap, simpan template pada komputer anda untuk backup data agar jika gagal anda dapat mengembalikan kepada keadaan semula
  5. Klik kotak kecil di samping tulisan Expand Template Widget
  6. Tunggu beberapa saat sampai proses selesai
  7. Cari kode HTML seperti dibawah ini :

    .post img {
    padding:4px;
    border:1px solid $bordercolor;
    }
  8. Ubah angka 1 pada boder dengan angka 0, sehingga kodenya menjadi seperti ini :(perhatikan yang berwarna merah)

    .post img {
    padding:4px;
    border:0px solid $bordercolor;
    }
  9. Klik tombol Simpan Template
  10. Selesai/

PENTING UNTUK ANDA BACA



0 komentar:

Posting Komentar

KOMENTAR TERBARU

TINGGALKAN KOMENTAR ANDA

Follow Me