Fitur komentar Blogger yang kini tidak mengizinkan kita untuk memodifikasi tampilan komentar admin. Blogger hanya memperlihatkan sebuah ikon kecil secara otomatis untuk memperlihatkan bahwa komentar yang mempunyai ikon tersebut yaitu komentar dari direktur blog:
Lalu bagaimana kalau kita ingin menciptakan tampilan komentar yang berbeda pada blok komentar direktur secara keseluruhan? Dulu kita dapat memakai tag kondisional, tapi kini tidak lagi. Yang dapat kita lakukan yaitu memanfaatkan JavaScript untuk mengecek keberadaan ikon komentar admin, lalu memakai ikon tersebut sebagai elemen awalan untuk menyeleksi induk-induk yang mengelilinginya. Beberapa ada yang memakai jQuery, tapi Saya dapat memakai JavaScript mentah untuk ini:
Masuk ke Editor HTML template Anda, lalu letakkan arahan ini di atas tag </body>:
<script> //<![CDATA[ // Highlight Blogger Admin Comments with JavaScript by Taufik Nurrohman // URL: https://plus.google.com/108949996304093815163/about (function() { if (document.getElementById('comment-holder')) { var comments = document.getElementById('comment-holder'), icon = comments.getElementsByTagName('span'); for (var i = 0; i < icon.length; i++) { if (icon[i].className == "icon user blog-author") { icon[i].parentNode.parentNode.className += " admin-comment"; icon[i].parentNode.parentNode.parentNode.className += " admin-comment-wrapper"; } } } })(); //]]> </script>Kemudian, tambahkan arahan ini di atas ]]></b:skin> atau </style>:
.admin-comment-wrapper { padding-top:0 !important; padding-left:10px !important; padding-bottom:0 !important; border-left:4px solid green; } .admin-comment-wrapper a, .admin-comment-wrapper a:visited {color:brown} .admin-comment-wrapper .admin-comment { padding:10px 15px; border:1px solid darkgreen; background-color:skyblue; color:black; }Klik Simpan Template. Kode CSS dapat dimodifikasi sesuka hati.
Sumber https://www.dte.web.id/