Make a Expandable Post Summary
As you can see from my blogs or other blogs, you may encounter that there maybe a little snipet showing "Read More", or "more...." at the end of a post summary. This is particularly good when you have a very long articles. You see a portion of the text at the beginning of each post as the teaser and then click on "Read More" for the full text. I'm going to attempt to make this sound a bit easier and show you how I accomplished this little trick.
You can read through bloggers explanation for Expandable Post Summaries, keep this window open to refer to for the portion of HTML code that will be needed to copy and paste for each section of your template mentioned. Your individual posts will also need a bit of code.
Are you ready to try this? It took me many times of reading this blogger help page over before I would attempt to go for it. Knowing I can always Clear Edits and start over I decided to give it a whirl. After great success, I now have expandable post summaries in all my blogs. I wanted to share this with other new bloggers, so here I am doing my best to make this sound a little easier to accomplish, especially for all those who don't understand all that HTML stuff.
Go to the blogger dashboard, click on your blog name, click on the the Setting Tab and then click on the Archiving Tab to make sure you have Enable Post Pages set to YES, don't forget to save any changes you make. Now click on the Template Tab, scroll down to the area you see in the image below (real close to the top of your template), copy and paste this portion of code from the blogger help page to this portion of your template.
You can read through bloggers explanation for Expandable Post Summaries, keep this window open to refer to for the portion of HTML code that will be needed to copy and paste for each section of your template mentioned. Your individual posts will also need a bit of code.
Are you ready to try this? It took me many times of reading this blogger help page over before I would attempt to go for it. Knowing I can always Clear Edits and start over I decided to give it a whirl. After great success, I now have expandable post summaries in all my blogs. I wanted to share this with other new bloggers, so here I am doing my best to make this sound a little easier to accomplish, especially for all those who don't understand all that HTML stuff.
Go to the blogger dashboard, click on your blog name, click on the the Setting Tab and then click on the Archiving Tab to make sure you have Enable Post Pages set to YES, don't forget to save any changes you make. Now click on the Template Tab, scroll down to the area you see in the image below (real close to the top of your template), copy and paste this portion of code from the blogger help page to this portion of your template.
Follow the example below:

Next you will need to add another bit of html code after the <$BodyItemBody$> tag:
This area will be located about half way down in your template, look for the "post-body" and the $BlogItemBody$ area.
Follow the example below:
This area will be located about half way down in your template, look for the "post-body" and the $BlogItemBody$ area.
Follow the example below:

I changed the Read more! to (Read more...!). This TEXT can be whatever you like. When finished adding the html code in these two areas, preview this and if you see (Read More...!) at the end of each of your posts, you have located the correct areas to copy and paste these two portions of code. If you don't see the "Read More" at the end of your posts, Clear Edits and start over. I'm sure everything will go just fine however, it is always a good idea to have your template backed up. You have now completed the first two steps, close that window and Save Template Changes.
Now go to the Edit Posts section, edit each individual post that you want to add this feature to. Decide where you want to stop the text for that post and insert this html code at that point and also at the end of post is a bit of HTML code that you need to paste.
Now go to the Edit Posts section, edit each individual post that you want to add this feature to. Decide where you want to stop the text for that post and insert this html code at that point and also at the end of post is a bit of HTML code that you need to paste.
View this image for an example:




















0 Comments:
Post a Comment
Links to this post:
Create a Link
<< Home