Thursday, May 26, 2011

Blogger Inner Zoom

Go To Tutorial >>




Lorem Ipsum

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus,


rss bench newspaper guy small

Dont Miss Another Post Connect With Us !





Get The Latest Full Posts By Email - It's Free







Rss hand drawn logo twitter hand drawn logoHand Drawn Facebook Logo

test

test

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.