Expandable Posts Hack
I get a lot of mails daily from those who wanna know expandable posts hack for blogger, the hack i use is simple and now i will teach you how to do this thanks to Ramani.
1. Find the
</head>
tag in your template and add all the code from this page before it.
2. Find this div for the post-body and add the portion of code in red color.
<div class='post-body' expr:id='"post-" + data:post.id' > <b:if cond='data:blog.pageType == "item"'> <style>#fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>#fullpost{display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <a expr:href='data:post.url'>Read More......</a> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
3. Goto Settings->Formatting and at the bottom, you will find the text box provided to specify the “Post template”. Copy/paste these lines into that text box and save the settings. (Please DON’T type these lines yourself because you might introduce some spaces that will break the functionality)
Type your summary here
<span id=”fullpost”>
Type rest of the post here
</span>
If you create a new post now, it shows you clearly where to type the summary and where to add the rest of the post. Please note that you could also divide some or all of your old posts into summary and full post by editing them. The “Read more” link will appear only for the posts that have been divided like this.
Note 1: If you are not able to find the lines to change, you may not have expanded the template. Select the checkbox named “Expand Widget Templates”, which is right above the template code, to expand it into more code.
Note 2: If you click “Older posts” link, the “Read more” link may appear even for the posts which you haven’t divided into summary and full post. This is a known problem which we haven’t solved yet.
20 Comments on “Expandable Posts Hack”
Hi! I try but blogger give me an error…
i don’t understand why…
tell me the error so i cn help you
I think yesterday was o blogger’s problem. I try again today and it’s ok!
Thank’s!!!
I’m going crazy!! Today blogger don’t give me an error and i save whithout problem. But when i go to my blog i see all the template broken, i don’t explain in English, if you see my blog you understand:
http://comedovequandoguadagnareconinternet.blogspot.com/
If you want, answer here:
enricomaggio@gmail.com
Thank’s!!
mozzy email me your blogger email and password , i ll fix your problem.
hey, this is not working with me. I did everything as it was explained, and also we both are using the same template. Then why it’s not working with me?
my link is –> http://orkut-guide.blogspot.com
there must be something you missed , check tips again ..
^ no gosu, I did everything right. Still thats not happening? I rechecked those things several times, but allas! that’s not working dude!
and also I tried ur method to add a logo. but my site’s description is showing up there in front of my logo. What to do on that?
i used this trick and it worken on me , i will put alternative tricks for your situation wait a min ,
—
edit html , find div id=”header”
and delete the blogger codes after that line
check my template here –> http://jingles.njoy.googlepages.com/mytemplate.txt
it’s done as you said. Still the problem is there…
check my mail dear!
I tried this hack too but no luck. I pasted the code before the head and after the post body section, and saved template.
Then went to settings, formatting, and pasted the post template code, and saved.
When I clicked new post, I saw the code in there but when I type a post it just doesn’t do what it’s supposed to do. Wierd
It doesnt work for me.I always get an error message.Can you message me?pls
what does it say ?
co-sign on that error message, unfortunately
so… can i expect some help / support??
Hi, I fixed problem with this hack. The script in head should look like this.
And the part in body like this.
If you are writing a post, use:
Type your summary here
Type rest of the post here
What’s the point? I changed every “id” to “class” (and also “#” to “.”) and a part in is not necessary.
I don’t understand it, but it works O:)
Edit (some words are missing
):
If you are writing a post, use:
Type your summary here
Type rest of the post here
What’s the point? I changed every “id” to “class” (and also “#” to “.”) and a part in
is not necessary.I don’t understand it, but it works O:)
P.S.: You should allow your readers to edit their commenst
Second edit:
Still there are some missing sentences, so I use “[ ]” at the place of “”. Hope, you will understand:
And when you are writing the post, use:
Type your summary here
[span class=”fullpost”]
Type rest of the post here
[/span]
What’s the point? I changed every “id” to “class” (and also “#” to “.”) and a part in [div class=post-body] is not necessary.
P.P.S.: Gosu, at least you should allow to preview the post