OK Setelah sobat menyimak diatas, saatnya langsung praktekan bagaimana caranya menandakan komentar kita / membuat tanda admin. Langsung sajaa..
1. Login ke blog sobat
2. Klik TEMPLATE
3. Klik EDIT HTML
4. Cari kode </body>
5. Agar pencarian menjadi cepat, gunakan CTRL+F
6. Setelah ketemu, copy - paste kode dibawah ini tepat 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/AVvXsEji6NAOp7u03AQ4e7IzzzMjmO8k4jPmG5Vww756Om4ay0BNCJR4suBYkfol-WBUspudUQWxBBELs-GlDKU3I3AhYQyN1ZY4JSaytKgMny-huehMzeXC97a8kXgD114Jb4tfaCk_Ww_wrnE/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/AVvXsEji6NAOp7u03AQ4e7IzzzMjmO8k4jPmG5Vww756Om4ay0BNCJR4suBYkfol-WBUspudUQWxBBELs-GlDKU3I3AhYQyN1ZY4JSaytKgMny-huehMzeXC97a8kXgD114Jb4tfaCk_Ww_wrnE/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
* Kode berwarna Pink, adalah warna garis pembatas
* Kode berwarna Biru, adalah warna backgrounds komentar
* Kode berwarna Merah, adalah URL dari gambar/tulisan "Admin"
* Jika sobat punya gambar dan URL sendiri, sobat bisa ganti URL yang telah tersedia
* Mungkin sobat ingin memakai gambar dibawah ini sebagai pengganti yang ada.
1.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96wCmtX4Fnum1NW3zmnuUmYeV48BPT46RrUhnxtvPnr9c1OEpiolytiqcX58M8Nwk6Q5f7MJ0B18UvoqD1YrJ5An0TZ2miVaxXjemeeclWmPVk10BJolu8kKnpLNDcdhIzXF2rRXzMVu3/s79/admin.png
Hasil :
2.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbzBHiXsvkM2lTwb4y-JI0Win9vfR8TH4FYmxbjWMwsWkIiXDxFZkWTa6CamLXfLtGojvIZab55Yi1qO_NiQHfEF2wDN_5E-_ffQWVoo_SQMbE9cla6IXE8ajD0s_mHSE0Bck1oMjatE/s288/logo_admin.gif
Hasil :
3.
https://d592ae48-a-62cb3a1a-s-sites.googlegroups.com/site/rakasajmk/home/page-3/Admin.png
Hasil :
4.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-K-1UsJJw3gqPOu9ARYFYd50AWgrch6SBjPXIsoNhBHUHxp9NI0jf5pPESs6m91z55lp0dNWaIQxAIdDJSzrOXKWZwn9b-JSahSDOjqxqMFDJkPiLIuEgq2u7kJe2i0OdowEjl5XpBM/s1600/Untitled3.png
Hasil :
Jika sobat tidak mengubah apa pun, maka hasilnya akan seperti ini
Jika sudah semua, klik SIMPAN..
Semoga Info ini Bermanfaat.
Sumber : regibrader-free.blogspot.com
Disunting oleh : Berbagi Info
Greetings! Quick question that's entirely off topic. Do you know how to make your site mobile friendly? My website looks weird when browsing from my iphone4. I'm trying to find a theme or plugin that might be able to resolve this issue. If you have any suggestions, please share. With thanks!
ReplyDelete