Subscribe Here RSS or Email

1/23/08

Expandable summary post

0 comments Buzz Here
This is if you want just show some summary of your post then the reader click on "Read more" to read the whole article or post. I find it very useful because it teasing your reader, make your site looks professional and elegant. But one problem though, you have to know before you start this process "You have to redo your old post or else at the end of your old post the "Read more on this article" shows -- but, if you're not worried about it like me then your ready and Just follow this simple steps.

Remember: Before editing your template, you may want to save a copy of it. Download Full Template.
  1. Log in to your blogger account open Dashboard.
  2. Open layout, Template then click edit HTML.
  3. Search for </head> -- try this to make it quick (ctrl+F) then type </head>
Place this before </head>

<!-- Style to implement "Read more on this Article" link in all the posts (Start) -->
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<!-- Style to implement "Read more on this Article" link in all the posts (End) -->

Save your template.

Next...Click Expand Widget template then place this code after <data:post.body/> (to find it quickUse the same method (ctr+F)

<!-- Code to show "Read more on this article..." Link (Begin) -->
<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more on this article...</a>
</span>
</b:if>
<!-- Code to show "Read more on this article..." Link (End) -->

Save your template.

One last thing to do...Open your dashboard > Setting > Formatting then scroll down to post template, then copy this code below.

Test Post...(Post your text Here)
<span class="shortpost"><a href="BlogItemPermalinkUrl">Shortpost text</a></span>
<span class="fullpost">Fullpost text ...</span>

Or simple option:
Test Post.<span class="fullpost">This line is not shown in the main page</span>

Run a test trial.

Congratulation! now you learn something new. I am not a techie person but i have done it by just following simple steps. Thanks to techdreams.

Related Posts by Categories



0 comments:

Post a Comment

I really love to read your thoughts, Reminder though that I Moderate my blog, If your intention is only to spam think twice.

For those that will comment because you want to share your thoughts i really appreciate your time. "Dofollow" Rules.

 

  © Blogger template 'tbn' by thebuzznutter 2008

Bring me to TOP