Thank you for taking the time to visit my personal website. Hopefully the information I have presented on this site can be useful and there is knowledge.

Thursday, July 14, 2011

Making Read More (Read more) or Ekspandabel Post in blogspot



If a friend had to change blog template friend, maybe a friend would feel something was missing from the new look blog friends. Look, do not look friendly blog article too long?.If a friend makes an article by a certain length, then all parts of the article will be displayed. This makes it appear less attractive blog friends and readers bother to look at all the title of the article on the front page of blog friends.

It happened because the Companions have not added the code "Read More" (Expandable Post Summaries) in the template friend. If a friend has been added, then only a portion of the article companions are shown. The rest will be hidden and only displayed when the interested reader to continue reading and press the link or button "Read More". 
If friends are interested to make it then the way is the following: 
1. Go into your blogger account. Com friend 
2. Check the settings and then check the page formatting 
3. add the following code in the post box templates 
<span class="fullpost"> 
</ Span> Then Go to the layout 
4. Save 
5. Go to page layout, edit checks Templates 
6. Check the boxes expand widget templates 
7. It is better to download all the templates companions. If there be a mistake Companions lived upload again 
8. Find the following code: 
<div class='post-header-line-1'/> 
<div class='post-body'> 
(Can also like: <div class='post-body entry-content'>, Just search the most similar) 
9. If so, add the following code below: 
<b:if cond='data:blog.pageType == "item"'>
<style>. fullpost {display: inline;} </ style>
<p> <data:post.body/> </ p>
<b:else/>
<style>. fullpost {display: none;} </ style>

10. Look down, friends will find the code: 

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

11.Nah, in between the code: 
<p> <data:post.body/> </ p>

and 
<div style='clear: both;'/> <! - clear for photos floats ->

Add the following code: 
<a expr:href='data:post.url'> Read more>> </ a>
</ B: if>

12. If you've saved the template friend. 


Now try to edit one of the posts Companions: 

Add Code: 
<span class="fullpost"> 

</ Span> 

How: 
1. Type in the Edit HTML 
Choose the best friend wants a summary article a friend, or to be displayed on the page blog friends. Put the code: 
<span class="fullpost">

thereafter. 
2. Code
</ Span>
Companions place at the very bottom, so that the articles will be between code tersebunyi
<span class="fullpost">

And
</ Span>

2. If you have, save it back to the article friend. 
3. Just look at the display blog friends a new one. 
4. Done. 


No comments:

Post a Comment