This is about : How To Create Expandable Post Summaries
And this article : How To Create Expandable Post Summaries
How To Create Expandable Post Summaries
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() {
$('.excerpt').expander({
slicePoint: 280, // default is 100
expandText: '[...]', // default is 'read more...'
});
});
</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 != "item"'>
<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.
Articles How To Create Expandable Post Summaries finished we discussed
A few of our information about the How To Create Expandable Post Summaries, I hope you can exploit carefully
No've You've finished reading an article on How To Create Expandable Post Summaries and many articles about modern home in our blog this, please read it. and url link of this article is https://liveeconcerts.blogspot.com/2015/10/how-to-create-expandable-post-summaries.html Hopefully discussion articles on provide more knowledge about the world of tech gadgets.
Tag :
0 Response to "How To Create Expandable Post Summaries"
Post a Comment