MEMBUAT AUTHOR BOX DI BAWAH POSTINGAN
Cara memasang atau membuat "Author Box Dibawah Postingan" sangat mudah, author box atau kotak admin/penulis blog bisa juga ditampilkan dibawah postingan, bagi sobat semua yang ingin menambahkan foto profilenya pada blog tanpa harus menambah gadget profile ini adalah salah satu caranya, nah bagaimana cara membuat author box dibawah postingan blogspot? ikuti tutorial dibawah ini!
1. Login ke blogger
2. Klik Edit Html , Beri Centang Pada ( Expand Template Widget )
3. Letakkan kode dibawah ini diatas kode ]]></b:skin>
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
4. Cari kode <div class='post-footer-line post-footer-line-1'> Dan letakkan kode berikut dibawahnya.
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if>
5. Save template dan lihat hasilnya.
Catatat : Code yang diberi warna Biru dan Hijau adalah Foto kalian dan Tentang penulis, Edit sesuai keinginan kalian.
Nah demikian cara Membuat AUTHOR BOX DI BAWAH POSTINGAN , semoga bermanfaat.
>
Show
0 Comments
prev
next
