Ganti Tampilan Penulis, Waktu, Ketegori dan
Komentar dengan Icon – Penambahan icon penulis, waktu pengeposan, kategori, dan komentar setiap di bawah judul artikel akan membuat blog lebih profesional dari segi tampilan dan kualitas. ikon penulis, waktu, dan kategori akan berada di samping kiri dan icon komentar akan berada di sebelah kanan. Masing masing icon dapat diganti sesuai selera yang anda inginkan. Apa fungsinya? Fungsinya yaitu bisa dikatakan agar pengunjung dapat mengetahui secara cepat siapa penulis, waktu pengeposan, kategori, dan komentar artikel yang akan dibacanya. Sangat menarik, bukan? Jika anda yang berminat mau memasangnya, silahlan ikuti langkah mudahnya pada berikut ini.
1. Pastikan sudah login di Blogger dan pergi ke Template > Edit HTML > Lanjutkan.
Jangan lupa Centang Expand Template Widget.
2. Cari kode atau <div class='post-header'>.
3. Lalu sisipkan kode berikut tepat di bawah salah satu kode tadi.
<font
style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibpY_FXWAiKjpao-IwHedvMPs5_GXew1qUPhs_TRhwMBUp2hwLLXhCWgjJ1o3ioQLgaJXm-b_Kuoqh4saXV5aJHN_Q_S1lyS59PJ5v2yqPOBnSA3f7Zy8j4fWIs1IyRj2-PWRokgso2AY1/s1600/author.gif) no-repeat scroll top
left;padding-left:25px;font-size:11px;'><data:post.author/></font>
| <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHb_y9Lu90KWOIkkpuFB0QXENFMLM8t3dBfkX3QZDKYlXVU57cZ-pDAFMOfGbnk5iuWGVDdaPlUOUUzrMXG2kzWwJKUp2sha0JNIRgm_5KGjfVezRmKZbjCQHhpwxwzm2HkzPQ0DpdHp1I/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font>
| <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0YeUm8Uy2TYJOnoHICF7qbAnZT5tnOCCp0euYyUUpS5LTeUJxDeXvDOuRbMUT52cR60J42xGCm1inyGCvFgoQxxlA6qttdPriOJfwpUmD19MLZSNcK_C1O155-RKaN5NdDDSndzoECJc/s1600/tag+icon.gif) no-repeat scroll top
left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url +
"?max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'>|</b:if></b:loop></b:if></font><span class='post-comment-link'
style='Float:right;'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg38HmrtXFWhzSgPERVTQz_OsnPnHwZXOD70PZ-C42qE1Gzyu1I7vGrFwCZptl6K3O_oWL_E-yptX5svVY4b3HaJWXMh0M6iWKAVc4qlbL-FflofF9Q1AY-Js5QL0zQI8pvC5CqbTxUpGCg/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if
cond='data:post.numComments == 0'>Be the first to comment!<b:else/>
<b:if cond='data:post.numComments == 1'><data:post.numComments/>
Comment so far<b:else/><data:post.numComments/> Comments so
far</b:if> </b:if></a>
</b:if>
</b:if>
</span>
Keterangan:
Warna biru: Menunjukan url icon penulis.
Warna merah: Menunjukan url icon waktu atau tanggal pengeposan.
Warna hijau: Menunjukan url icon label.
Warna oranye: Menunjukan url icon jumlah komentar.
4. Langkah selanjutnya klik Simpan Template.
5. Langkah terakhir lihat hasilnya di bawah setiap judul artikel.
>>>Selamat Mencoba<<<
Anda telah membaca artikel tentang Ganti Tampilan Penulis, Waktu, Ketegori dan Komentar dengan Icon dengan url http://superrefreshing.blogspot.com/2013/04/ganti-tampilan-penulis-dengan-icon.html. Anda boleh menyebarluaskan atau mengcopy artikel Ganti Tampilan Penulis, Waktu, Ketegori dan Komentar dengan Icon ini dengan catatan mencantumkan link sumbernya.
