How To Create Expandable Post Summaries

How To Create Expandable Post Summaries - The Acer Swift 3 is a near-perfect laptop for those who want an ultraportable, but don’t want to fork out £1000+. Build quality is great, battery life very good, and performance a match for much more expensive laptops. There are just two areas where the low price shows. First, it's a little thicker and heavier than some ultrabooks. It looks good enough, but limited maximum brightness and fairly poor colour reproduction limits its usefulness in certain situations. done a pretty good, well we have collected a lot of data from the field directly and from many other blogs so very complete his discussion here about How To Create Expandable Post Summaries, on this blog we also have to provide the latest automotive information from all the brands associated with the automobile. ok please continue reading:

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Copy and Paste below code immediately 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>

5.Now again, Scroll down to where you see this.

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

6.Replace above code with the following 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>

7.Click on "Save Templates" and you are done.

Help Others by Sharing this post... THANKS.