Cara Mengecualikan Tags Tertentu di Widget Main Tags Blogger

Cara Mengecualikan Tags Tertentu di Widget Main Tags Blogger

Pendahuluan

Pernahkah Anda merasa tampilan blog di Blogger jadi kurang rapi karena terlalu banyak label (tags) muncul di widget utama? Misalnya, label "Draft", "Testing", atau "Private" ikut tampil di daftar utama, padahal seharusnya hanya label penting seperti "Artikel", "Tips & Tutorial", atau "Kumpulan Prompt".

Inilah masalah klasik para blogger di platform Blogger. Widget main tags (label) memang secara default menampilkan semua label yang ada di blog Anda. Tapi kabar baiknya, ada trik sederhana untuk mengecualikan tags tertentu di widget main tags Blogger agar blog terlihat lebih profesional.

Artikel ini akan memandu Anda langkah demi langkah. Tapi sebelumnya, mari kita mulai dengan sebuah cerita sederhana yang mungkin juga pernah Anda alami.


Storytelling: Dari Masalah ke Solusi

Bayangkan seorang blogger bernama Rani. Ia baru saja membuat blog pribadi di Blogger untuk berbagi artikel dan tutorial. Saat mengatur tampilan blog, ia menambahkan widget Label di sidebar. Tapi alih-alih tampil rapi, daftar labelnya malah penuh dengan kata-kata acak: "Uji Coba", "Notes", "Random".

Rani pun merasa bingung. Bagaimana caranya agar hanya label tertentu saja yang tampil di widget?

Di sinilah kita masuk ke inti masalah: Blogger tidak menyediakan opsi bawaan untuk menyembunyikan label tertentu di widget. Namun, dengan sedikit trik HTML dan CSS (atau JavaScript), masalah itu bisa diatasi.


Mengapa Perlu Mengecualikan Tags Tertentu?

Sebelum masuk ke teknis, mari kita pahami dulu manfaatnya:

  • Tampilan blog lebih rapi → hanya label utama yang muncul.

  • Navigasi lebih jelas → pembaca tidak bingung memilih kategori.

  • SEO lebih optimal → struktur internal blog lebih terarah.

  • Branding lebih konsisten → hanya kategori penting yang ditampilkan.

Baca juga: Tips Membaca Berita dengan Kritis


Cara Mengecualikan Tags di Widget Main Tags Blogger

Ada beberapa metode yang bisa Anda gunakan. Mari kita bahas satu per satu.


1. Menggunakan CSS untuk Menyembunyikan Label Tertentu

Metode paling sederhana adalah dengan menambahkan kode CSS di template Blogger.

Langkah-langkahnya:

  1. Masuk ke Blogger > Tata Letak > Edit HTML.

  2. Tambahkan kode CSS berikut sebelum tag </style> atau di dalam <style>:

/* Sembunyikan label tertentu di widget Label Blogger */
.Label a[href*='/search/label/Testing'],
.Label a[href*='/search/label/Draft'],
.Label a[href*='/search/label/Private'] {
display: none !important;
}

Penjelasan:

  • Testing, Draft, Private → ganti dengan nama label yang ingin disembunyikan.

  • Kode ini akan mencari link label yang mengandung kata tersebut, lalu menyembunyikannya.


2. Menggunakan JavaScript untuk Filter Label

Jika ingin lebih fleksibel, Anda bisa memakai JavaScript.

Langkah-langkahnya:

  1. Masuk ke Blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript.

  2. Tempelkan kode berikut:

<script>
document.addEventListener("DOMContentLoaded", function() {
var excluded = ["Testing", "Draft", "Private"]; // daftar label yang dikecualikan
var labels = document.querySelectorAll(".Label a");
labels.forEach(function(label) {
excluded.forEach(function(ex) {
if(label.textContent.trim() === ex) {
label.style.display = "none";
}
});
});
});
</script>

Kelebihan metode ini:

  • Lebih fleksibel, bisa menambahkan banyak label.

  • Bisa dipakai tanpa edit HTML template secara langsung.


3. Membuat Widget Label Khusus (Custom Widget)

Untuk kontrol penuh, Anda bisa membuat widget label khusus yang hanya menampilkan kategori penting.

Contoh kode HTML custom widget:

<div class="custom-label-widget">
<h3>Kategori</h3>
<ul>
<li><a href="/search/label/Artikel">Artikel</a></li>
<li><a href="/search/label/Tips%20%26%20Tutorial">Tips & Tutorial</a></li>
<li><a href="/search/label/Kumpulan%20Prompt">Kumpulan Prompt</a></li>
</ul>
</div>

Dengan cara ini, Anda hanya menampilkan label yang benar-benar Anda pilih.


Tips Mengelola Label Blogger dengan Efektif

Gunakan Label Seperlunya

Hindari membuat label berlebihan. Cukup gunakan kategori besar (misalnya: Artikel, Tips, Kumpulan Prompt).

Konsisten Menulis Label

Jika Anda menulis label "Tips & Tutorial" sekali, jangan menulis "Tips" di artikel lain. Konsistensi penting agar navigasi tidak membingungkan.

Optimasi untuk SEO

  • Gunakan label sebagai internal link yang kuat.

  • Jangan menaruh label yang tidak relevan dengan isi artikel.

  • Pastikan label punya minimal 3–5 artikel agar tidak terlihat kosong.

👉 Referensi resmi: Panduan Blogger Google


Checklist Mengecualikan Tags di Blogger

  1. Tentukan label mana yang perlu disembunyikan.

  2. Pilih metode: CSS, JavaScript, atau Custom Widget.

  3. Uji coba di blog Anda.

  4. Pastikan tampilan blog tetap rapi di desktop dan mobile.

  5. Periksa performa SEO untuk melihat dampaknya.


Bridge Story

Rani, yang awalnya pusing melihat label "Uji Coba" ikut tampil, akhirnya menemukan trik CSS sederhana. Dalam beberapa menit saja, tampilan blognya jauh lebih rapi. Pengunjung blog pun lebih nyaman menelusuri kategori.

Masalahnya sebenarnya sederhana, tapi solusinya membuat perbedaan besar. Begitu juga dengan blog Anda—mengatur widget label dengan bijak akan meningkatkan pengalaman pembaca sekaligus SEO blog.


Kesimpulan

Mengecualikan tags tertentu di widget main tags Blogger bukan hal sulit. Anda bisa melakukannya dengan tiga cara: menggunakan CSS, JavaScript, atau membuat widget label custom. Dengan langkah ini, blog Anda akan terlihat lebih rapi, profesional, dan ramah pembaca.

✨ Sudahkah Anda mencoba salah satu metode di atas? Jika artikel ini bermanfaat, jangan lupa share ke sesama blogger, tinggalkan komentar pengalaman Anda, dan baca juga artikel lainnya di KataKatalis untuk tips blogging dan optimasi SEO.

Posting Komentar

0 Komentar