hacking the blogger hack, part one

Posted on the October 20th, 2006 under ramblings by rayland

Have you ever wondered how to use the expandable post summaries hack without having “Read more” message appear on every single post? Personally, I find it irritating to have a read more link on a post that doesn’t even need it…

Anyways, I will show you how to hack the expandable post summaries hack using javascript..

First of all, add these codes within your <head> </head> area and right after the closing of your style sheet..

<style>
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
</style>

<script type=”text/javascript”>
var memory = 0;
var number = 0;
</script>

Next, you have to add the following code to your template, somewhere after the <$BlogItemBody$> tag:

<MainOrArchivePage>
<script type=”text/javascript”>
spans = document.getElementsByTagName(‘span’);
number = 0;
for(i=0; i < spans.length; i++){
var c = ” ” + spans[i].className + ” “;
if (c.indexOf(“fullpost”) != -1) {
number++;
}
}
if(number != memory){
document.write(‘<a href=”<$BlogItemPermalinkUrl$>”>Read more…</a><br>’);
}
memory = number;
</script>
</MainOrArchivePage>

For each post that you want to use this feature on, you will need to place this code:
<span class=”fullpost”> </span>

So let’s say that:

Here is the beginning of my post. <span class=”fullpost”>And here is the rest of it. </span>

And that’s it! If you’re wondering if this really works, it does because I just used it on this post.. Hope you enjoy it… and stay tuned I will also show you how to hack the show/hide posts hack.. Until then…

Related Posts with Thumbnails
  • Share/Bookmark

4 Responses to 'hacking the blogger hack, part one'

  1. October 30, 2006 at 1:40 pm
    Claire
  2. October 30, 2006 at 10:26 pm
    rdja
  3. December 19, 2006 at 6:02 pm
    Anonymous
  4. January 26, 2007 at 8:43 am
    rdja

Leave a Reply




XHTML::
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


*
To prove you're a person (not a spam script), type the answer to the math equation shown in the picture. Click on the picture to hear an audio file of the equation.
Click to hear an audio file of the anti-spam equation