Cara menampilkan penulis, tanggal, label dan komentar ikon di postingan

Dalam tutorial ini, saya akan menunjukkan cara menambahkan informasi tentang postingan Blogger Anda seperti penulis blog, waktu postingan diterbitkan, label dan link jumlah komentar. Pertama, mari kita lihat bagaimana komentar menghubungkan dengan artikel anda, ketika tidak ada komentar dipostingan Anda, akan ada link yang mengatakan 'Jadilah yang pertama untuk berkomentar!' dan jika posting Anda mendapat satu komentar, maka akan muncul sebagai '1 komentar, Di sisi kiri, kita akan melihat nama blog penulis, menunjukkan waktu posting diterbitkan dan yang terakhir adalah label pos.

Jika Anda ingin membuat blog Anda lebih profesional, Anda bisa menambahkan rincian dengan beberapa ikon kecil yang lucu beserta dengan Nama penulis Blogger, tanggal postingan, Label dan Komentar.

Ikuti langkah-langkah di bawah ini.

1. Masuk ke Blogger -> piih Template -> Edit HTML.

2. Kik disembarang tempat, lalu tekan CTRL+F, Carilah kode <div class='post-header-line-1'>

3. Jika kamu tidak menemukan kode diatas, carilah kode yang seperti ini

<div class='post-header'>

4. Setelah menemukan kode tersebut, tambahkan kode ini.

<div style="margin: 5px 0; border-bottom: 1px solid #F2F2F2;padding: 5px;"><font style=' background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwPRkX4HgSovEa3GLV60wvu4H2AiyDA7rZrZUyeC9f8ZQ3Zdq42lDqt-2UE7r0N9z-SqDtZ8xg-FFOUtGg09OKeN6V0SWA78RZ7Qc-31VU-beQEr-8d1_bzhju_fA7QYkk1NK36rZP7Od/s1600/author.png) 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/AVvXsEhOQEvE_lDX01ASKQjT8mdw1ju_SeN1QZiyNFY2XMbKghLlHa04KFRTJmmczzt1AkHydX_lVxUa7K08GTHbNohk2KRyjQ9ZdNKdU2caDKJfn-L2QTSgj93jNDIxXCdPVgsSFt7GkvDm-kKJ/s1600/clock.png) 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/AVvXsEiSsGapf8Hf-RFMDWlOiP7axdgU1Gs5hGiSszdT_ZmF729AISr6I2yV5wOQ-Q4W4C5-CMBJNeN-qRK8c5kAD3li-UDiCPNR3n3Xi-PTGnNr6RRQ9Gs0WcBhGu1bvQpRRxrbanLOq3JsGf8x/s1600/tag.png) 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 + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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/AVvXsEhYn3CSQWTjEncaa6EqHqhtX28KblN5Sre38ApQN3RyzW3ynEQwP2Zhx6n6ulg2sUVjzRXOJa9QJedbbhPGLjHuB4CEmoGyXLdVGC2QTYO2_gpzpsYANr3ttwL3edBL8clVylXAQQ3Ijcby/s1600/comment.png) no-repeat;
padding-left:20px;font-size:11px;'><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></div>

Pengaturan:

1. Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwPRkX4HgSovEa3GLV60wvu4H2AiyDA7rZrZUyeC9f8ZQ3Zdq42lDqt-2UE7r0N9z-SqDtZ8xg-FFOUtGg09OKeN6V0SWA78RZ7Qc-31VU-beQEr-8d1_bzhju_fA7QYkk1NK36rZP7Od/s1600/author.png dengan gambar anda.
2. Ganti penujuk jam https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQEvE_lDX01ASKQjT8mdw1ju_SeN1QZiyNFY2XMbKghLlHa04KFRTJmmczzt1AkHydX_lVxUa7K08GTHbNohk2KRyjQ9ZdNKdU2caDKJfn-L2QTSgj93jNDIxXCdPVgsSFt7GkvDm-kKJ/s1600/clock.png dengan jenis jam kesukaanmu.
3. Ganti ikon label https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSsGapf8Hf-RFMDWlOiP7axdgU1Gs5hGiSszdT_ZmF729AISr6I2yV5wOQ-Q4W4C5-CMBJNeN-qRK8c5kAD3li-UDiCPNR3n3Xi-PTGnNr6RRQ9Gs0WcBhGu1bvQpRRxrbanLOq3JsGf8x/s1600/tag.png dengan label ikonmu.
4. Ganti gabar komentarmu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYn3CSQWTjEncaa6EqHqhtX28KblN5Sre38ApQN3RyzW3ynEQwP2Zhx6n6ulg2sUVjzRXOJa9QJedbbhPGLjHuB4CEmoGyXLdVGC2QTYO2_gpzpsYANr3ttwL3edBL8clVylXAQQ3Ijcby/s1600/comment.png dengan gambarmu.

5. Simpan template.

6. Sedikit berbagi dengan blogger semua, semoga artikel bermanfaat.