Home » Blogger Hack » Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan

Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan. Dengan artikel Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan selengkapnya:

Dalam posting ini, saya akan menunjukkan cara untuk add default Nama Penulis, Tanggal Post, Label dan Komentar dengan beberapa ikon kecil di sebelah kiri satu sama lain. Anda dapat melihat di bawah setiap judul posting saya, beberapa rincian seperti nama penulis, saat tulisan telah dipublikasikan, label dan link komentar menghitung. Saat ini tidak ada komentar diposting link mengatakan 'Jadilah yang pertama untuk berkomentar!' dan ketika hanya ada satu komentar mengatakan '1 komentar sejauh ini, dan ini adalah hack yang bagus yang akan membuat blog Anda terlihat indah dan profesional.

Langkah :

  1. Buka Akun blogger Anda
  2. Pergi ke Template > Edit HTML > Proceed > centang Expand Template Widget (untuk keamanan, backup template Anda)
  3. Cari koden dibawa ini :
<div class='post-header-line-1'>
   4.  Jika Anda tidak menemukan kode diatas cari kode dibawah ini :
 <div class='post-header'> 
   5.  Masukkan kode dibawah ini tepat pada kode diatas :
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUONuLPaumpzRkKx_o3e3B4knF2x-je8HAzcLZvQb-V4pfHADK4j7nBb5QylHF4l6VAivMWORT8uPMLz0OOB0Xm6A8C2AsUpx6AEmlDZF7zv6wPQWO35CyIg9UlGq3TePV4NuJ4RT0gYr4/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/AVvXsEid__17_JWN-57IL58p6fRHDbUZpZgVIuhz5WXIkVpRPQ6drT2Tcn6-zJo58cyT_gABTqVWnUpIgXwP7YZphKt-KiFWSFqvgg1PsuR3zBpLsS0tZ7Nu1aAwGK5KgYPK8ks-9pM9qJkpZihyphenhyphen/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/AVvXsEgHBN6eS_3x8TeDsX8ERzNNJq4DbTJpQugMR-re-nfJC0ndOrNXPKIS25W2PeMRCzcDO4gxWmIiUc27dv_AZz7OakwlCqLSRD-DXyYXXNc6ibhUfDf9MRVPXkOAohzbTRhNBpmG3u77TUkG/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/AVvXsEgfSODpA3ASqSapSdIaVIbyaMODt7VtX3T3d_hNM5gRFRq8NxUSoUyMMm8YTVvt-DUDAraKOjG7f8e1xUfbRzjimFyJhwQvBEsYTAlwLb6xB8v73O0fZRajzVziFTBTXWO7h0CKlVd7i_qL/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 :

  1. Ganti URL gambar sesuai keinginan Anda pada :
Red (Penulis)
Green (Waktu/tanggal)
Blue (Labels)
Violet (Comment bubble)

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Posting Komentar