Cara memasang Fost Info dibawah judul artikel blog

Malam sahabat blogger...? semoga baik-baik saja ya...pada kesempatan kali ini saya akan membahas tentan memasang post info dibawah judul artikel, setelah sebelumnya saya membahas tentang cara memasang syntax highlighter ringan diblog. Pertanyaannya kenapa se harus dipasang post info diblog? Jawabannya—dengan memasang post info seperti ini para pengunjung akan tau admin sekaligus berapa komentar yang sudah dikomentari dari sebuah artikel diblog.

Bagi yang ingin memasangnnya silahkan ikuti tutorialnya berikut dibawah:

Pertama sobat login ke blogger

Kedua cari kode dibawah ini dengan bantuan Ctrl + f

<div class='post-header-line-1'>

Jika sobat tidak menemukan kode diatas bisa mencarinya lagi kode dibawah ini

<div class='post-header'>

Ketiga simpan kode dibawah ini persis dibawah kode kode yang sudah sobat temukan di perintah kedua
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAABOpmhqBCbPH9ZSd6GtXHnPeQbbwf6z7wYC_wK6Rlp3waC_-uG4pihaCIkPAuv0BCl4FQAUtscd0hDM3kcTn6TgmgIw5rNnSQi1VRwRldXsFIYwb_EKFJ07o_4NSCLAMhpWQF02fWTua/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/AVvXsEjCBNPWvdrReA021LE9geUvf8X45RxtdxnricHQw6KxnHNJZegzF23bJIgzDmUgyNmrq7-z2MwZkI8-MT4yPfpWCu8engFK4lCnRMhHhXOKIqp2vs8meVnQIE4M4bXwUOuDSSf_WQf8vUGG/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/AVvXsEh2HpgkbR68i3K9xfyih1Mf2bntMYfk1QJSTYommN-hVYqaYPHiKG3K1xpsu-lmSs6Bc3XrBtHSNt-3HNCNTGZp_AodV5saBSDkFzhE6SayZXLbMeX3SOIbraduuEhSRuPt5jyA_fUzjPSv/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3yIqww_sJU_CCB6ohUf4_maw86mHIpwV6P_C5cmK1_jN8u0MSuafHXOUwDoedbCzRXLEd3rs0Q3e5D9lAnM3ZsOKtZBEOt40Euht7PIEyOT_V9tOglfRMJ9eb3dkY6amNfjmIgPOXHfHH/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Jadilah yang pertama mengomentari!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Komentar sejauh ini<b:else/><data:post.numComments/> Komentar sejauh ini</b:if> </b:if></a> </b:if> </b:if> </span> Terakhir simpan template

Info:

Bagi sobat ingin merubah icon, silahkan ganti yang dicetak merah diatas dengan sesuka sobat

Semoga bermanfaat

Sumber: defandaky