Menambahkan Thumbnail Avatar Pada Post Info

Thumbnail Avatar | Berikut ini cara menambahkan thumbnail avatar pada post info yang terdapat di blog ini.

Thumbnail avatar ini nantinya akan muncul di halaman postingan blog, silahkan ikuti beberapa langkah penerapannya.

Buka Dashboard Blogger
Klik Template dan buka Edit HTML
Cari kode .info-post ( pastikan terdapat <b:if cond='data:blog.pageType == "item"'> )
Jika sudah ketemu ganti semua code .post-info dengan code dibawah ini

.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
.post-info a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#e76e66;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:8px!important;display:inline-block;color:#666;padding:10px;}
.post-info .avatar-author {float:left;border:0;padding:0;width:38px;height:38px;box-shadow:none;}

Kemudian terapkan kode di bawah ini tepat sebelum </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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*)\//,'/s38$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>
</b:if>

Cari kode di bawah ini

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

Selanjutnya cari kode di bawah ini

<div class='post-info'>

Terapkan kode di bawah ini tepat setelah kode di atas

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

Setelah diterapkan akan tampil seperti ini

<div class='post-info'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</b:if>

Simpan dan lihat hasilnya !!

Source : Arlina Design

Dedi

Add Comment

Tips Blogger, Widget

Kamis, 26 Februari 2015

About Admin Lycoris

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Kamizake

Menambahkan Thumbnail Avatar Pada Post Info

About Admin Lycoris

Related Posts