Author Post Detail |
1. Login Blogger
2. Tuju ke Rancangan -> Edit HTML
3. Centang expand template widget, Cari ]]></b:skin>
4. 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='4JIE' width='48'/>
</div>
<div class='profile-name'>
<a href='http://4-jie.blogspot.com' rel='dofollow' target='_blank' title='4JIE'><b>By 4JIE</b></a>
</div>
<div class='tags-name'>
Date
<span class='post-timestamp'>
→
<data:post.dateHeader/>
</span>
<br/>
<div class='labelpost'><b:if cond='data:post.labels'>Tags → <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 != "true"'> , </b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop></b:if>
</div>
</div>
<div class='tweetmeme'>
<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'freedown4u';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>
<div class='spacer'/></div><br/>
Keterangan !
Teks Biru : Link gambar author post detail
Teks Orange : Ganti dengan alamat blog kamu
Teks Pink : Ubah menjadi nama author kamu
3 komentar:
Thanks infonya kawand, aku bookmark dulu, soalnya blog aku udah banyak script nich :D
keren sob ...
kpn-kpn ta coba aah .. :)
good info gan :)
ijin coba ya
Posting Komentar