How to Design Expandable Post Summaries to Blogger 0

Hi friends create Create Expandable Post Summaries for your blog. This trick is very easy to adding on your blogger template , how we can add to our blog follow below simple step to adding on your blog today.

* First Go to your blogger dashboard .

*Click on Design tab.

* Edit html and expand your blogger template.

* Now find </head> with ctrl+f.

* Copy below code and paste it before </head> Tag.

<script language='javascript' src='http://pwam.googlecode.com/files/jquery-1.2.3.pack.js' type='text/javascript'/>

<script language='javascript' src='http://pwam.googlecode.com/files/jquery.expander.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

$(&#39;.excerpt&#39;).expander({
slicePoint: 280, // default is 100
expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
});

});
</script>

* Again find with ctrl+f  below code.

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

* Replace above code with below code......

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>

* And Save your blogger Temp;ate .

Now you are done refresh your blog.

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How to Design Expandable Post Summaries to Blogger ~