Cara Membuat Info Penulis Yang Keren di Blog

Haloo ...

Sebagai seorang penulis blogger tentu kita tidak hanya ingin dikenal tulisannya saja, tetapi mungkin juga akan terfikirkan bagaimana pengunjung anda akan mengenal anda sendiri sebagai penulis. Dan itu bisa dilakukan dengan cara membuat informasi diri anda sendiri dibagian bawah artikel yang telah anda tulis.

Selain untuk pengenalan diri seorang penulis kepada pembacanya , Info penulis ini juga akan membantu mempercantik tampilan blog anda , dan anda juga dapat memberikan quote , motivasi , ataupun kata-kata lainnya bahkan anda dapat menempatkan akun sosial media anda pada bagian info penulis agar pengunjung dapat lebih mengenal anda.

Lalu bagaimana cara untuk membuat Info Penulis yang keren pada blog yang anda miliki ?

Cara Membuat Info Penulis Yang Keren di Blog

1.Masuk pada dashboard blogger anda terlebih dahulu , kemudian pilih tema dan masuk pada bagian Edit HTML

2.Copy script dibawah ini , kemudian pastekan diatas ]]></b:skin>

/* About Author starts */.aboutauthor { margin-bottom: 20px;float: left; width: 100%; }.aboutauthor img { width: 111px; height: auto; float: left; margin-right: 20px; }.authorname { font-family: 'roboto condensed'; font-size: 23px; margin: 5px 0px!important; }.aboutauthor p { margin: 0px; }.aboutauthor h3 { border-bottom: 5px solid #222; color: #222; text-transform: uppercase; padding: 10px; font-size: 18px; }.authorrank { text-transform: uppercase; margin: 0px 0px 10px 0px!important; }/* About Author ends */

3.Lalu pastekan juga script dibawah ini tepat dibawah <data:post.body/> (pada setiap template jumlahnya berbeda-beda , ada yang lebih dari satu , maka anda bisa mencoba terlebih dahulu meletakan script dibawah , di bagian terakir dari code <data:post.body/>)
<-- Author Info Start --><div class='aboutauthor'> <h3> <span class='glyphicon glyphicon-user'/> About the Author</h3> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4ROTmnE6MVEe63FxhkontHpwM8kv3h946_SZ5ZUzEwKmFZO1hvX-7hNUZVeVr07bVK8_L2sF5S7jDQRMZaQj55AXte3d2exJqUhE0WXmFZYxRFWp8KT66eaHT7q56LwuTraJ_nyYzR3H/s1600/user.jpg'/><p class='authorname'> SiHadi</p> <p class='authorrank'> Manusia Ciptaan Tuhan Yang Maha Esa</p> <p> Ngetik Mulu kalo Cape ya Istirahat .. hehe</p> </div> <-- Author Info End -->

Anda bisa mengubah beberapa kata-kata pada script tersebut yang nantinya akan ditampilkan , seperti :
-About The Author
-SiHadi (Dengan nama anda tentunya)
-Manusia ciptaan tuhan yang maha esa (pesan khusus yang tebal)
-Ngetik Mulu kalo Cape ya Istirahat .. hehe (dengan pesan anda)
-Untuk menambahkan baris baru bisa menambahkan kode <p> pesan disini </p> di bawah pesan-pesan diatas.

Dengan demikian anda sudah bisa untuk membuat info penulis yang keren diblog anda , selamat menikmati dan semoga bermanfaat ...
Terima kasih sudah berkunjung ..

Share this post