Tutorial: Letak Author, Time, Comment, Labels bawah post title

Author: Shafinaz AinaTime: Saturday, March 01, 2014Total: 3 Comments
This tuto asked by ZULAIZAT
Sebenarnya, aina guna tuto ni dari blog Nabila cuma aina edit sikit tambah background and tukar icon yang aina suka. 
Okay, let's start!
1. Blogger: Blogger Dashboard > Template > Edit HTML.
2. Ctrl+F dan cari :
<div class='post-header-line-1'/>
3. Jumpa? Copy code kat bawah ni dan paste bawah code yang korang cari first tadi.
<font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll left;padding-left:15px;font-size:11px;'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><span style='font-size:11px'>Comments</span></a></b:if></font> | <font style='background:transparent url(URL IMAGE/ICON) 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>
4. Code atas ni kalau korang ada LABELS. Dan kalau korang cuma nak ada AUTHOR, TIME, COMMENTS. Korang gune code nie
<font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(URL IMAGE/ICON) no-repeat scroll left;padding-left:15px;font-size:11px;'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><span style='font-size:11px'>Comments</span></a></b:if></font>
5. NOTE:

  • Yang URL IMAGE/ICON tu korang boleh guna icon yang korang nak.
  • Kalau nak tambah perkataan yang macam aina tu macam AUTHOR: TIME: TOTAL: korang tambah words korang sebelum: 
<data:post.author/>
<data:post.timestamp/> 
<data:post.numComments/> 

  • PREVIEW dulu, baru SAVE! 




THANKS FOR READING!

3 comments

Saturday, March 01, 2014

Wah.. X lawe.. Buat tuto lening tuu.. Nice nice

Sunday, March 02, 2014

WOoo. nama kita ada . HAHAHA . TQ .. :D Nak gunaa . uwaaa

Sunday, March 02, 2014

Hahaha . Hmm, tak jadi ahh kak . :( . HAHA , saya guna simple template . Sebab tu lah kot tak jadi :(

Post a Comment