Cara Membuat Tanda Admin pada Komentar Blog
Saya mengunjungi Blog milik teman saya yang pada salah satu posting-nya memiliki banyak komentar. Bingung juga melihat komentar-komentar yang jumlahnya sampai ratusan, mana yang ditulis admin dan mana yang ditulis pengunjung Blog. Tanda komentar admin ini mungkin perlu sobat, salah satunya ketika pengunjung bertanya pada Admin, pengunjung tidak bingung siapa yang menjawab pertanyaanya.
OK, jika ada sobat Blogger yang menganggap hal ini perlu, silakan simak cara pembuatanya di bawah ini.
1. Login ke Akun Blogger sobat.
2. Masuk ke bagian Template.
3. Klik Edit Html.
4. Cari kode </body> dengan tombol ctrl + F.
5. Masukan kode berikut diatas kode </body>.
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by Brader Blog start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrctuhAJQjQ9-STvofcHQu4tGRVP1hnqg9G4Lwf4qXD6jtyq4-FQ0yUzedSQ85AdZO_bzOJQ7wNblyWkmqhSG3jUB8KgsnUB5-wrUqFl35BtRLMeqH9tbnCRVhHUcvX6gTc3KudtjXHT8/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
<!-- Komentar admin by Brader Blog start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrctuhAJQjQ9-STvofcHQu4tGRVP1hnqg9G4Lwf4qXD6jtyq4-FQ0yUzedSQ85AdZO_bzOJQ7wNblyWkmqhSG3jUB8KgsnUB5-wrUqFl35BtRLMeqH9tbnCRVhHUcvX6gTc3KudtjXHT8/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
>>Sobat bisa ubah kode berwarna merah muda untuk warna garis pembatas. Kode berwana biru untuk warna background komentar. Dan URL berwarna merah untuk gambar/Tulisan "Admin" jika sobat punya atau yang telah saya sediakan di bawah ini.
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrctuhAJQjQ9-STvofcHQu4tGRVP1hnqg9G4Lwf4qXD6jtyq4-FQ0yUzedSQ85AdZO_bzOJQ7wNblyWkmqhSG3jUB8KgsnUB5-wrUqFl35BtRLMeqH9tbnCRVhHUcvX6gTc3KudtjXHT8/s1600/admin2.png |  |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15lkK7knjfOgiY4qivDfzhAtIuZBRiOunblVwQHhgkwhhGBV7pX5ieekfIrSEXHO1IXlhuYYntHBtzRcISENoNgeekTCw3HY5GjISeiwI-5oj_t5eTOHnQz1QMoJgyGzSsNh4CB5vU2X8/s79/admin.png |  |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_BFDU6KlhYmJNsoouNyS2JUtfb4DeVNjAd5j4EQeL6XlxUNTLsrOoO6fK7bjS95KDLYsnj5sfldrQpQoEK3g4ehazhiYLFNQUQLMy-u3fWWel6GXT4SuJgQe6deVZe5IdbL1gGz46tCI/s288/logo_admin.gif |  |
| https://d592ae48-a-62cb3a1a-s-sites.googlegroups.com/site/rakasajmk/home/page-3/Admin.png |  |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxYGiFoJW4w71vLPwZxpKXQ16r7Iz2y1kImcilQspSalHeAMS-UdBW1hiPxJ6h9GJRZsTR51D89pq9-ZXG1X6QlpQPy3Hf48akC3LFOgnXDc9Q0nqyVdMRihxONmDN06khGN9pu92cVSc/s1600/Untitled3.png |  |
Jika sobat tidak mengubah apapun, maka hasilnya akan seperti ini.
Selesai, singkat dan mudah yaah.
Categories
:
Cara Membuat Tanda Admin pada Komentar
_afiliates.jpg)
0 komentar :
Posting Komentar