Cara Membuat Author Widget seperti Kode Blogger

Kali ini saya akan berbagi tutorial bagaimana caranya membuat Author Widget di Sidebar Blog seperti Kode Blogger. Masih berkaitan dengan Tutorial Blogger, kok!

Keren banget, kan? Ditambah lagi dengan adanya gambar Luffy dalam posisi serangan Gear 5 ketika melawan Kaido!

Cara Membuat Author Widget seperti Kode Blogger

Sebenarnya mudah saja, karena kalian cukup memasang Author Widget ini di samping blog.

Masuk ke Blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript

Silakan Copas koding HTML dan CSS Author Widget di bawah ini:

<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='sosmedarl-img'>
     <img alt='Arief-Ghozaly' class='img-responsive' height='auto' width='100%' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN2yC0ZFWLnT_8f6Dg0g-HhhRZ1THeOKR0r4i7Y-1rWpcbiKxlNneuzfNVOxRDO-Rs0hFmrF-lZNn0EdSJWt6262rYO-dJhAMiSKT4rrWZPj8tSuJOSPIYK8gbevRQiGayWEOCkyJ1pbqX/s1600/luffy-arief-ghozaly.jpg'/>
<div class='sosmedarl-info' style='text-align:center; line-height:1.2'>

<h4><span style="font-size:16px; font-weight:700">Arief Ghozaly</span></h4>
     <p>Ngeblog sejak 2012, - karena hobi, suka SEO, berbagi ilmu, dan ingin menyalurkan bakat mengetik 10 jari dengan cepat.</p><p>Mau berkenalan? Boleh, <a href="/p/about.html" target="_blank">Klik di Sini</a>.</p>
Cek sosial media saya di sini: <a href="https://facebook.com/ariefghozaly24" target="_blank" rel="nofollow">Facebook</a>, <a href="https://twitter.com/ariefghozaly" target="_blank" rel="nofollow">Twitter</a>, dan <a href="https://instagram.com/ariefghozaly" target="_blank" rel="nofollow">Instagram</a>
</div></div></div></div>

Jangan lupa ganti alamat (URL) yang sudah ditandai dengan URL yang kalian miliki seperti URL gambar, Facebook, Instagram, dan Twitter.

Demikianlah tutorial bagaimana caranya membuat Author Widget di Sidebar Blog seperti Kode Blogger.