Menghilangkan Image Border


| Comment(s)
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  (contoh saja):



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



    tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img 
  7. Ubah 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; <-- ubah kode yg ini
    }



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

  9. Ubah 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.



Anda baru saja membaca artikel 'Menghilangkan Image Border'. Silakan tulis komentar Anda untuk artikel ini pada kotak komentar yang tersedia. Untuk kembali ke daftar isi, klik disini. Terima kasih :)