If your post is too long, then you think to cut some of your post. We can Expandable Post Summaries from our blog. Don't do it, because with few modification on yor layout, we can hide some post by the "read more" link. Note that you'll need to have post pages enabled in order to make this feature work and use XML blogger template.
And now let's do it.
Follow Step 1
After login with your Google Account to your blogger, lets go to Layout tab
Go to Edit HTML tab. Then click Expand Widget Templates
After that, find } ]]></b:skin code (you can press Ctrl + F from your keyboard and type } ]]></b:skin).......
Code Box for Blogspot

Final result :
this is for example
This tutorial assumes that you have at least little bit knowledge of working around with templates. This Professional looking Code Box can also be used with Wordpress, but here I am taking the example of Blogspot. Also this Code Box comes with a hover effect, that is when you hover your mouse over this the color changes.
Here we start:
Login to Blogspot and on your Dashboard choose the blog for which you want......