Add Expandable Posts Hack in Blogger!

Share

Expandable Post summaries are widely used today in every blogs. Using expandable posts or Read More links to blog posts would make your blog more visitor-friendly! This post explains how to add expandable post summaries to Blogger blogs.

Do the following steps:

1. Go to Blogger Layout – Edit HTML – and click Expand Widget Templates
   

2. Search(Ctrl+F) for:
   <div class=’post-body’>

   and paste the following code just after the above line:

   <b:if cond=’data:blog.pageType == “item”‘>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   <b:else/>
   <style>.fullpost{display:none;}</style>
3. Again search(Ctrl+F) for:
   <p><data:post.body/></p>

   and paste the following code just after the above line:

   <a expr:href=’data:post.url’><i><p align=’right’>Continue Reading…</p></i></a>
   </b:if>
4. Finished! Just remember to add these codes in your blog posts:
   (beginning of your post i.e., summary)
   <span class=”fullpost”>
   (remaining part of your blog post)
   </span>

CSS Credit: Blogger Help and Hackosphere
Update Click here to check Blogger’s new Expandable Posts feature. HAPPY BLOGGING!

Share

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

4 Responsesto “Add Expandable Posts Hack in Blogger!”

1. jj-momscashblog says:

   April 11, 2009 at 7:16 pm

   Hey Shafar, I’m not familiar with Blogger at all. I think I get the concept though that even with wordpress it’s like the read more….then it makes the reader have to click to another page to read the rest of the post. Do I have it? But it seems like your saying that w/Blogger your able to do a little more than that… How do you manage to get a post out every day and still do your studies? Keep up the good work.
2. Shafar says:

   April 12, 2009 at 4:23 pm

   @jj-momscashblogHi JJ, you are right! Blogger templates are more customizable than WordPress, but it lacks numerous plug-ins available in WordPress!And about posting, well I think I can’t post an article everyday henceforth for next one month, because my university exams are approaching! But I’ll try for that!Keep in Touch..
3. Gopal says:

   May 2, 2009 at 7:54 am

   i want to know how to add expandable sitemap to blogger.www.theconstructor.org
4. Shafar says:

   May 9, 2009 at 4:13 pm

   @GopalHi Gopal, you can’t add an add expandable sitemap to Blogger. Instead, you can add a Label widget or create an Archives page by referring Blogger Buster’s post HERE.Regards..