28 Membuat By author post details

By author ini adallah widget keterangan posting" untuk di pasang setiap posting akan ada keterangan tanggal posting, label widget tweet dan foto author jika postingan sobat di buka widget ini akan otomatis muncul diatas posting seperti breadcrumb contohnya yang ada diatas posting blog ini Untuk lebih jelasnya sobat bisa lihat contoh gambar dibawah.

Jika tertarik silahkan ikuti 6 langkah pemasangannya

1. Login Blogger
2. Tuju ke Rancangan -> Edit HTML
3. Centang expand template widget
    Cari ]]></b:skin>i
 Letakan CSS berikut diatasnya
.tweetmeme{ margin-left:10px; padding-top:17px; font-size:11px; float:left; }

4. Cari <data:post.body/>
5. Letkan kode di bawah ini di atas <data:post.body/>

<br/>
<div class='line-border'>
<div style='float: left; padding-top: 0px;'>
<img alt='i-om' height='48' src='http://img10.imageshack.us/img10/7945/tesym.jpg' title='i-om' width='48'/>
</div>
<div class='profile-name'>
<a href='http://www.i-om.co.cc' rel='dofollow' target='_blank' title='i-om'><b>By i-om</b></a>
</div>
<div class='tags-name'>
Date
      <span class='post-timestamp'>
&#8594;
<data:post.dateHeader/>

</span>
<br/>

<div class='labelpost'><b:if cond='data:post.labels'>Tags &#8594; <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>

 </b:loop></b:if>
 </div>

</div>
<div class='tweetmeme'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;freedown4u&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>
<div class='spacer'/></div><br/>

Keterangan: Yang berwarna hijau adallah lokasi foto sobat 
                      Teks yang bercetak tebal adallah nama sobat silahkan di ganti
                      Yang berwarna merah adallah alamat blog sobat

Tinggal disimpan" semoga berhasil :D

Label: Blogger, Tutorial Blog