Tutorial Author, Post Date, Comment & Label Below Post Title

Misaki PureBlood | Sunday, February 02, 2014 | | | | | | |


I ask Mrs. Google this tutorial but she keep giving me the wrong answer!! 5.30 a.m like that finally I found it~ ahahahahaha...

I used tutorial from NabilaMedan and its work~ Thanks Nabila Medan for that tutorial~ So here: I'm sharing with you the tutorial...





What you need to do:



Go to Design--->Template--->Edit HTML

Click CTRL + F and Search this code:
<div class='post-header-line-1'/>
(you'll find there is 2 same code right? so choose the last code...)


After you find it, copy this code and paste it under code that we search before:

<font style='background:transparent url(http://3.bp.blogspot.com/-SmnoiafLNV8/Tc54705P13I/AAAAAAAABrQ/iuNkQMZs1aQ/s1600/editor-icon-16x16.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://1.bp.blogspot.com/-7-tIXHHq7UU/Tc55GE4g1PI/AAAAAAAABrY/ugFP3yUQFJU/s1600/PostDateIcon.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://i.imgur.com/RHjwh.gif) 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(http://3.bp.blogspot.com/-IvWFqxkpVB0/Tc54__yOqDI/AAAAAAAABrU/CacKU2pq6_k/s1600/label+Icon.jpg) 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>


ICON: Author, ICON: Date, ICON: Comment, ICON: Label


You can change the icon whether in JPG or PNG.. Search cute icon at here: Cute Icon

4 comments:

  1. How does it looks like? Im still clueless..

    ReplyDelete
  2. @Nurulee yups sharing is caring.. weee hehehe

    ReplyDelete
  3. @Razi ten lol Razi XDD look at my title post.. below title post was the date and so on XD ahha

    ReplyDelete