Kamis, 17 Mei 2012

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


By on 15.34

Cara Menampilkan Penulis ,Waktu, Dan Label di Bawah Judul Posting Blog Dengan Icon - Kali ini saya akan membahas tentang Tutorial 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(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TLeqM1nMUqI/AAAAAAAABwo/chgv1QmlXaA/s1600/author.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TLeq1id8TfI/AAAAAAAABws/O0FUgG1IqJ0/s1600/calendar.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLeraxpOcoI/AAAAAAAABww/yVGb8J9bvJI/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.

Simpan dan lihat hasilnya

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

16 komentar:

  1. Thanks om.akhirnya ketemu jg yg ini :D

    BalasHapus
  2. ngak bisa gan..,
    mohon pecerahanya
    http://andik-ghoofi.blogspot.com/

    BalasHapus
  3. thanks sudah berbagi ilmunya, sukses selalu...

    BalasHapus
  4. Assalamualaikum.
    Alhamdulillah berhasil sob, tapi setelah read more di klik baru author, tanggal dan lebelnya bisa terlihat, gmana caranya agar tampilannya langsung di halaman depan (fullpost).
    Jazakumulloh.

    BalasHapus
  5. Hilangkan kode baris pertama b:if cond='data:blog.pageType == "item"
    dan kode baris terakhir /b:if

    BalasHapus
  6. yups,
    makasih gan sangat membantu!

    BalasHapus
  7. Saya sudah ikut banyak panduan belum ada yang jadi nih merubah template bawaan blogger yang sekarang...apa bukan hanya pasang tapi harus ada yang ganti atau di buang yah....

    BalasHapus
  8. Izin share ka, terimakasih :)
    http://goo.gl/FKHTq2

    BalasHapus
  9. Wah Terimakasih Gan Infonya Kapan Kapan Ane Coba Deh :D

    BalasHapus
  10. wah bagus nih tuk diterapkan biyar blog tampil lebih elegan, terimkasih triknya
    main juga ke blog ane http://www.be-bisnis-lah.blogspot.com/

    BalasHapus
  11. Ehm,,,, Expand Widget Templatenya dimana ya gan

    BalasHapus