Cara Meletakan Info HCard Bawah Judul Posting

Pada artikel kali ini kita akan sharing tentang cara meletakan info Hcard di bawah judul posting seperti pada blog ini, bagi yang belum tahu apa itu info HCard akan saya jelaskan singkat padat tapi tidak jelas XD Info HCard adalah keterangan yang secara umum berisi author name, tanggal, dan label posting, bagaimana? Benar-benar padat dan minim kata kan.

Menurut saya meletakan author name, tanggal, dan label di bawah judul posting memberikan sentuhan yang lebih profesional daripada cara peletakan biasa (di footer posting). Lebih dari itu peletakan author name di awal post juga lebih mengenalkan siapa penulis di balik artikel yang mereka baca (ngeksis terselubung, horeeee…) :D dan juga author name ter-link langsung ke akun Google plus penulis, so setiap pengunjung blog bisa langsung melihat profil penulis dan syukur-syukur memfollownya juga. Lumayan kan bisa buat nambah-nambah follower, follower tambah = rejeki juga tambah.

Oke ngga usah lama-lama lagi, berikut step by stepnya

Step 1. Login ke Blogger

Step 2. Masuk ke opsi Layout

Step 3. Pilih opsi Edit pada widget Blog Posts

Step 4. Uncheck semua opsi pada window yang muncul & save the widget

Step 5. Sekarang masuk ke opsi Template dan klik Edit HTML

Step 6. Cari kode berikut

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

Step 7. Replace kode diatas dengan kode berikut

<div class='post-header'>
<div class='post-header-line-1'/>
<font style='font-size:11px; font-family:verdana; word-spacing:1px; color:#555555;'>
Posted by: <a href='https://plus.google.com/113077073682792857677?prsrc=5' rel='nofollow'><data:post.author/> </a>
on <data:post.timestamp/>
</font>
<font style='font-size:11px; font-family:verdana; word-spacing:1px; float:right; color:#555555;'>
Categories:
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if>
</font>

Step 8. Simpan Template

Sip, gimana mudah kan?
Sekian dulu. Semoga bermanfaat ;)