Cara Menambahkan Penulis, Label dan Jumlah Komentar di Bawah Judul Postingan

Buat pengguna platform Blogger, baik yang gratisan maupun telah menggunakan domain berbayar. Kadangkala kita suka banget gonta ganti template karena di Blogger kustomisasi template lebih mudah ketimbang menggunakan platform WordPress maupun yang lainnya. Dan nggak jarang pula kita pas menemukan template yang cocok, ada saja elemen yang kurang. Seperti yang dialami teman saya beberapa waktu lalu. Layout template sudah pas, eh nggak ada tulisan author, label dan jumlah komentar di bawah judul postingan seperti template bawaan Blogger.

Sebenarnya untuk penggunaan tulisan author, label dan jumlah komentar di bawah judul postingan tidaklah seberapa penting. Fungsinya untuk aksesoris saja, lebih untuk mempercantik tampilan. Namun tetap saja rasanya agak kurang lengkap kalau tidak ada elemen tersebut.

So, buat kalian yang ingin banget menambahkan elemen author, label dan jumlah komentar di bawah judul postingan blog, ikuti caranya berikut ini.

1. Buka dashboard Blogger, masuk ke menu Template > Edit HTML

2. Di dalam kotak editor, klik ‘CTRL+F’ pada keyboard kalian. Lalu cari kode <div class=’post-header-line-1’/>

3. Setelah ketemu, paste-kan kode di bawah ini persis di bawah kode “<div class=’post-header-line-1’/>” yang sudah kalian temukan tadi

<!–label–>
<font style=’background:transparent url(http://1.bp.blogspot.com/-Fx4uqjXYIjM/UGtE9s5PxzI/AAAAAAAAOE8/ujl6K8ZpUBA/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;’><data:post.author/></font> | <font style=’background:transparent url(http://4.bp.blogspot.com/-1BVLoqemMeg/UGtE_WIOhoI/AAAAAAAAOFI/lQiVriC0-Eo/s1600/clock-icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;’><data:post.timestamp/></font> | <font style=’background:transparent url(http://1.bp.blogspot.com/-a7-9Mb7rlCI/UGtFIDs9N5I/AAAAAAAAOGU/yrgNClLeSEs/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 + &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(http://4.bp.blogspot.com/-FcBsCCGzT6s/UGtFAIemk9I/AAAAAAAAOFU/dTQzsdglP54/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/> Comments<b:else/><data:post.numComments/> Comments</b:if> </b:if></a>
</b:if>
</b:if>
</span>
<!–end label–>

4. Simpan dan lihat hasilnya!

Mudah sekali bukan. Itulah caranya agar kalian bisa menambahkan nama penulis, label dan jumlah komentar di bawah judul postingan blog kalian. Kalau template sudah cantik dan elemen blog sudah komplit, rasanya akan lebih semangat nulis! Selamat berkarya. 🙂

You may also like...

5 comments

  1. Meski nggak terlalu penting, tapi informasi penulis di blog bisa membantu orang yang mau cari tahu siapa penulis sebuah blog dengan cepat lho. Kalau yang nyari pihak advertiser gimana? 😀

Add a Comment

Your email address will not be published. Required fields are marked *