5Qlkv5iDsV3BSh8I4qkc3y2N3dLgM4awzGV42rrO
Cara menambah centang biru disamping nama admin pada komentar blog

Iklan 728x90

Cara menambah centang biru disamping nama admin pada komentar blog



Menambahkan logo ceklis di samping nama admin blog - Selamat siang kawan-kawanku blogger sekalian bertemu lagi sama admin aldiblogger yang baik hati dan tidak sombong ini hehe pada kesempatan kali ini kita akan sama-sama membahas tentang seputar tutorial yang bermanfaat lagi tentunya.

Komentar merupakan salah satu cara yang bisa digunakan para blogger untuk berinteraksi dengan pengunjung, mereka bisa leluasa memberikan kritikan, saran, laporan ataupun masukan yang berkaitan dengan artikel yang dibahas.

Salah satu cara terbaik untuk membuat pengunjung selalu membaca blog kita ialah pemilik blog harus selalu membalas setiap komentar dari pengunjung supaya mereka bisa lebih dekat lagi dengan penulis.

Kebanyakan blogger telah menambahkan sebuah tanda khusus seperti centang biru ataupun tulisan admin di samping nama pemilik blog supaya pembaca dapat melihat mana admin mana pengunjung yang lain di komentar.

Tapi hal tersebut belum bisa dirasakan di komentar bawaan blogger sebab kita perlu menambahkan beberapa script lagi jika ingin melakukan cara ini.

Di artikel ini mimin akan kasih 2 script dari blog mas igniel.com yang pertama memberikan tanda ceklis biru disamping nama admin blog lalu script kedua yaitu hanya berupa text saja tanpa tanda ceklis biru.

Script centang biru:
/* Admin Badge on Blogger Comments by igniel.com */ #comments .comments-content .icon.blog-author{ width: 16px; height: 16px; margin-left: 5px; vertical-align: -3px; display: inline-block; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;


Script hanya text:
/* Admin Mark on Blogger Comments by igniel.com */
#comments .comments-content .icon.blog-author:after{
content: 'Admin'; /* Isi Text */
background-color: #118ff9; /* Warna Background */
color: #fff; /* Warna Text */
font-size: 12px; /* Ukuran Text */
display: inline-block;
margin: 0px 7px;
padding: 2px 5px;
border-radius: 3px;
}


Setelah di copy salah satu script diatas maka langkah selanjutnya adalah paste script tersebut di atas kode ]]></b:skin>

Jika sudah berarti sudah selesai tutorialnya dan langsung dilihat saja hasilnya. mungkin cukup sampai disini saja pembahasannya semoga bermanfaat dan untuk yang senang dengan artikel diatas bisa langsung berkomentar dibawah sebab satu komentar sangat berharga buat saya dan situs ini kedepannya.
Baca Juga
SHARE
aldi blogger
Blogger pemula yang punya banyak mimpi, tapi kurang tidur. -payah

Artikel Terkait

Berlangganan untuk mendapatkan update gratis

Post a Comment

Donasi Via Paypal Bantu berikan donasi jika artikelnya dirasa bermanfat. donasi akan digunakan untuk memperpanjang domain aldiblogger.com, Terima kasih.