How To Create Expandable Post Summaries

How To Create Expandable Post Summaries - It's excellent news that Apple has moved to the seventh generation Intel Kaby Lake processors, we are also pleased to see new graphics cards. Performance is outstanding. The 15-inch MacBook Pro would still benefit from a few other pro features, a 4K display for one, 32GB RAM being another. Yet at the already high price point, Apple may well be saving us from staring down a £3,000+ buying decision. For now, this is the best MacBook Pro but it comes at a cost that alienates new users and with ports that will frustrate pro users. Before you rush out, 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.