How to expandable post summaries your blogspot

For version template classic I was ever create some experience about it. But always fail. Now I was found the steps to create it.

Steps:

1. Logged to blogger.com, choose which blog you want to edit.


2. Click link Layout then click Edit HTML


3. To be able to edit the template as a whole, you must check / mark / switch Expand Widget Templates


4. Enter the following code below after the code } ]]></b:skin> before tag </head>
   

   
   <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
   



5. Further arranged for the posting cut, look for the code <p><data:post.body/></p> in your template and add the code below:
   

   
   <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'><b>Read More..</b></a>
   </b:if>
   

   
   


6. Well, now how to cut your post on index page, every time you create new post where you want the "Read More.." appear on Index page write the code <span class="fullpost"> and remaining posts until the end.. </span>


7. Example:
   This is the beginning of the news I wanted to cut because it was too long to post up everything, so I need to cut the news reached here only.<span class="fullpost"> And this is the rest of my posting which I will hide and only appear when the post page or link read more ..</span>
   

Done? Not yet! If you want the codes appear every time on your new post dashboard when you wanto to create new post, you just need to setting the Post Template How to do this? it's easy steps.

1. Go to your blog Settings click Formatting Scrolled down and find the form of Post Template


2. Paste the code below:
   

   
   <span class="fullpost">
   
   </span>
   

   
   


3. Done! It may appear on your new post dashboard and ready to used everytime when you need create a new post