Pasang Avatar Author disamping Judul Artikel

Sebelumnya saya sudah berbagi dengan kawan Cara Pasang Image disamping Judul Artikel :q; sekarang saya akan berbagi lagi hal yang sama, cuma yang sekarang ini dengan Avatar Author atau Foto Profil kawan sendiri :r; bagaimana, perhatikan screenshotnya dibawah ini 

Kalau kawan ingi tahu caranya, silahkan dilanjutkan membacanya ! :y; 

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML 
• Copas script berikut diatas ]]></b:skin> 

.avatar-author{float:left;margin:0 10px 5px 0;border:0;border-radius:50%;padding:0;width:30px;height:30px}

• Selanjutnya Copas script berikut dibawah ]]></b:skin> atau diatas </head>

<script>

//<![CDATA[

function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}

//]]></script>

• Simpan sementara Template kawan
• Temukan <b:if cond='data:post.title'> yang kodenya kurang lebih seperti berikut

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

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Copas script berikut disini....!

    <b:if cond='data:post.title'>  

<h2 class='post-titles' itemprop='name'>
      <b:if cond='data:post.link'>
           .................. seterusnya....

• Copas script berikut diatas <b:if cond='data:post.title'>  

  <script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

• Simpan Template kawan dan lihat hasilnya