Articles : How To Create Expandable Post Summaries
full Link : How To Create Expandable Post Summaries
Article Blogging, Article How To, Article Trick, Article tutorial,
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 has been discussed
A few gadget information How To Create Expandable Post Summaries, hopefully can provide benefits to you all.
You're reading an article How To Create Expandable Post Summaries and this article url is https://androidtabletgadgets.blogspot.com/2015/10/how-to-create-expandable-post-summaries.html?m=1 you can bookmark , Hopefully this article could be useful and do not forget to always to this blog to find information on gadget.
Tag : Blogging, How To, Trick, tutorial,
0 komentar:
Posting Komentar