Latest Software :
Home » , » Membuat Komentar Admin berbeda di Blog

Membuat Komentar Admin berbeda di Blog

Minggu, 18 November 2012 | 2komentar

Membuat Komentar Admin Berbeda Pada Threaded Comment atau Sitem Komentar Baru Blogger dengan Reply. Bagi teman-teman sudah tidak asing tentunya cara membuat komentar admin berbeda dari komentar pengunjung atau visitor. Sudah banyak tutorial tentang cara membuat komentar admin berbeda.



Karena 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.


 Cara membuat komentar admin berbeda

1. Login ke Blogger dan masuk ke Dasbor
2. Klik Rancangan -> Edit HTML
3. Centang Expand Template Widget
4. Cari kode </body>
5. Simpan kode dibawah ini tepat sebelum </body>


<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by blog.kangismet.net start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("http://3.bp.blogspot.com/-RU1Q-HwrfsU/T2CyurPWOtI/AAAAAAAABmY/S0uNp_lWCNw/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
 

 
1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1.

2. Edit Background
Untuk mengedit garis pinggir silahkan edit #f1f1f1. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal).

3. Hapus atau Edit Tulisan ADMIN
Untuk mengedit atau menghapus silahkan edit http://3.bp.blogspot.com/-RU1Q-HwrfsU/T2CyurPWOtI/AAAAAAAABmY/S0uNp_lWCNw/s1600/admin2.png.

4. Edit Jarak
Untuk mengedit jarak dari garis pinggir ke tulisan, silahkan edit .css('padding', '10px'); menjadi 5px, 7px dll. Apabila kiri kanan atas bawah tidak seimbang, silahkan edit satu persatu paddingnya, contoh '3px 2px 5px 10px' (atas kanan bawah kiri).
  
sumber
Share this article :

2 komentar:

  1. wah, keren artikelya gan. jangan lupa mampir ke http://adeputra-pkp.blogspot.com



    #Salam Blogger

    BalasHapus
    Balasan
    1. hehehh :D
      wah.. thanks y sob udah mampir :D

      Hapus

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011-2014. ChumChumSoft - All Rights Reserved
Template Modify by ChumChumSoft
Proudly powered by Blogger