Formulir Kontak

Nama

Email *

Pesan *

Memasang Tanggal dan Label di Bawah Judul Posting

Aizzan Blog -- Cara mudah untuk memasang tanggal, label, nama author, dan komentar di bawah judul postingan di blog kita, fungsi ini untuk mempercantik tampilan blog kita saja dengan demikian tidak ada efek samping yang di timbulkan oleh script ini untuk blog kita. Screenshot bisa sobat lihat di bawah ini
Aizzan Blog:  Memasang Tanggal dan Label di Bawah Judul Posting
Aizzan Blog:  Memasang Tanggal dan Label di Bawah Judul Posting
Di atas adalah tampilan lama dari blog saya ini, sangat simple sekali bukan dan adanya tanggal, label, nama author dan komentar menjadi blog menjadi lebih elegan. Untuk tutorialnya silahkan mengikuti tahap - tahapnya di bawah ini

1. Login ke akun blogger sobat
2. Masuk ke "Template"
3. Backup data terlebih dahulu sebelum beranjak ke "Edit HMTL"
4. Masuk ke "Edit HTML"
5. Cari kode <div class='post-header-line-1'/>, lebih cepat tekan Ctrl+F (F3)
6. Masukkan kode di bawah ini tepat di bawah kode <div class='post-header-line-1'/>
    <font style='background:transparent url(http://1.bp.blogspot.com/-Fx4uqjXYIjM/UGtE9s5PxzI/AAAAAAAAOE8/ujl6K8ZpUBA/s1600/author.gif) 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/-1BVLoqemMeg/UGtE_WIOhoI/AAAAAAAAOFI/lQiVriC0-Eo/s1600/clock-icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://1.bp.blogspot.com/-a7-9Mb7rlCI/UGtFIDs9N5I/AAAAAAAAOGU/yrgNClLeSEs/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(http://4.bp.blogspot.com/-FcBsCCGzT6s/UGtFAIemk9I/AAAAAAAAOFU/dTQzsdglP54/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>
7. Simpan template dan lihat hasilnya

Semoga artikel di atas dapat membantu dan bermanfaat buat sobat, jika ada kendala, kritik maupun saran silahkan kirim melalui kolom komentar di bawah artikel atau juga bisa kirim melalui form Contac Me yang sudah saya sediakan.
Previous
Next Post »
0 Komentar