Tuesday, March 11, 2014

Display and hide messages,images in your blog.

display/hide text in blogger


This is a special effect which can be added to the blog posts. We can add a Show/Hide button to display and hide texts and images.

It's very easy to do.Only you have to do is start writing a blog post and select "HTML".
Now paste the given code any where you want. 

Replace your message with this words " YOUR MESSAGE" .

And you can change the words "open/close" which I have shown in Red color.  If you change it,it will display your text in the button instead of showing Open/Close

<div id="PBT-fn" style="display: none;">
YOUR MESSAGE
</div>
<button onclick="if(document.getElementById('PBT-fn') .style.display=='none') {document.getElementById('PBT-fn') .style.display=''}else{document.getElementById('PBT-fn') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<br />


See the examples I have given below.





2 comments: