Friday 18 September 2009

Help with "after the jump" stuff and my templates....

So if you don't already know, Blogger has available an "after the jump" feature (read about here) which basically means that you can highlight some of your blog entry and hide it behind a "read more..." link.  Personally, I don't like it much (it's annoying!) but some people like it and that's fine.

To use this feature, it's important that you either use Blogger in draft or by enabling it via the settings tab:




So now, when you go to write/edit a blog post, you'll see you have a more updated editor bar:



fancy!

And you'll see in the above grab I'm pointing to the "jump" function.  Now I'm not going to give you a massive spiel of instructions on how to use this but if you want to know more or if this is all new to you then go here to read the official Blogger info.  It's quite useful.

BUT.... if you're using a modified template then you're going to have to edit your html code to ensure this functionality shows up.

To do so:

1) Go to Layout > edit HTML tab in Blogger

2) Click Download Full Template (you should always do this in case something goes weird and you want to re-install your template).  OK, now we can get down to business:

3) Click on the "Expand Widget Templates" button. OK, now, down to business: click the Expand Widget Templates checkbox, and scan your HTML for the following snippet:

<data:post.body/>


Once you've located that code, paste the following snippet directly below it:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'> <data:post.jumpText/>  </a>
</div>
</b:if>

 Then click SAVE and you're done.


Whilst I did test this and it works, I have no idea how to fix any issues regarding this, so please go to the Blogger help forums if you're having trouble.


7 comments :

  1. Thank you so much Sharnee!!! It is working :D!

    ReplyDelete
  2. This new Feature after google birthday.. yes very useful so we don't needed make blogger hack for readmore function.

    ReplyDelete
  3. I'm not sure when I'll actually use this new feature, but thanks for posting the update so quickly!

    ReplyDelete
  4. You're amazing Sharnee! Thanks a lot! :)

    ReplyDelete
  5. thank you so much have downloaded your daisy design to my blog ... hope that is ok ... my blog address is http://sandyscraftybits.blogspot.com/

    love your yummy lolly site and will visit again

    happy crafting

    Sandy

    ReplyDelete
  6. yes! it worked! thanks so much, I was trying for hours to do this last night, every other code I used wouldn't work. >.<

    ReplyDelete
  7. thank you so much . my blog is perfect !! *i think

    ReplyDelete

If you're having issues, PLEASE leave an email address I can contact you on - and also don't forget to leave your blog URL. Please also read my FAQ which are >>> HERE

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.

Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

Thanks for reading,
Sharnee