Home » » Cara Membuat Kotak Komentar Admin Berbeda

Cara Membuat Kotak Komentar Admin Berbeda

Written By Unknown on Wednesday, June 19, 2013 | 5:11 AM

Cara Membuat Kotak Komentar Admin Berbeda Dengan Komentar Pengunjung

hai sobat kali ini saya akan share tentang Cara Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung bisa di bilang membuat tanda tangan admin pada kotak komentar blog. yah awal membuat blog komentar masih sulit di bedakan mana yang admin dan mana yang pengunjung dan ini solusi untuk membedakannya hehe tapi saya share scriptnya tidak ada tanda tangan "tulisan jam-vista share" nya ko hanya ada gambar "Admin".

Ada yang ingin mencobanya ? oke langsung saja cekidot yomand~
1. Login ke blogger lalu masuk ke blog kita.
2. Klik Template - Edit HTML.
3. Centang kotak kecil disamping kiri tulisan Expand Template Widget.
4. Cari kode </body> untuk mempermudah pencarian, tekan CTRL+F.
5. Kalo udah ketemu letakkan kode dibawah ini tepat di atas kode </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!--admin comment -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid  #141414 ')
.css('background','#141414 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JxjqaEsnpfE9D_E6T5HVCCA_-p9-6_d-W2op52Nh-cXLcWJ2-kHPMrdpRWTpFlpZAtuKfXtARlvkY1_WOfeOAhI0fLrYjXJq-j0mndz9eQlwv409iGEZYuehvrswuTjuTGGVh0j4pPo/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- admin comment end-->
NB :
Perhatikan untuk gambar bertulisan kuning #141414 itu adalah kode warna untuk bordernya ganti sesuai kalian suka.
dan kode yang berwarn merah #141414 itu kode warna untuk warna backgroundnya
Untuk mengganti tulisan admin ganti kode yang berwarna BIRU dengan gambar sesuai selera anda :)

6. Setelah itu, ada baiknya kalo klik Pratinjau dulu, kalo sudah sesuai, langsung deh klik Save Template dan lihat hasilnya.


Blogger yang baik Blogger yang selalu meninggalkan komentarnya^^
Share this article :

Artikel Terkait

2 komentar:

  1. Replies
    1. oke gan silahkan :) jgan lupa follow gan hehe :p

      www.jam-vista.blogspot.com

      Delete

Kritik dan saran anda sangat berguna bagi kami untuk memajukan Blog ini
Dengan Catatan Dilarang Berkomentar:
1.Penghinaan dan Pelecehan
2.Spaming (Spam Coment)
3.Link2 berbahaya / Situs 18++

Terimakasih ^_^

 
Support : Contact | Disclaimer | Privacy Policy
Copyright © 2013. Tutorial Jam-vista - All Rights Reserved
DMCA.com
Template Created by Creating Website Modified by Anonym
Proudly powered by Blogger