Info Tentang How to Add Author Box Below Blogger Post Update Terbaru 2017 Gratis

Sedikit Info Seputar How to Add Author Box Below Blogger Post Terbaru 2017 - Hay gaes kali ini team FREE GAME ANDROID, kali ini akan membahas artikel dengan judul How to Add Author Box Below Blogger Post, kami selaku Team FREE GAME ANDROID telah mempersiapkan artikel ini untuk sobat sobat yang menyukai FREE GAME ANDROID. semoga isi postingan tentang yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar How to Add Author Box Below Blogger Post Full Update Terbaru
link: How to Add Author Box Below Blogger Post

Artikel Terbaru How to Add Author Box Below Blogger Post Update Terlengkap 2017

If you are using a custom blogger template, sometimes the blogger default author box will not be displayed under your blog post, although you activate "Show Author Profile Below Post" option in Blogger settings. If you have the same problem follow the steps given below to display it in your blog.

Find this in "Edit HTML":

<b:includable id='post' var='post'>

Now scroll down slowly until you this line:

<div class='post-footer'>

Add below code just before above line:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  <b:if cond='data:post.authorPhoto.url'>
 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  <b:else/>
 <img itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpSq5F_vg5PNRvwgB4d3wdzakLmeIP2-zTp82cAaBc5F-ymCSr8WJvPB2kbRO7DpQCwUBWSY6v-VY9HQaVBj4S6ljaB8KVpcIP0Dn4qGiVKCwhfoe4q_VPlCsuMEfLcfK0CFW2bTcZus/s1600/no-avatar-50.png' width='50px'/>
  </b:if>
  <div>
 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
   <span itemprop='name'><data:post.author/></span>
 </a>
  </div>
  <span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:if>

To understand it better, see this image:

Now find this:

]]></b:skin>

Add this CSS code just before above code:

.author-profile {
    background: #f6f6f6;
    border: 1px solid #eee;
    margin: 15px 0 15px 0;
    padding: 8px;
    overflow: hidden;
}

.author-profile img {
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;
}

Save your template. Final result will be look like this:

SHARE this with others...THANKS. 

Itulah sedikit Artikel How to Add Author Box Below Blogger Post terbaru dari kami

Semoga artikel How to Add Author Box Below Blogger Post yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai FREE GAME ANDROID. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang How to Add Author Box Below Blogger Post