Cara Menambahkan Author Box/ Paraf di Bawah Postingan

div class='post-body entry-content'>

Cara Menambahkan Author Box/ Paraf di Bawah Postingan

Sudah lama tidak posting di blog ini, karena sibuk ngurusin blog www.adsensebox.blogspot.com sama www.e-nanra.blogspot.com, baru sekarang sempat membuat postingan. Oke, kali ini saya akan memberikan cara bagaimana menambahkan Author Box/ Paraf di bawah postingan. Contohkan kayak dibawah ini.

Langsung saja berikut tutorialnya.

Cara Menambahkan Author Box di Bawah Postingan

• Login ke Blogger.
• Di halaman Dasbor, kita pilih Rancangan.
• Kemudian pilih Edit HTML
• Beri tanda centang pada Expand Template Widget
• Cari kode ]]></b:skin> dan taruh kode berikut di atasnya;
  

  .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;
  }

• Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;
  

  <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMSa54Ghbjvfr6F6fN7FReyilg3JADmiUDR90CEpBo_hUnwFPtFY7AevnaMPzpJPZwGlXwK5JxJGn1K106KkAJKcsSEWPDhRJ7Cr-sQDYyRS_Xb61LUJe-j39Ft0x6pzWt76Nwo7TiPAU/' width='70'/><b>Tentang Saya</b><br/>

  Sekilas tentang Profil Anda<br/></p>
  </div>
  </b:if>

• 
  
  Sebelum menyimpan, ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMSa54Ghbjvfr6F6fN7FReyilg3JADmiUDR90CEpBo_hUnwFPtFY7AevnaMPzpJPZwGlXwK5JxJGn1K106KkAJKcsSEWPDhRJ7Cr-sQDYyRS_Xb61LUJe-j39Ft0x6pzWt76Nwo7TiPAU/ dengan URL photo kita, dan tulis sekilas tentang diri kita. Dan juga bisa menganti judul about author. Dan juga mengubah kode css yang disesuaikan dengan tampilan blog kita.
• 
  Simpan jika sudah selesai.

 Visit my other blogs : www.e-nanra.blogspot.com , www.adsensebox.blogspot.com , www.gohealthful.blogspot.com , www.visitandvacationindonesia.blogspot.com