Cara Membuat Komentar Admin Berbeda Pada Threaded Comment


Pada tutorial kali ini saya akan membahas tentang Cara Membuat Komentar Admin Berbeda Pada Threaded Comment, dan kebetulan tadi sore ada pengunjung blog saya, Fico Pangestu bertanya kepada saya
dan pada malam ini saya akan menempati janji saya yaitu membahas tentang Cara Membuat Komentar Admin Berbeda Pada Threaded Comment
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 yang di atas tadi

Berikut Cara Membuat Komentar Admin Berbeda Pada Threaded Comment
1. Login ke Blogger
 
2. Pilih Template >> Edit HTML

3. Cari kode
</body>, copy kode dibawah ini dan letakkan tepat diatas kode </body>


    <script src='http://code.jquery.com/jquery-latest.js'/>
    <!-- Komentar admin  start -->
    <script>
    $(function() {
    function highlight(){
    $(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
    .css(&#39;border&#39;, &#39;1px solid #A8B2CE&#39;)
    .css(&#39;background&#39;,&#39;#EDEFF4 url(&quot;http://4.bp.blogspot.com/-lWZLVUEL99o/UfJ4XVjY5mI/AAAAAAAABQI/6UoQBjPw5zo/s1600/adminh.png&quot;) no-repeat bottom right&#39;)
    .css(&#39;padding&#39;, &#39;10px&#39;);
    }
    $(document).bind(&#39;ready scroll click&#39;, highlight);
    });
    </script>
    <!-- Komentar admin ends -->
Catatan:
Untuk mengedit  warna garis pinggir silahkan edit 1px solid #A8B2CE. Untuk melihat pilihan warna silahkan klik disini

Untuk mengedit warna background silahkan edit #EDEFF4 . Untuk melihat pilihan warna silahkan klik disini

Untuk mengedit atau menghapus tulisan admin silahkan edit http://4.bp.blogspot.com/-lWZLVUEL99o/UfJ4XVjY5mI/AAAAAAAABQI/6UoQBjPw5zo/s1600/adminh.png lalu ganti gambar dengan yang anda inginkan

Oke mungkin cukup sekian, Semoga Bermanfaat!
Happy Blogging ^_^
Previous
Next Post »

18 komentar

Write komentar
August 4, 2013 at 9:30 PM delete

Keren gan,boleh tipsnhya!!!!

Reply
avatar
Henry Dwi.s
AUTHOR
August 4, 2013 at 9:43 PM delete

iya sob, thank's kunjunganya :)

Reply
avatar
Henry Dwi.s
AUTHOR
August 5, 2013 at 1:53 PM delete

Maaf gan, Kalau Komentar harus sesuai artikel, thank's Kunjunganya :)

Reply
avatar
seallinfo
AUTHOR
August 5, 2013 at 2:04 PM delete

thanks infonya , ane udah coba ,
cek aj deh . seallinfo.blogspot.com

Reply
avatar
Henry Dwi.s
AUTHOR
August 5, 2013 at 2:16 PM delete

Sama-sama gan, udh ane cek!

Reply
avatar
August 8, 2013 at 3:58 PM delete

nah ini yang saya cari. thanks ya bro tips nya

Reply
avatar
Henry Dwi.s
AUTHOR
August 8, 2013 at 4:02 PM delete

bagus deh sob yang di cari ketemu, sama2 sob :D

Reply
avatar
Haz
AUTHOR
August 9, 2013 at 10:43 PM delete

sip ane coba dulu gan

Reply
avatar
David Raja
AUTHOR
August 16, 2013 at 10:05 PM delete

Terimakasih Infonya, sudah saya praktekan dan berhasil.

salam kenal
DAVID RAJA
www.DavidRaja.com

Reply
avatar
David Raja
AUTHOR
August 16, 2013 at 10:41 PM delete

senang langsung dapat tanggapan, Template nya sangat menarik mas, sangat berharap mendapat masukan dari mas Henry

Reply
avatar
Henry Dwi.s
AUTHOR
August 16, 2013 at 10:53 PM delete

iya, terimakasih mas kunjunganya

Reply
avatar
Maf Tuhi
AUTHOR
August 21, 2013 at 8:00 PM delete

ane coba peraktekin gan....
makasih infonya.....

Reply
avatar
deni
AUTHOR
February 27, 2014 at 3:37 PM delete

Sip, boleh di coba gan... :D

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon