Ads

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

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

Post a Comment

18 Comments

  1. Wah, kalau sdh masuk ke ranah Edit HTML, menyerah ane. Untungnya template ane centang biru langsung disematkan Gan.

    Mantap gan artikelnya sangat bermanfaat

    MEDIA SOSIAL

    ReplyDelete
  2. Mantaf gan, makasih infonya, jadi blog saya aja centangnya cek https://www.blacksweet.xyz

    ReplyDelete
  3. Centang biru itu ada fungsinya enggak ya gan

    ReplyDelete
  4. keren juga nih gan... layak di coba...

    ReplyDelete
  5. Bagus gan begitu ya Cara mempercantik blog

    ReplyDelete
  6. nice tutorial nih, terasa macam akun real dan profesional

    ReplyDelete
  7. mantap bos, ayo jalan2 https://ingatinfoku.blogspot.com/2019/02/membuat-blog-menjadi-mesin-dollar.html

    ReplyDelete
  8. Mantap gan. Saya bole share gak nih🙏

    ReplyDelete
  9. otw langsung praktek nih biar makin kece blog nya hehe

    Monggo mampir di blog-asikhd.blogspot.com

    ReplyDelete
  10. Boleh dicoba nih ragamfootball.blogspot.com

    ReplyDelete
  11. Lu bikin tutorial. Pake script anti copas. Trs gw harus ketik satu persatu untuk mencari kodenya. Belajar lagi sana.
    Lu harusnya tau bagian mana mana nya yang bisa d copas. Jangan semuanya gak bisa d copas.

    ReplyDelete
    Replies
    1. Di laptopku kodenya bisa di kopas kok

      Delete
    2. Tulis sendirilah kodenya, kan pendek. Masa gitu aja gak bisa sih mazz? Jangan malas nulis lah, katanya blogger..?

      Delete
  12. mantul ijin coba gan..

    Kunjungi blog saya gan
    https://ryandinulfatah.blogspot.com/

    ReplyDelete