This hack is just like “Expandable Post Summaries” ( Read More! Hack ) Hack. Read More! hack needs time to load remaining part of the post or page. But from this hack you need no time to load remaining post summary or page.
Here is the +/- Demo Link
+/-Get Code for Expand/Collapse Post Link
How to Implement :
1. Login to Blogger Dashboard
2. Go to Layout >> Edit HTML
3. Without Expanding your template search for the code ]]></b:skin>
4. Copy and Paste the following CSS code right above the searched code ( or paste in CSS Section ).
| .commenthidden {display:none} .commentshown {display:inline} |
5. Put the following code between <head> and </head>
| <script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script> |
6. When you are writing post paste this following code in the post editor box. Change UNIQUE NAME with some name ( you can give yourname1, yourname2, ..etc ) , letter in red with remaining post summary and letter in blue with title name that you want to show.
| <a aiotitle="click to expand" href="javascript:togglecomments(‘UNIQUE NAME‘)">+/- Title of the post link</a><div class="commenthidden" id="UNIQUE NAME"><p>Rest of the post summary or text that you need to hide</div> |
8. If you want to use this hack often than paste above code in Dashboard >> Settings >> Post Template. By doing this You will see the above code whenever you open your post editor.
| If you like this post, don’t forget to subscribe to RSS feed or Email. |
Your Remaining Post Summary Here