If you're using Blogger, this is a great little hack that will allow you to have what's called an "Expandable Post Summary" on your home page.
Continue reading links are great because they
Continue reading links are great because they
- Shorten your pages.
- Allow readers to choose an article they'd like to read.
How to do continue reading Entries in Blogger
There are three steps to accomplishing this task.Part 1 - Placing coding in the "Head" Tag.
1. Click Here to copy the code below.
2. Paste the code from the above box into Notepad or Word.
3. Go to your Blogger Edit Html Area.
3A. How to get to the Blogger Edit Html Area
3-1. Go to the create a post section.
3-2. Then click the layout tab.
3-3. Then click the Edit Html button right under the layout tab.
3B. Be sure to check the expand widget templates box!
3-1. Where can I find the expand widgets templates box?
3a. Just above the boxed in HTML
3b. On the far right side.
4. In your Edit HTML Box find the tag.4A. How to find the "head" tag.
4-1. On your keyboard hold down the ctrl key and hit the "F" key.
4-2. In the find box type in and hit the next button.
5. Copy and paste the code in notepad just above the tag.*Keep this page open for the next step!*
Part 2 - Placing coding "data:post.body" tag.
1. Click here to copy the code below.
2. Paste the code from the above box into Notepad or Word.
3. In your Edit HTML Box find the tag.
3A. How to find the "data:post.body" tag.
3-1. On your keyboard hold down the ctrl key and hit the "F" key.
3-2. In the find box type in and hit the next button.
4. Copy and paste the code in notepad just below the tag.*SAVE your Template*
Part 3 - Placing code into the post itself.
1. Copy the code from the box below2. Paste the code from the above box into your blog post. 3. "First part of your post" - Seen on front page 4. "Rest of Entry goes here" - Seen after you click Continue Entry.
Part 4 - In Closing
I will be making a video on how to do this soon. If you really need help with installing this into your own site, feel free to comment this post and let me know. I would be more than happy to help you install the continue reading blogger or just totally do it for you.I hope you enjoyed this Video Blogging Tip. Be sure to subscribe below for more!
37 comments:
thanku bro ..thank u very much ...hope it will work
Shankar. No problem. If something happens and you need help, just let me know.
good poting bro..
i have been implement this post to my blog. Check this out..
javaatsaindra.blogspot.com
Hey Java. I am glad everything worked well for you. Be sure to subscribe for more free blogging tips and AdSense tips.
i have posted 2 articles on my blog using the method above( i repeat the same process for each article) but only my last article has the "continue reading". Why is that?
Hey Beauty. Glad to see you're using another one of my tips. You have to add Part 3 to every single post.
thanx a lot dude nice post
No problem. :)
That's was nice--I spent three hours trying to figure it out. For some reason yours worked.
There any way to do the continue reading on some and not other entries?
Hey Ryan - I am glad that everything worked alright for you. I think mine probably worked because I am using div tags whereas others use spans.
There is no other way to do continue reading on just some of the entries. This is one "Blogspot" negative. It's not as "free will" as something like Wordpress.
thanks!!! You really help me out!! ;)
No problem. I'm glad you like the site.
Thank you so much! HUGE Help!!
No problem. :)
hey I don't have the expand widget template box on my blog...
Arwa - Are you using old Blogger?
Hey, I followed along with your video and it worked, first try! Thanks so much for helping, you are a natural teacher.
Awesome. Glad everything worked well for you. :)
do you have to do these steps EVERYTIME you want to post a continue reading link?
I'm having trouble and im using a MAC
Natalie - Only the second half of them. As for the MAC, that shouldn't make a difference.
hey dude, it's not working here.
i think my layout is different, look this demo..
http://www.eblogtemplates.com/wp-premium-blogger/
i'm having really trouble if this!
I can't copy the code in Safari browser, moreover you have made the tutorial more tougher by adding an extra link for copying the code, its really irritating. No offense bro! just commented so that u could make your tutorial more visitor-friendly :)
Sincerely yours,
www.TECfun.co.nr
http://qiyamah1.blogspot.com
I m extremely sorry the code is copy-able. I wrongly clicked the picture containing the code forgot to click the link " Click Here"
I did everything u said and luckily it did work!!!! Thks for such a beautiful tutorial but I have one question
when I added the two codes to one of my already published post, the code didn't worked??? Why is this so?
Can't we add "continue entry" link to our already published posts?
For Computer tips and tricks, visit me at
www.TECfun.co.nr
http://qiyamah1.blogspot.com
Yes. You can, but you have to make sure that you don't have a closing div or span tag in the way of the code.
what do u mean by closing div?
Do u mean I dont have to add closing div in already published posts?
,plz explain it a bit
Regards,
MOHD___
Mohammad - Try looking up closing div. I don't know what else to try. Let me know if you get it.
Thank you so much!! I understand nothing about HTML and I was able to get it right. Any chance you can help me fix my blog HTML display? For some reason it messes up when I publish.
Thanks
Hadara
thats me -
http://alooks.blogspot.com/
Thanks for the pointers. I crafted one solution for adding the 'full post' links to only long posts, rather than adding to all posts. See:
http://interfaceoff.blogspot.com/2009/04/blogger-add-click-to-read-rest-of-entry.html
Taylor wrote "It seems as if You have come up with a great solution to the problem. :) Great work. I've never been able to solve the issue myself. Thanks for your comment."
Can you video blog how exactly we remove the "Continue Reading" by some posts and have them by others? As of now, we have them by all the posts...
I'd GREATLY appreciate it. If you can't then let me know also cuz then I wont have to keep searching back for your answer. Thanks either way!
-Eli
I currently don't know the other way to do it. I looked at the guys article, but didn't read it through. Also, I currently don't have time to make a video on how to accomplish this. Sorry. :(
No problem. Thanks :)
I'll ask him I guess :)
Keep up the good work.
Thanks dude. Yeah man sorry. Your best bet: Don't be too picky about your blog. What'll really make you money is the content you're providing.
Hello! Very helpful tutorial especially for new one's like me.
soo i did this but the "continue entry" showed up on all my posts.....how do I fix it?
Thanks a lot Taylor, you're an angel :). I'm still very new to blog & I spent 4 days already trying to find a good continue reading widget that really works & you make it happen for me . thanks :)
I have a question: I have a few very short blog entries that do not need toggling/collapsing/expanding. The link to "Continue Entry" still appears at the end of the said short posts though. How do we work around this?
Post a Comment