
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
19 Comments
Wah, mau coba nih.
ReplyDeleteWah, kalau sdh masuk ke ranah Edit HTML, menyerah ane. Untungnya template ane centang biru langsung disematkan Gan.
ReplyDeleteMantap gan artikelnya sangat bermanfaat
MEDIA SOSIAL
Mantaf gan, makasih infonya, jadi blog saya aja centangnya cek https://www.blacksweet.xyz
ReplyDeleteBisa di coba nih.
ReplyDeleteCentang biru itu ada fungsinya enggak ya gan
ReplyDeleteCuma mempercantik blog doang...
DeleteDag jadi2 punya saya om😭
Deletekeren juga nih gan... layak di coba...
ReplyDeleteBagus gan begitu ya Cara mempercantik blog
ReplyDeletenice tutorial nih, terasa macam akun real dan profesional
ReplyDeletemantap bos, ayo jalan2 https://ingatinfoku.blogspot.com/2019/02/membuat-blog-menjadi-mesin-dollar.html
ReplyDeleteMantap gan. Saya bole share gak nih🙏
ReplyDeleteotw langsung praktek nih biar makin kece blog nya hehe
ReplyDeleteMonggo mampir di blog-asikhd.blogspot.com
Boleh dicoba nih ragamfootball.blogspot.com
ReplyDeleteLu bikin tutorial. Pake script anti copas. Trs gw harus ketik satu persatu untuk mencari kodenya. Belajar lagi sana.
ReplyDeleteLu harusnya tau bagian mana mana nya yang bisa d copas. Jangan semuanya gak bisa d copas.
Di laptopku kodenya bisa di kopas kok
DeleteTulis sendirilah kodenya, kan pendek. Masa gitu aja gak bisa sih mazz? Jangan malas nulis lah, katanya blogger..?
Deletemantul ijin coba gan..
ReplyDeleteKunjungi blog saya gan
https://ryandinulfatah.blogspot.com/
Auto nyoba terapin di blog pribadi nih
ReplyDelete