Sempurnakan blog dengan menambahkan avatar penulis disetiap judul postingan

hallo sobat, yang baru bergabung di blog ini slamat datang ya :D . .

kali ini gua share artikel tentang bagaimana cara menambah avatar / logo akun  / foto profile google penulis di setiap judul postingan, udah gua gua coba 1000% berhasil disetiap template.

untuk contoh lebih jelas silahkan klik gambar diatas . .

Setelah login dari akun blogger.. 

masuk ke menu template dan edit html

1.Langkah pertama "menyalin css"

tekan ctrl+f dan ketikkan ]]></b:skin> di form pencarian.

setelah ketemu salin css dibawah ini dan paste tepat diatas ]]></b:skin>

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

width untuk mengatur lebar
height untuk mengatur tinggi

2.Langkah kedua "menyalin script"
cari </head> dan letakkan script dibawah ini tepat 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>

3.Langkah ketiga/terakhir " mengkonfigurasi "

pada tahap terakhir ini letakkan code dibawah tepat 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;'/>

Catatan:
biasanya terdapat 3 atau 2 , dan solusinya adalah paste code yang disalin tadi tepat diatas smua yang ada. .
Selamat Mencoba :) dan jangan lupa meninggalkan komentar lu atau pendapat atau masukan atau apa lah terserah lu asal ikuti aturan . . hehe

Peringatan!!
Seluruh konten yang terdapat di blog ini dilindungi oleh hak cipta, penulis memberikan keluasan kepada blogger yang ingin menyalin atau men-copy artikel di blog ini dengan syarat MENYERTAKAN SUMBER!!

SHARE THIS