Post info di bawah judul artikel


Ketika tidak ada komentar yang dibuat untuk posting Anda, ada link yang mengatakan 'Jadilah yang pertama untuk berkomentar!' dan ketika hanya ada satu komentar maka akan muncul '1 komentar sejauh ini'. Jika Anda ingin membuat blog Anda lebih bergaya dengan mengganti teks-teks dengan beberapa ikon lucu kecil bersama dengan default Nama Penulis, Post Date, Label dan Komentar, maka cukup ikuti langkah-langkah berikut:


Langkah 1. Dari Dashboard Blogger Anda, klik pada pilihan Template, kemudian tekan tombol Edit HTML
Langkah 2. Cari kode di bawah ini, klik dalam template editor tekan CTRL + F dan paste kode dalam kotak pencarian lalu enter

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

Jika Anda tidak dapat menemukan kode di atas, cari kode berikut ini:

<div class='post-header'>

Langkah 3. Paste kode berikut di bawah/setelah kode di atas:
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_tzXV6JJdKUPRFeM175ndGhr4IQXZGkLjDQk8Lh7d2shU2AnAcdNQRY_QnTRUJZmdldNmcrM9bLXVLnx4v27v3G_r9jGUHveNbswjEKjuAD5UQqSaGLTa2aPCuFtZBSdsHcEN68D0vJx4/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/AVvXsEjQo8-b3y7bG5wbgeMrp5vDpIzO0-ogyrWSDrb6cq4cO0yphJksvVDDyGMKDPLw2Uue0rCyKpYuDA31pcVcXQ_DyF5ckwMziW3cqLZALgR_v9DV0Mpz0j00PAbcNeD9C3Rlt5jZKqenKCdC/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/AVvXsEh_BNMpBkCtIJmu8S0x4dwesOFcPHJnKMBMf1HBuzOeY7fgfMK2fKDP9hJgP68ZS3g5EeaZjJFe76OAe6K_R3-eKXOd_c2wMfHGpl0bjIyadAdx22UGnbulFbKqaJhzJnKcRoatebqrWu-f/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/AVvXsEgsJ_upFmYn_j3IZJlr7YzW1Clyq3WGJjC-isfxhl7ewXIDdWk5XSO524FFDgEdwD-Bez5kkMVi1NwjPQl3dFgVcXvoaLwvNQVn0cp9nTTosZrr2Mq1vzKx3RT8ryXNVxgxy3Fb8DB_FxEZ/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> 
Bagaimana cara untuk menyesuaikan:

Jika Anda ingin mengubah ikon, silahkan mengganti alamat URL di atas diwarnai dengan:

  • Merah - Penulis
  • Hijau - Tanggal
  • Biru - Label
  • Orange - Komentar gelembung

Ganti dengan alamat URL gambar Anda.

Langkah 4. Simpan template dan selesai

Semoga berhasil dan sukses...