Cara Membuat Author Box Dibawah Postingan

Author

Cara Membuat Author Box Dibawah Postingan - Pada postingan pertama ini, saya ingin berbagi cara untuk Cara Membuat Author Box Diakhir Postingan. Sebenarnya yang saya inginkan adalah agar Author blog dapat muncul di index google, dan semoga inilah cara yang tepat untuk membuatnya.

Author blog adalah sebuah kotak kecil di bawah postingan kita yang berisi informasi / pesan pesan Author (Si penulis / Admin Blog). Biasanya berisi pesan terahir yang disampaikan oleh Author setelah postingannya, yang semua tulisannya sama di semua blog.  

Cara Membuat Author Box Dibawah Postingan

1. Masuk ke Edit HTML
2. Centang pada 'Expand Template Widget', agar semua code dapat muncul
3. Letakkan kode ini diatas code ]]></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. Carilah kode <div class='post-footer-line post-footer-line-1'> dengan menekan CTRL+F  untuk mempermudah, kemudian letakkan code 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/>
   Pesan yang ingin disampaikan<br/></p>
   </div>
   </b:if>

5. Ganti Code warna hijau sesuai keinginan
6. Simpan

Demikian dari saya, semoga tips yang saya berikan bermanfaat, wassalam.