Code for Expand Post

How to Implement Code for expand post view or read more?


For implement this code in blog template follow these steps.

Remember before making any changes download your template so

you can revert it later if you want.

1. Login to your Blogger account.
2. Then go to layout.
3. Click edit html.
3. Mark in the box Expand Widget Templates.
4. Find( ]]></b:skin> ) or you can just do this
press ctrl-f and copy paste in box and search.
5. Copy paste code given below in colored box just below it.

<!-- Style to implement "Read more on this Article" link in all the posts (Start) --> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> <!-- Style to implement "Read more on this Article" link in all the posts (End) -->

6. Pres again ctrl-f and find this code ( <data:post.body/> )
copy and paste code given in colored box below this code.

<!-- Code to show "Read more ..." Link (Begin) -->
<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more ...</a>
</span>
</b:if>
<!-- Code to show "Read more..." Link (End) -->

7. When you publish post and want to hide some part, then
use this code and place all that piece of post which you
between want to hide between this code.

<span class="fullpost">
place here what you want to hide.
</span>

Share: