Semangat pagi. salam hangat dari admin yaqindlive. ditengah suasana yang cukup hening ini blog yaqindlive akan membahas cara membuat kotak komentar admin berbeda di blog. tutorial ini pastinya sudah dibahas oleh blog-blog sebelah yang mungkin sudah tidak update lagi jika membahasnya sekarang. tapi di blog ini saya baru membahasnya karena saya baru saja saya mencobanya di blog saya.
Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor. kurang lebih screenshotnya seperti dibawah ini.
Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor. kurang lebih screenshotnya seperti dibawah ini.
Klik Gambar Untuk Memperbesar |
Berikut Caranya :
- Log in ke akun blogger sobat
- Selanjutnya Klik Rancangan ➨ Edit HTML. Jangan lupa untuk selalu memback up template anda takut terjadi kesalahan CentangExpand Template Widget ➨ Download Template.
- Selanjutnya cari kode
</body>
Pastekan kode dibawah ini sebelum kode
</body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by www.yaqindlive.blogspot.com/ start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #cc0000')
.css('background','#444444 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTg6Q2DPaQcPFKgUfmpn6cAJY4D5Be-pFT28eSLOC55lnSTo1COwHLnPR4kijZngtHk-j4iQoAsHb3T2On_-ojmRrKE81x0SEXYMm0CNGz2oWPrvokiOtfgEnEbjw6Q58y5wWJupw0w4/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
Simpan Template anda
NOTE : Silahkan melakukan pengaturan pada warna background (kode warna biru) dan untuk menghapus tulisan admin anda cukup menghapus kode yang berwarna merah.
Bagaimana cukup mudah bukan cara membuat komentar admin berbeda disetiap artikelnya. Jika anda mengalami kesulitan harap tinggalkan komentar.
..: Semoga Bermanfaat :..
10 komentar:
Gw jd bingung setelah ganti baju ntu malah gak bisa nongol lagi.. :(
Jelas bro karena settiap kodenya mungkin ada yang kehapus dikarenakan kode dari template baru anda
Mantab sob...
makasih yaah sharenya... :)
bingung kalo pake ginian
tq infonya...
kunjungi juga ya www.newindoblog.blogspot.com
Mantap gan infonya, saya tunggu berkunjung balik http://aam-cescwallvine.blogspot.com
Apa ada cara lain memasang kode kode tersebut ya,soalnya saya mencobanya diwebsite yang tidak sama sistim penerapan kode HTML/javascriftnya.
om, saya edit script di atas supaya "background" nya transparan...emang transparan, tapi tulisan "admin" nya malah ilang..solusinya gmana tuh om?
thank om..
Sngat membantu ..
ko kaya ada iklannya gan...???"
Post a Comment