Thursday, May 5, 2011

Changing The Fixed Read More Code

This post if for those that added the old version of the Fixed Read More Hack from Spice Up Your Blog.

To replace the code do the following :

Step 1. In your Blogger dashboard click Design > Edit Html > Tick The Expand Widget Templates Box







Step 2. Find the following section of code in your blogs Html : (Click CTRL and F for a search bar to help find the code - More Info)

Tip - If you look for part of the code such as summary_noimg it will help find the entire section.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://spiceupyourblogextras.googlecode.com/files/auto-jump-break.js' type='text/javascript'/>

Step 3. Replace that code with the following code :

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Step 4. Now find this section of code in the same way :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more -></b></a></span>
</b:if>

And replace it with this code :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if>

Thas it, if you still have problems (try twice to make sure) leave a comment on the original post here - Auto Read More For Blogger - this post has comments disabled.