Membuat Author Box Dibawah 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 == &quot;item&quot;'>
   <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. Simpan template kamu.
   

Ganti yang berwarna merag sesuai url foto kamu dan text yang kamu inginkan.Nah demikian cara Membuat author box dibawah postingan blogger, semoga bermanfaat.

BACA JUGA!

• Menambah elemen dibawah postingan
• Membuat footer 3 kolom dibawah posting
• Cara memasang google adsense pada postingan