Hiding the code

Do You want to show The Content which is indirectly seen by visitor like some times while you are hosting the health blog you may need to show words that is forbidden be other …then what to do.The answer is to make show hide effect.This is small code styled by JavaScript.
The steps of this tutorials is;

Demo
Show/hide HTML code
Installing in Blogger
- For Post
- For Sidebar
Installing in wordpress

For Post
For Sidebar

A.Showing Show/hide Effect.

1.Demo

You may need demo click Show/Hide what happens.
.
Do You wanna do like this if yes do it

2.Show/Hide HTML Code.

The code of show hide is

The Content which is Visible.
<div id="spoiler" style="display:none"> 
The Content which is to be hidden is kept here
</div> 
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Replace the line 3 as your self while pasting code.
You must give unique id to line 2 if it is to be used more.for ed if you want to add 2 show hide effect next time while using replace spoiler of line 2 to spoiler2.For third time replace with spoiler3
You can change the code.
You may share the code.

3.Installing In Blogger

I.At Post

Go to Blogger.com
Create a Post
Switch the Show/Hide Code.
Insert The Show/Hide code where you want.
Cheers

II.At Sidebar

Go to Blogger.com
Click on design
Click on ‘Add a gadget’
Select HTMl/JavaScript
Add the Spoiler(Show/Hide) code

4.For Wordpress.

I.For Post

Go to Wordpress.com
Click on post
Create a Post
Switch to HTMl mode
Add the Show/Hide code

II.For Sidebar

Go to Wordpress.com
Click on Appearance
Click on widget
Drag text to Sidebar
Add the Show/Hide HTMl code

Subscribe At free
Thank you for visiting FacebookSinker.blogspot.com. Please don't miss any of the updates by subscribing to our RSS feed or email updates.