Steps:
Step 1. From your Blogger Dashboard, click on the Template option, then press the Edit HTML button:
Step 2. Select the "Expand widgets templates" box
Step 3. Search for the below code (press the CTRL + F keys and paste the code in the search box):
<div class='post-header-line-1'>
If you can't find the code above, look for this one:
<div class='post-header'>
Step 4. Paste the following code below/after the code above:
<font style='background:transparent url(http://1.bp.blogspot.com/--fsYbwHKiKM/T0uOGw-hdTI/AAAAAAAAA-s/QBcDITiSCEs/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://3.bp.blogspot.com/-1MEONG9XUgA/T0uOF8ICEdI/AAAAAAAAA-k/VBwTnA8PXbI/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://4.bp.blogspot.com/-rg64gjlD5Q4/T0uOD1RiFKI/AAAAAAAAA-c/RF7cQMGyO_I/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 + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
<b:if cond='data:blog.pageType != "item"'>
<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/-wGMp3jZ7DpU/T0uOrczut7I/AAAAAAAAA-0/F_BnJ5WS9BI/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>
How to customize:
If you want to change the icons, just replace the URL addresses above colored with:
- Red - Author
- Green - Date
- Blue - Labels
- Violet - Comment bubble
... with the URL address of your image.
Step 5. Save template... and you're done!
Tidak ada komentar:
Posting Komentar