Click here to stop the scrolling List of Tips and Resources for New Bloggers

Stop Google fron Tracking your Searches

Convert to a 3 Column Template

Create more Page Elements on your Header or Footer

Simple and Easy Tricks for Learning HTML

HTML Made Easy for Beginners

Google AdSense Between Posts

Understanding Entrepreneurial Laws

Customize Format and Colors for Google AdSense

Wrap Text Around Google's AdSense

Placing Google AdSense at Bottom of Post

Google AdSense at Top of Post

Beware of Opening Links in New Window

Top 10 Google Searches for Bloggers Resources

If You Remember No Other Traffic Tip, Remember This One

Upgrade New Blogger to Customized Design Template

Increase Your Revenue and Build Community

((Bigger Hug)):Even Bigger Hugs!

Attention to All New Bloggers

Create Your Free Blogger Account

Increase Your Revenue with Page Views

Make Money Using Google's AdSense

Switched to New Version of Blogger/No New Features

Google's Web Search vs. Your Site Search

Copy and Paste HTML/JavaScript Code

Resizing Widgets and Google's Search Box

New Blogger Recipe for Creating a Blog

The Importance of Responding to Your Comments

Add a Site Meter to Your Blog

Copy and Paste Google AdSense

Earn Extra Money

Move Over to New Version of Blogger

Creating Links on Sidebar to Open in New Browser Window

Blogger Links Benefactor

Word of Mouth Marketing

Change the Order of Your Posts

Create a Clickable Link Within Your Post

MyBlogLog Branded Community as my Social Media Network

Checklist for Pre-Publishing to your Blog

Adding a Search Box to my Blog

Creating Links in New Blogger

Creating an 'Email Me' Link in New Blogger

Customize Settings in New Blogger

Content is King

Create your Free Blogger Account

Expandable Post Summaries or Selective post Summaries for The New Version of Blogger

Returning to Beta Blogger Template after Reverting to Classic Template

Checklist for New Bloggers

How to Create Expandable Post Summaries

How to Revert to Classic Template

Testing Beta Bogger

Monday, January 1, 2007

Expandable Post Summaries or Selective Post Summaries for The New Version of Blogger

Expandable post summaries are great to use for those long entries and the HTML code you place in the template works for each and every post you publish. This is a great hack for expandable post summaries by Ramani over at HACKOSPHERE. It works very well, thank you! Go to HACKOSPHERE and follow these steps he has outlined for you to do the expandable post summary for each post.

Open a new window and go to the Dashboard, click on Layout for your blog, click on Edit HTML and you will see Edit Template. Go to the top right and you will need to check the 'Expand Widget Template'. You need to do this otherwise you won't be able to find the area of the template to copy and paste the code that Ramani is referring to.


Selective Post Summaries can be implemented by omitting Step 3 in Ramani's instructions and adding this HTML code from Step 3 to the individual posts that you want to make an expandable post summary. This solves the problem of each and every post having a 'read more' at the end when there isn't anything more to read.

The image below will show the HTML code in red that should be added to your post when you want to make a selective post summary. Edit each post using this HTML code and it will automatically show the 'Read more' at the end of that published post.


Click on image to enlarge

8 comments:

about a boy said...

thank you for all your help. i did this, expand the widgets thing, and now the 'read more' appears on all my posts...and when i click on it nothing shows, even the ones that are obviously truncated.

Sherrykins said...

a boy,
You are so welcome for the help. Continue to review the instructions and make sure you didn't miss one of the steps outlined.

Marco said...

the problem with the hackosphere's hack is that it does not work in IExplorer.

I'm using the Blogger's Help Expandable Posts hack...
but I can't make it work for selective posts :(

Can you help me?

Sherrykins said...

DarkMark,
I don't think IE is the problem. Are you using the Classic Template or the New Version of Blogger Layout? Using the Hackosphere method and adding the span ="fullpost and span HTML code at the end of your post will show the 'read more' for the selective posts.

Please contact me via email to discuss further, I'd be glad to walk you through the process.

Robin L. in TX said...

Merci beaucoups!!!!!!!!
Thank you!!!!!!!!!!!!!!

Tried several of the other expandable codes and ended up with Read More at the top of the post, or read more followed by the entire post, but your help and directions WORKED!

Thank you again!

Robin L. in TX

Sherrykins said...

robin L. in tx

Thank you so much for your comment, I'm so glad the instructions worked for you.

Anonymous said...

Thank GOD! finally..it did it! thank you for your post! really awesome!

Sherrykins said...

lieyza,
I'm so glad I was able to help you out. I went through the same learning curve you are going through and so wanted to share this info with others in a simplified manner.
Don't forget to bookmark my sites for future reference, thank you for visiting and most of all......leaving a comment. You make my day knowing I was able to help one more person!!!! :)