Tambahkan Latar Belakang Berbeda Untuk Penulis Komentar Di Blogger Threaded Comments

Dalam tutorial ini kita akan belajar bagaimana untuk menyorot komentar penulis sehingga mereka akan memiliki warna latar belakang, perbatasan, atau apapun yang membuat mereka menonjol dari yang lain berbeda. Untuk mencapai hal ini, kita perlu menambahkan kode pada template Blogger dan memodifikasi gaya sesuai dengan preferensi kita. 

  

BAGAIMANA UNTUK MENYOROT KOMENTAR PENULIS DI BLOGGER:

Langkah 1. Pergi ke Template, klik Edit HTML 

. Langkah 2 Klik di manapun dalam area kode dan mencoba untuk menemukan - dengan menggunakan tombol CTRL + F - tag ini: 

 </ Body>

Screenshot:

. Langkah 3 Tepat di atas itu, paste kode berikut: 

 <script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$ (Function () {
fungsi sorot () {
$ ('. User.blog-penulis). Terdekat ('. Comment-block ')
Css. ('Perbatasan', '1px solid # FFA500')
. Css ('background', '# F1F1F2 url ("http://www.blogblog.com/1kt/transparent/white80.png")')
. Css ('color', '# 444444')
. Css ('font-size', '12px')
. Css ('bantalan', '10px ');
}
. $ (Document) bind ('scroll klik siap', sorot);
});
</ Script>

Menyesuaikan Author Komentar:

Border: 
Garis ditandai oranye menunjukkan gaya perbatasan itu. 
Apa yang bisa dilakukan: 

• 1px - Anda dapat meningkatkan nilai untuk mengubah ketebalan perbatasan itu
• padat - mengubah gaya perbatasan untuk putus-putus, putus-putus, inset, awal dll
• # FFA500 - ini adalah nilai warna perbatasan itu, ganti dengan warna Anda sendiri

Latar Belakang: 
Garis ditandai dengan warna biru mewakili gaya latar belakang itu. Anda dapat menggunakan warna polos atau gambar. Secara default ada kombinasi keduanya (gambar transparan putih dengan warna polos abu-abu). 
Untuk mengubah / menambahkan: 

• warna yang berbeda: ganti nilai # F1F1F2 dengan Anda sendiri (menggunakan alat ini untuk menemukan kode hex warna yang Anda inginkan)
• gambar: ganti http://www.blogblog.com/1kt/transparent/white80.png url defaul dengan gambar Anda

Font Color: 
Untuk mengubah warna font, ganti nilai warna # 444444 hijau dengan Anda sendiri. (Anda dapat menggunakanalat ini untuk menemukan kode hex warna yang Anda inginkan) 

Font Size: 
Mengubah nilai merah dengan meningkatkan / menurunkan "12" value dalam rangka untuk mengubah ukuran teks. 

Langkah 4. Sekarang Simpan Template Anda. 

Untuk menyesuaikan seluruh gaya komentar threaded, silakan cek tutorial saya sebelumnya tentang Cara Customize Background Komentar itu, Font Color dan Border di Blogger.