Cara Menambahkan Photo Penulis di Samping Judul Blog

Postingan Kali ini saya akan membahas sekaligus berbagi tentang Cara Menambahkan Photo Penulis di Samping Judul Blog. Image Author (photo pe...

Postingan Kali ini saya akan membahas sekaligus berbagi tentang Cara Menambahkan Photo Penulis di Samping Judul Blog. Image Author (photo penulis) akan tampil pada bagian kiri judul postingan atau sebelum judul postingan article sobat. Lebih kurang tampilannya seperti Screenshot di bawah ini.

Step 1

Cari kode ]]></b:skin> selanjutnya pastekan kode di bawah ini tepat sebelum atau di atas kode ]]></b:skin>.

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

Step 2

Cari kode </head> dan pastekan script di bawah ini tepas di atas kode </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>

Step 3

Terakhir temukan kode <b:if cond='data:post.title'> dan copy pastekan kode di bawah ini tepat di atas kode <b:if cond='data:post.title'>
Catatan : Sobat akan menemukan beberapa kode <b:if cond='data:post.title'>, pastikan sobat meletakkan kode di bawah ini pada posisi yang tepat. 

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

Silahkan save template sobat dan selesai.