Sekarang dalam tutorial/postingan/articles terserah sobat deh mau nyebutnya apa, intinya kali iniiblog Oto Website akan membahas tentang Cara Membuat Komentar Admin Berbeda pada blogger. dalam penerapan Komentar Admin Berbeda kali ini kita akan menggunakan script dari jquery jadi sangat simple pemasangannya.
Maksudnya udah tau kan? kalo belum tau maksud dari Komentar Admin Berbeda adalah komentar kita(pemilk blog) akan berbeda dari pengunjung, jadi pengunjung akan mudah mengatahui bahwa sobat adalah pemilik blog.adminnya:
contoh komentar admin berbaeda

Udah lihat kan gambar di atas? seperti itulah contohnnya, okelah kita lansung aja membahas Cara Membuat Komentar Admin Berbeda.

Caranya:
1. Login ke blogger sobat.

2. Pada menu pilih Rancangan ➨ Edit HTML ➨ Centang Expand Template Widget.


3. Selanjutnya sobat cari kode </body> jika kesulitan mencarinya coba sobat baca Cara Cepat Mencari Kode HTML.


4. Jika sudaj ketemu sekarang letakkan kode berikut di bawah kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by www.otowebsite.blogspot.com/ start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #cc0000')
.css('background','#999fff 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 -->

5. Simpan template.

Dan sekarang silahkan sobat lihat sendiri hasilnya pada komentar admin blogger atau pada komentar sobat.

Keterangan:
  • border', '1px = 1px adalah ketebalan border atau garis samping sobat sobat dapat merubahnya sesuai selera sobat menjadi 2px dan lain sebagainya.
  • solid #cc0000' =  kode #cc0000 adalah warna border atau garis samping, sobat bisa menggantinya dengan kode atau warna lain.
  • background','#999fff  = #999fff adalah warna backgrounnya, sobat dapat menggantinya sesuai selera. Untuk meliha kode warna atau mengganti kode warana border dan background sobat dapat melihatnya di Kode Warna V1Kode Warna V2 atau Kode Warna V3.
  • Kode warna merah adalah url gambar, sobat bisa menggantinya jika sobat kurang suka dengan icon admin gambar tersebut, tapi ingat ukurannya jangan terlalu besar-besar ya!

Untuk kode yang lainnya saya tidak tau, tapi kalo sobat ingin merubahnya ya silahkan, tapi kalo scripnya/ template sobat rusak baru tau rasa, hehehe . . .

Sekian dulu untuk kali ini semoga bisa bermanfaat untuk sobat semua!

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles kali ini!

Posting Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top