Pages

Tuesday 7 August 2012

[HACK] How to show only post title in blogger label-home pages

1 Only title in blogger LABEL pages

Step 1: go to template, choose "Edit Html".
Step 2: click on "Mark Expand Widgets"
Step 3: ctrl+F, find below code (in red)
<b:include data='post' name='post'/>

Step 4: replace this red code by the following code (in green)

<b:if cond='data:blog.homepageUrl

!= data:blog.url'>

<b:if cond='data:blog.pageType != "item"'><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/>
</b:if>

Step 5: preview, if everything goes well, save the template

resource: anshuldudeja

2 Only title in blogger HOME pages

Step 1: go to layout, choose "Edit Html"

Note: in the upgraded version, I cant figure out how to edit html under layout. I used the old version (unfortunately, we wont access old version pretty soon, maybe Sept 2012, and what worse, I dont know how to fix it at this moment)


Step 2: click on "Mark Expand Widgets"
Step 3: ctrl+F, find below code (in red)
<b:include data='post' name='post'/>

Step 4: replace this red code by the following code (in green)
<!--Post Titles Only Trick-->
<b:if cond='data:blog.pageType != "item"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--www.SpiceUpYourBlog.com-->

Step 5: preview, if everything goes well, save the template

resource: spiceupyourblog

P.S: remember to save the original html, for safety.