Welcome's To SilaNews ! Berita Trending Get now!
Advertisement
Advertisement

Terus Bedain Warnanya di Kolom Komentar? Bisa Gak?

Cara Warnain Kolom Komentar Admin di Blogger
Seperti yang kita tahu, komentar bawaan blogger hadir dengan sangat sederhana, baik dari sisi fitur maupun tampilan. Makanya modifikasi menjadi hal yang sangat perlu kalau kamu mau membuat tampilannya lebih bagus lagi.

Kali ini kita akan membuat modifikasi kode sederhana pada kolom komentar bawaan blogger. Seperti tutorial sebelumnya mengenai menambahkan tanda admin di komentar blogger, cara ini hanya bekerja pada komentar bawaan original blogger. Khususnya untuk layout terbaru yaitu layout v3.

Kalau komentar bertigkat yang sudah dimodifikasi (threaded comment hack) biasanya sudah ditambahkan dari sananya oleh si pembuat template. Belum lagi nama id atau class yang kemungkinan berbeda sehingga tidak bisa pakai sembarang script.

Cara Warnain Kolom Komentar Admin di Blogger

Tambahkan dulu kode jQuery ini. Aku rasa kamu sudah paham ya harus disimpan dimana. Sisipkan saja ke dalam kumpulan script yang sudah ada. Artinya disimpan DI ATAS atau sebelum tag penutup </script>.
/* Highlight Author Comments by igniel */
(function(){$('.user.blog-author').closest('.comment-block').addClass('komenAdmin');})();

jQuery sederhana di atas berfungsi untuk memberikan nama class berbeda pada komentar admin. Setelah itu baru tampilannya bisa diubah. Tambahkan kode CSS berikut ini DI ATAS </style> atau ]]></b:skin>.
/* Highlight Author Comments by igniel */
.komenAdmin{
background-color:#d9ffc9;
border:1px solid #9bd084;
padding:10px;
margin-bottom:10px;
}
Silahkan ubah sendiri kode CSSnya, sehingga hasil akhirnya akan tampak seperti gambar dibawah ini.
Kalau cara memberikan warna background highlight di komentar admin Blogger ini tidak bekerja di template kamu, tulis pada kolom komentar di bawah dan sertakan alamat blognya, nanti aku bantu cek. Ada kemungkinan kamu memakai template yang sudah dimodifikasi sehingga nama id atau classnya berbeda dengan yang tertulis di atas.   

Rate this article

Loading...

Posting Komentar

Advertisement
Advertisement
Soumyabrata Mukherjee

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Classy UI, you agreed to use cookies in agreement with the Classy UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.