Cara Menampilkan Penulis di Posting

Cara Menampilkan Penulis ,Waktu, Dan Label di Bawah Judul Posting Blog Dengan Icon

Kali ini saya akan membahas tentangTutorial Blog yaitu Cara menampilkan penulis (Pencipta Posting), Waktu Dan Label di bawah judul posting blog ditambah icon, dengan memasang cara diatas, pengunjung akan tahu siapa pencipta posting blog anda, dan waktu juga label.

Berikut langkah-langkahnya :

1. Login ke Blog kamu,
2. Pilih Rancangan, lalu pilih EDIT HTML.
3. Centang Expand Widget Template nya terlebih dahulu.
4. Cari kode <data:post.body/> dan letakan kode dibawah ini tepat diatas kode<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZwY0ggEY5a8-SNffbHT6puT1dFVQGS414f2-55UU9_owdvI6_jwQO9Cd5ugj1HlD4MNhTOn6BElpY7JJJhwOBeBZHHWzIv_uEI2xcpM1D36b0E5rEcMJ0GDNK097-wVliL0SqzMpFUTs/s1600/author.png) 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/AVvXsEiK_NApTUOzgLfqXNgwQILZWQNZfTl-_LIubC-cFq1xaPLzv-lOhUwwWXKM08qkYX8UmJK3EZ7tLq_0fH5XV4-NJLHv-IEYJXQecIf-587LiFUtuqwM_Dnxcl8IPqZqIErsslYw6_ENXyc/s1600/calendar.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/AVvXsEgTODx66y0I-kfrqdFxwZ8Bm4Hdl_KOiKS0E5BOaFbL5xHZV7u11A504TfKmWk4_41PRUV_2Ffe0mpOfEduM_mzmEcO54vgO2e1_V7udLfMKlA-EKaFtaK1i0hqeK8hXojK4dJsD9mSP2Q/s1600/icon_tags.png) 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></b:if>

Kode yang berwarna biru adalah Icon untuk PENCIPTA atau AUTHOR.
Kode yang berwarna merah adalah Icon untuk WAKTU.
Kode yang berwarna ungu adalah Icon untuk LABEL.
Silahkan ganti Icon dengan Icon lainnya.
 

Jika Anda menyukai Artikel di blog ini, Silahkan kirim Email untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.


Delivered by FeedBurner