For the classic version of the template I've ever nyoba, lately a lot of really a question, I ended up looking for news, even met on blogger help, How can I create expandable post summaries?. But do not jump in to try, I've tried several times but failed to reply to follow from blogger help, especially on the style / css.
OK, immediately wrote me tell you how.
1. Log into blogger.com, select the blog that you want to edit, click the Layout link then go to Edit HTML
2. To be able to edit the template as a whole, you must check / tick / enable the Expand Widget Templates
3. Enter the following code before the tag </ head> or just after the code } ]]></ b: skin> like this:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display: inline;}
<b:else/>
span.fullpost {display: none;}
</ b: if>
</ style>
4. Next arrange for post cut, look for the code <p> <data:post.body/> </ p> in your template and add the following code right below it:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More .. </ a>
</ b: if>
5. Well that was interrupted, every time you post, click on the post where you want to post Read More .. appears, and type <span class="fullpost"> remaining posts until the end </ span>. To add this code, when you need to post in Edit HTML mode instead of Compose
Example posting:
This is the beginning of the news that I want to cut because it was too long if all the postings appeared,therefore I need to cut the news to be here. <span class="fullpost"> And this is the rest of my post which I will hide and only appear at the post page or link read more .. clicked </ span>
The end result would post something like this:
This is the beginning of the news that I want to cut because it was too long if all the postings appeared,therefore I need to cut the news to be here. Read more ..
So, Good luck
No comments:
Post a Comment