Lompat ke konten Lompat ke sidebar Lompat ke footer

Menyembunyikan Label Tertentu di Homepage Blogger

Menyembunyikan Label Tertentu di Homepage Blogger

Menyembunyikan Label Khusus di Homepage Blogger ― Melalui sebuah diskusi pada posting sebelumnya di blog ini yang membahas tentang Cara Menggunakan Conditional Tag di Blogger, saya berinisiatif untuk membahas tentang salah satu perkembangan penggunaan conditional tag yang lebih luas di Blogger, salah satunya pada kasus cara menyembunyikan label tertentu di homepage di Blogger. Silakan simak pembahasannya berikut ini.

Conditional tag sebenarnya merupakan salah satu attribute khusus yang hanya dapat digunakan pada sintaks blog di Blogger, setelah mengalami pembaruan dan update besar-besaran pada Blogger, kini kita sebagai seorang pengguna blogger diberikan keleluasaan yang lebih luas dibandingkan sebelumnya dalam penggunaan conditional tag tersebut, namun sekarang mungkin lebih cocok disebut sebagai conditional attribute karena sekarang sudah tidak harus menggunakan tag <b:cond> lagi.

Salah satu contoh kasusnya yaitu tentang cara menyembunyikan label tertentu di halaman utama blog di Blogger, hal tersebut tentunya tidak terlepas dari penggunakan conditional attribute tersebut, akan tetapi untuk menghasilkan hal sesuai seperti yang diharapkan, yaitu hanya menampilkan label tertentu saja, atau lebih mudahnya kita balikkan dengan menyembunyikan label tertentu pada homepage di Blogger. Jadi dengan kata lain, postingan yang menggunakan label tertentu tersebut tidak akan muncul di homepage di blog.

Perlu kamu perhatikan bahwa langkah-langkah yang akan di bahas dalam artikel ini tidak akan berjalan secara optimal jika template/tema yang digunakan pada blog kamu memakai fitur Infinite Scroll atau sistem navitasi infinite yang di-load menggunakan Javascript pada homepage.

Cara Menyembunyikan Label Tertentu di Homepage

Pertama-tama perlu diketahui dan diperjelas terlebih dahulu ada berapa label yang ingin dikategorikan sebagai label postingan yang akan disembunyikan!? Tetapi sebelum itu sebaiknya tambahkan kode CSS berikut ini di blog kamu dengan menggunakan cara berikut.

  1. Buka Blogger dan pastikan blog yang terpilih adalah blog yang akan diedit (jika akun kamu terhubung lebih dari satu blog).
  2. Sebelum mulai mengubah bagian dari blog kamu, sebaiknya lakukan backup terlebih dahulu biar blog kamu tetap aman, baca cara mudah backup blog di sini.
  3. Buka menu Tema lalu klik tombol SESUAIKAN.
  4. Menyembunyikan Label Tertentu di Homepage Blogger
  5. Setelah itu pada Desainer Tema Blogger, pilih Lanjutan lalu buka Tambahkan CSS
  6. Menyembunyikan Label Tertentu di Homepage Blogger
  7. Kemudian tambahkan kode berikut pada kotak teks yang ada. Menu ini kadang tergantung dari template yang kamu gunakan, jika menu "Tambahkan CSS" tidak dapat kamu temukan silakan buka menu Edit HTML lalu temukan kode ]]></b:skin> dan letakkan kode berikut di atasnya. Kode CSS di bawah ini berbeda dengan kode CSS yang ada di atas sebelumnya! Kode CSS ini khusus jika kamu memasang iklan parallax di tengah artikel.
  8. .sembunyikan{display:none!important}
  9. Setelah itu klik "Terapkan ke Blog" dan lihat hasilnya di halaman blog kamu

Kemudian silakan ikuti salah satu dari dua cara di bawah ini sesuai dengan jumlah label yang ingin kamu gunakan sebagai label yang tersembunyi dari homepage.

Label Tunggal

Di sini hanya ada satu nama label tertentu saja yang apabila digunakan oleh salah satu posting yang ada di blog, maka postingan tersebut tidak akan muncul di halaman utama (homepage) blog. Untuk lebih mudahnya silakan ikuti langkah-langkah berikut ini:

  1. Buka Blogger dan pastikan blog yang terpilih adalah blog yang akan diedit (jika akun kamu terhubung lebih dari satu blog).
  2. Sebelum mulai mengubah bagian dari blog kamu, sebaiknya lakukan backup terlebih dahulu biar blog kamu tetap aman, baca cara mudah backup blog di sini.
  3. Buka menu Tema lalu klik pilihan ekspansi di samping tombol SESUAIKAN dan pilih Edit HTML.
  4. Menyembunyikan Label Tertentu di Homepage Blogger
  5. Setelah itu temukan tag <article ... yang menampilkan posting blog di homepage. Perlu kamu perhatikan bahwa tag tersebut mungkin berbeda-beda tergantung tema yang kamu gunakan di blog kamu, pada umumnya tag article digunakan untuk menampilkan setiap post yang ada di blog, sebagai ilustrasi, lihat gambar berikut, tag seperti itulah yang perlu kamu temukan. Perlu diingat juga bahwa biasanya akan ada lebih dari satu penggunaan tag article, silakan temukan yang tepat dengan cara coba-coba.
  6. Menyembunyikan Label Tertentu di Homepage Blogger
  7. Kemudian tambahkan kode berikut ini tepat di bawah pembuka tag article tersebut. Silakan ganti bagian NamaLabel dengan nama label yang ingin kamu sembunyikan.
  8. <b:class cond='data:view.isHomepage and data:post.labels any (l =&gt; l.name == &quot;NamaLabel&quot;)' name='sembunyikan'/>
  9. Sehingga pada akhirnya kurang lebih akan terlihat seperti gambar di bawah ini, perhatikan baris kedua dan ketiga.
  10. Menyembunyikan Label Tertentu di Homepage Blogger
  11. Setelah memastikan bahwa kode CSS di atas sudah terpasang, silakan klik tombol Simpan dan lihat hasilnya di halaman homepage blog kamu.

Lebih dari satu label

Apabila cara di atas hanya berlaku untuk satu label saja, berikut ini cara yang bisa kamu gunakan apabila label postingan yang ingin disembunyikan dari homepage ada lebih dari satu label, misalnya ada dua label dan seterusnya.

  1. Buka Blogger dan pastikan blog yang terpilih adalah blog yang akan diedit (jika akun kamu terhubung lebih dari satu blog).
  2. Sebelum mulai mengubah bagian dari blog kamu, sebaiknya lakukan backup terlebih dahulu biar blog kamu tetap aman, baca cara mudah backup blog di sini.
  3. Buka menu Tema lalu klik pilihan ekspansi di samping tombol SESUAIKAN dan pilih Edit HTML.
  4. Menyembunyikan Label Tertentu di Homepage Blogger
  5. Setelah itu temukan tag <article ... yang menampilkan posting blog di homepage. Perlu kamu perhatikan bahwa tag tersebut mungkin berbeda-beda tergantung tema yang kamu gunakan di blog kamu, pada umumnya tag article digunakan untuk menampilkan setiap post yang ada di blog, sebagai ilustrasi, lihat gambar berikut, tag seperti itulah yang perlu kamu temukan. Perlu diingat juga bahwa biasanya akan ada lebih dari satu penggunaan tag article, silakan temukan yang tepat dengan cara coba-coba.
  6. Menyembunyikan Label Tertentu di Homepage Blogger
  7. Kemudian tambahkan kode berikut ini tepat di bawah pembuka tag article tersebut. Silakan ganti bagian NamaLabel dan NamaLabe2 (dan seterusnya, tambahkan sesuai keinginan) dengan nama label yang ingin kamu sembunyikan.
  8. <b:class cond='data:view.isHomepage and data:post.labels any (l =&gt; l.name in {&quot;NamaLabel1&quot;,&quot;NamaLabel2&quot;})' name='sembunyikan'/>
  9. Sehingga pada akhirnya kurang lebih akan terlihat seperti gambar di bawah ini, perhatikan baris kedua dan ketiga.
  10. Menyembunyikan Label Tertentu di Homepage Blogger
  11. Setelah memastikan bahwa kode CSS di atas sudah terpasang, silakan klik tombol Simpan dan lihat hasilnya di halaman homepage blog kamu.

Penutup

Itulah langkah-langkah yang bisa kamu gunakan untuk bisa menyembunyikan postingan di blogger yang menggunakan label tertentu. Semoga pembahasan dalam artikel ini bisa bermanfaat untuk kamu. Apabila ada hal-hal yang kurang jelas, silakan sampaikan melalui kolom komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan sampai jumpa!

Posting Komentar untuk "Menyembunyikan Label Tertentu di Homepage Blogger"

Dapatkan Info Terbaru!