Sobat blogger semua, mungkin pada template yang digunakan kebanyakan yang tampil hanya authornya saja tidak disertai dengan foto dan bahkan hanya tampil satu baris saja. tampilan ini dapat dimodifikasi menjadi sedemikian rupa, untuk itu pada tutorial kali ini saya akan memaparkan bagaimana cara membuat author image tampil di setiap postingan.penasaran bagaimana cara membuatnya?ok mari kita ke TKP blogger untuk tutorialnya
Berikut adalah cara membuatnya:
- Login ke account blogger milik anda
- klik menu rancangan lalu klik edit html
- expand widget templates
- cari kode ]]></b:skin> dan tambahkan kode css dibawah ini diatas kode tadi .tweetmeme{ margin-left:10px; padding-top:17px; font-size:11px; float:left; }
- cari <data:post.body/>
- letakan kode dibawah ini diatas <data:post.body/> :
<br/>Keterangan: Yang berwarna Hijau adallah lokasi foto sobat
<div class='line-border'>
<div style='float: left; padding-top: 0px;'>
<img alt='izal' height='48' src='http://i726.photobucket.com/albums/ww267/asrizalwahdanwilsa/C-OM%20Blogz/Admin.jpg' title='izal' width='48'/>
</div>
<div class='profile-name'>
<a href='http://ALAMATBLOGANDA.blogspot.com' rel='dofollow' target='_blank' title='izal'><b>By izal</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/>
Teks yang bercetak Merah adallah nama sobat silahkan di ganti
Yang berwarna Biru adallah alamat blog sobat
Simpan hasil kerja anda, dan lihat hasilnya, semoga berhasil....
