Cara Membuat Centang Biru di Sebelah Nama Admin/Author Pada Blog

Cara Membuat Centang Biru di Sebelah Nama Admin/Author Pada Blog - Centang biru menandakan bahwa suatu akun atau pemilik telah terverifikasi/resmi (asli), centang biru juga ini biasa di temukan di dalam akun media sosial seperti Instagram, Twitter, Facebook, dll.

Namun tahukah kamu centang biru juga bisa dibuat sendiri di blog dan tertempel di samping nama admin/author blog. Centang biru yang tertempel di samping nama admin/author pada suatu blog terlihat keren dan menarik, orang-orang bisa melihat pemilik asli yang telah terverifikasi/resmi di dalam blog tersebut karena tertempel centang biru disamping namanya.

Cara membuat centang biru ini sangat mudah karena hanya menambahkan sedikit kode CSS dan HTML saja. Ikuti langkah-langkah di bawah ini agar kalian paham dan tidak bingung. Berikut Cara Membuat Centang Biru di Sebelah Nama Admin/Author Pada Blog

Membuat Centang Biru di Samping Nama Admin/Author Pada Blog

Ikuti langkah-langkah dibawah:

1. Masuk ke Blogger

2. Klik Template

3. Klik Edit Html

Cari kode </style> atau ]]></b:skin> dengan mengetik bersamaan Ctrl + F pada halaman edit html di blog kalian. Setelah menemukan kodenya, pastekan kode di bawah ini tepat diatas kode tadi.

.verified{
width:17px;
height:17px;
margin-left:5px;
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;
}

Jika sudah maka cari kode class='author-name' atau class="author-name"

Cari tag penutupnya/ujungnya dengan mengetik </h3> di pencarian kode.
Jika kalian tau dasar kode HTML pasti tidak akan kebingungan, ikuti saja langkah-langkah ini

Bisa dilihat pada gambar di atas, <h3 class='author-name'> adalah pembuka tag, sedangkan </h3> adalah penutup tag. Ini bukan masalah, lupakan ini...

Kita lanjutkan, jika sudah mendapatkan kodenya maka masukan saja kode dibawah ini tepat di sebelah penutup tag </h3> 

<div class='cheklist' title='Verified Author'/>

Masukan kode <div class='verified' title='Verified Author'/> setelah kode </h3> 

Jika semua sudah selesai maka save dan coba lihat hasilnya.

Jika kalian masih bingung atau tanda centang masih belum ada juga, silahkan bertanya di kolom komentar .Admin akan menjawabnya sebisa mungkin...

***

Search: cara membuat centang biru di sebelah nama admin/author pada blog, cara membuat centang biru di sebelah nama admin atau author di blog, cara membuat centang biru di sebelah profil admin/author pada blog, cara membuat centang biru di sebelah profil admin atau author di blog, cara membuat cheklist biru di sebelah nama admin pada blog, cara membuat cheklist biru di sebelah nama admin/author pada blog, cara membuat centang biru di samping profil penulis di blog, cara membuat centang biru di samping profil penulis pada blog

Artikel Menarik lainnya