Widget author box ini berfungsi untuk menampilkan nama penulis, foto profil blog penulis, deskripsi penulis dan sosial media penulis. Jadi widget ini sudah sangat detail untuk ditampilkan pada blog sobat.
Cara Memasang Author Box di Bawah postingan
Masuk blogger.com -> Template -> Edit HTMLTambahkan kode dibawah ini diatas kode
]]></b:skin>
/* CSS Author Box */
.authorboxwrap{background:#fff;margin:10px auto;padding:20px;overflow:hidden;border:1px solid #eee}
.avatar-container{float:left;margin-right:20px}
.avatar-container img{width:110px;height:auto}
.author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#ef4824}
.author_description_container h4 a:hover{color:#404040}
.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{font-family:Fontawesome;width:15px;height:15px;line-height:15px;font-size:13px;padding:5px;display:block;opacity:1;border-radius:2px;transition:all .3s}
.authorsocial a:nth-child(1) i{background:#2d609b;color:#fff}
.authorsocial a:nth-child(2) i{background:#19bfe5;color:#fff}
.authorsocial a:nth-child(3) i{background:#eb4026;color:#fff}
.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i{opacity:0.90}Kemudian cari kode
<data:post.body/> yang diapit oleh tanda <b:if cond='data:blog.pageType == "item"'>...</b:if> atau lebih jelasnya seperti ini<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>Jika sudah ketemu, pastekan kode ini di bawah kode
<data:post.body/>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>
</p>
<div class='authorsocial'>
<a class='img-circle1' href='URL Profil Facebook' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='URL Profil Twitter' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='URL Profil Google+' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>Ganti url yang di marking dengan url profil sosial media sobat
Simpan template
Cara Menampilkan isi Deskripsi di Author Box
Buka bagian tata letak pada blog lalu edit Widget Posting Blog kemudian centang bagian "Tampilkan Profil Pengarang Di Bawah Pos"
Kemudian masuk ke profil google plus sobat, buka halaman Tentang (About) lalu isi form Perkenalan (Introduction) di google plus sobat untuk mengisi deskripsinya.
Selesai
