Memberi Warna Background Berbeda Pada Komentar Admin Di Blogger: Panduan Langkah Demi Langkah

2 min read

Memberi Warna Background Berbeda pada Komentar Admin di Blogger: Panduan Langkah demi Langkah

Sebagai seorang blogger, kamu pasti sering berinteraksi dengan pembaca melalui kolom komentar. Nah, untuk membuat komentar admin kamu lebih menonjol dan mudah dikenali, kamu bisa memberikan warna background yang berbeda. Dengan begitu, pembaca bisa langsung tahu mana komentar yang berasal dari kamu.

Yuk, simak panduan langkah demi langkah berikut ini untuk memberi warna background berbeda pada komentar admin di Blogger:

Langkah 1: Masuk ke Dasbor Blogger

  • Buka browser dan masuk ke akun Blogger kamu.
  • Klik "Blog" di pojok kiri atas.
  • Pilih blog yang ingin kamu edit.

Langkah 2: Buka Pengaturan Komentar

  • Di menu sebelah kiri, klik "Pengaturan".
  • Pilih tab "Komentar".

Langkah 3: Tambahkan Kode CSS

  • Gulir ke bawah dan cari bagian "CSS Kustom".
  • Tempelkan kode CSS berikut ke dalam kotak:
.blogger-comment-author-admin {
  background-color: #f5f5f5;
}

Langkah 4: Ganti Warna Background

  • Ganti warna #f5f5f5 dengan warna yang kamu inginkan.
  • Kamu bisa menggunakan kode warna hex atau nama warna, misalnya:
.blogger-comment-author-admin {
  background-color: #ff0000; /* Merah */
}

Langkah 5: Simpan Perubahan

  • Setelah selesai, klik tombol "Simpan Perubahan".

Langkah 6: Periksa Hasilnya

  • Buka postingan blog yang memiliki komentar.
  • Refresh halaman untuk melihat perubahannya.

Sekarang, komentar admin kamu akan memiliki warna background yang berbeda. Pembaca akan lebih mudah mengenali komentar kamu dan membedakannya dari komentar pembaca lain.

Tips Tambahan:

  • Kamu bisa menggunakan warna yang kontras dengan warna background blog kamu agar komentar admin lebih mencolok.
  • Jangan gunakan warna yang terlalu terang atau mencolok, karena bisa mengganggu pembaca.
  • Kamu juga bisa menambahkan gaya CSS lainnya, seperti font yang berbeda atau ukuran teks yang lebih besar, untuk membuat komentar admin kamu lebih menonjol.

Dengan memberi warna background berbeda pada komentar admin, kamu bisa meningkatkan keterlibatan pembaca dan membuat blog kamu lebih profesional. Selamat mencoba!

FAQs Memberi Warna Background Berbeda (Highlight) pada Komentar Admin di Blogger

1. Apa itu highlight komentar admin?

Highlight komentar admin adalah fitur yang memungkinkan Anda memberikan latar belakang warna yang berbeda pada komentar yang dibuat oleh admin blog, sehingga membedakannya dari komentar yang dibuat oleh pembaca.

2. Mengapa saya harus menggunakan highlight komentar admin?

  • Membantu pembaca mengidentifikasi komentar resmi dari admin dengan mudah.
  • Meningkatkan keterlibatan dengan memungkinkan pembaca membedakan antara komentar admin dan pembaca.
  • Menambahkan sentuhan profesional pada bagian komentar.

3. Bagaimana cara mengaktifkan highlight komentar admin?

  1. Masuk ke dasbor Blogger Anda.
  2. Buka "Setelan" > "Komentar".
  3. Gulir ke bawah ke bagian "Komentar Admin".
  4. Aktifkan opsi "Tandai komentar admin dengan warna latar belakang".
  5. Klik "Simpan Perubahan".

4. Bagaimana cara mengubah warna latar belakang komentar admin?

  1. Buka file template Blogger Anda.
  2. Cari kode berikut:
<b:if cond='data:comment.author.admin'>
  <span class='admin-comment'>
    <!-- Isi komentar di sini -->
  </span>
</b:if>
  1. Tambahkan gaya CSS untuk kelas admin-comment di bagian <head> template Anda:
<style>
  .admin-comment {
    background-color: #FFFF00;
  }
</style>
  1. Ganti #FFFF00 dengan kode warna yang Anda inginkan.

5. Bisakah saya menggunakan gambar sebagai latar belakang komentar admin?

Ya, Anda dapat menggunakan gambar sebagai latar belakang komentar admin dengan menggunakan CSS:

.admin-comment {
  background-image: url('path/ke/gambar.png');
}

6. Bagaimana cara memberikan warna latar belakang yang berbeda untuk setiap komentar admin?

Anda dapat memberikan warna latar belakang yang berbeda untuk setiap komentar admin dengan menggunakan skrip kustom:

function highlightAdminComments() {
  var comments = document.querySelectorAll('.comment-block');
  for (var i = 0; i < comments.length; i++) {
    if (comments[i].querySelector('.user-info .author-name').innerText === 'Nama Admin') {
      comments[i].style.backgroundColor = '#FFFF00';
    }
  }
}
  1. Salin dan tempel skrip ini ke dalam file template Anda, di bagian <head> atau <body>.
  2. Ganti Nama Admin dengan nama admin yang ingin Anda soroti.
  3. Ganti #FFFF00 dengan kode warna yang Anda inginkan.

7. Bagaimana cara menonaktifkan highlight komentar admin?

  1. Buka dasbor Blogger Anda.
  2. Buka "Setelan" > "Komentar".
  3. Gulir ke bawah ke bagian "Komentar Admin".
  4. Nonaktifkan opsi "Tandai komentar admin dengan warna latar belakang".
  5. Klik "Simpan Perubahan".

Tips Tambahan:

  • Gunakan warna latar belakang yang kontras dengan warna teks komentar untuk keterbacaan yang lebih baik.
  • Pertimbangkan untuk menggunakan warna merek Anda untuk komentar admin untuk konsistensi.
  • Uji highlight komentar admin di berbagai browser dan perangkat untuk memastikan kompatibilitas.

Leave a Reply

Your email address will not be published. Required fields are marked *