Cara Menghilangkan Label di Template VioMagz

Cara Menghilangkan Label di Template VioMagz
Baru saja saya googling tentang "Cara Menghilangkan Label di Template Viomagz".

Ternyata sudah ada beberapa blog yang membahas tentang cara tersebut, termasuk blog sang pembuat template viomagz yaitu sugeng.id yang juga membahas tentang panduan tersebut.

Kali ini saya akan coba menjelaskan "Cara Menghilangkan Label di Template Viomagz" dengan dua pilihan cara. Tentu saja cara yang pertama yaitu adalah cara yang sudah dibahas oleh kebanyakan blogger dan cara kedua adalah cara saya sendiri.

Jadi meskipun sebenarnya topik ini sudah banyak tersedia, tapi saya berusaha menyediakan variasi agar para pengguna template viomagz dapat mempercantik tampilan blog mereka.

Sebelum kita menlanjutkan sebaiknya Anda mengetahui beberapa hal berikut ini. Ada beberapa alasan para blogger menghilangkan tampilan label di template blog miliknya yaitu: Agar tampilan blog menjadi semakin simple, pengunjung lebih fokus ke postingan tanpa terganggu oleh adanya label dan berbagai hal lainnya.

Sebelum melakukan cara ini saya sarankan agar membackup template Anda terlebih dahulu, bukan karena cara ini berbahaya. Tapi agar Anda punya backupan template jika terjadi hal yang tidak diinginkan.

Untuk melakukan panduan ini maka cara yang harus Anda lakukan adalah login ke Blogger.

Masuk pada menu Tema > pilih Edit HTML.

Setelah itu Anda dapat lanjutkan dengan cara yang ingin Anda pilih yaitu cara pertama atau cara kedua.

Penting: Cara pertama dan cara kedua tidak boleh digabungkan.

Cara pertama sesuai panduan mas Sugeng


Cari dan hapus kode di bawah ini.

<b:include data='post' name='labelsinfo'/>

Setelah menghapus kode di atas maka semua tampilan baik label dan garis horizontal akan hilang.

Cara kedua yaitu dengan cara saya


Cara ini dapat Anda lakukan jika ingin menghilangkan label tapi tetap menampilkan garis horizontal.

Cari kode CSS yang mirip seperti di bawah ini.

.label-info-th a {
    color: $(label.color);
    background: $(label.bg.color);
    display: inline-block;
    padding: 6px 12px;
    margin: 1px 0;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid $(label.border.color);
}

Kemudian pada bagian display: inline-block; diubah menjadi display: none; sehingga kodenya menjadi seperti berikut ini.

.label-info-th a {
    color: $(label.color);
    background: $(label.bg.color);
    display: none;
    padding: 6px 12px;
    margin: 1px 0;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid $(label.border.color);
}

Setelah melakukan cara pertama atau kedua maka langkah terakhir yang harus Anda lakukan adalah menyimpan pengaturan yang telah Anda buat dengan cara mengklik Simpan tema.

Itulah beberapa cara yang dapat Anda lakukan untuk mempercantik tampilan blog Anda. Tapi apakah cara tersebut tidak akan mempengaruhi SEO?

Berdasarkan sepengetahuan saya cara di atas tidak akan mempengaruhi SEO blog Anda. Namun jika Anda masih ragu Anda dapat menanyakan hal tersebut kepada para master salah satunya yaitu mas Sugeng yang membuat template viomagz.
Tulis Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel