Spoiler to Hide or Show Content at Wordpress

Posted on October 26, 2009 admin

1 Comment

Spoiler at Wordpress

If you want to hide and show again your content with spoiler, and if your blog use wordpress self hosted engine, you can make a spoiler at your post with spoiler plug-in. You can make a spoiler to show / hide your content ( text, image, etc. ).

How to Show or Hide Content With Spoiler at Wordpress ?

To make spoiler at wordpress, we can use the pros of wordpress, that is wordpress have lot of powerful and useful plug-ins.

To find spoiler plug-ins go to wordpress.org and search for plug-in with spoiler tag. Or just click spoiler tag plug-ins. You will find some plug-ins there.

I will give you tutorial / guide with plug-in named Tiny Spoiler. Cause it’s easy and very simple to create spoiler at wordpress. And this plug-in also used by this blog. Follow these steps :

Download Tiny Spoiler plugins and unzip at your plug-in directory.
Active the plug-in.
Now you can make Spoiler at post ( can hide text, image and etc with spoiler ).

To make spoiler to hide and show your content just insert the code above to your post.
<spoiler name="spoiler name / title"] content inside spoiler ( image, text or etc. ) </spoiler]
Change " < " with " [ " .

For example of the spoiler result, Here :


			
				
				spoiler name / title
			
			 content inside spoiler ( image, text or etc. )

If you think the step are too dificult. You also can search another plug-ins to make spoiler with easy like Advanced Spoiler.

Advanced spoiler also simple plug-in that Supports TinyMCE button and quicktags button and animated effects.

GHTime Code(s): 9b630 7be2b 1ad5f

Change Your Wordpress H1 to SEO Dynamic Post Title Most wordpress themes use your blog title at your...
Make Wordpress Link Exchange Page Making link exchange page at your wordpress blog is...
Speed-Up Wordpress, Plug-in to Speed-Up Wordpress Like Faster Xp boot and Speed-Up Firefox. There are...
Long Tail Keyword For SEO and Implement it to Wordpress There are lot people ( include me ) using...
EmoteMaker Free Software to Make Your Custom Emoticon If you want to post or comment at blog,...

Related posts brought to you by Yet Another Related Posts Plugin.

Want to re-Publish This Article to Your Blog?

<h3>Spoiler to Hide or Show Content at Wordpress</h3>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="http://api.tweetmeme.com/button.js?url=http%3A%2F%2Fwantedtext.com%2Fspoiler-hide-show-content-wordpress&source=RizkyWallad&style=normal&hashtags=Blogging,plug-in,Tips,Tricks,wordpress" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<img class="size-full wp-image-300" title="Spoiler at Wordpress" src="http://wantedtext.com/wp-content/uploads/2009/10/Spoiler-at-Wordpress.png" alt="Spoiler at Wordpress" width="407" height="106"  />
If you want to hide and show again your content with <a title="spoiler" href="http://wantedtext.com/tag/spoiler">spoiler</a>, and if your blog use <a title="wordpress" href="http://wantedtext.com/category/wordpress">wordpress</a> self hosted engine, you can make a spoiler at your post with spoiler plug-in. You can make a spoiler to show / hide your content ( text, image, etc. ).
<h3><span id="more-297">How to Show or Hide Content With Spoiler at Wordpress ?</h3>
To make spoiler at <a title="wordpress" href="http://wantedtext.com/tag/wordpress">wordpress</a>, we can use the pros of wordpress, that is wordpress have lot of powerful and useful plug-ins.
To find spoiler plug-ins go to <a title="WordPress › Blog Tool and Publishing Platform" rel="nofollow" href="http://wordpress.org" target="_blank">wordpress.org</a> and search for plug-in with spoiler tag. Or just click spoiler <a title="WordPress › spoiler « Tags « WordPress Plugins" rel="nofollow" href="http://wordpress.org/extend/plugins/tags/spoiler" target="_blank">tag plug-ins</a>. You will find some plug-ins there.
I will give you tutorial / guide with plug-in named <a title="Tiny Spoiler" rel="nofollow" href="http://wordpress.org/extend/plugins/tiny-spoiler/" target="_blank">Tiny Spoiler</a>. Cause it’s easy and very simple to create spoiler at wordpress. And this plug-in also used by <a title="All About Technology Info News and Tricks" href="http://wantedtext.com" target="_blank">this blog</a>. Follow these steps :
<ol>
<li>Download Tiny Spoiler plugins and unzip at your plug-in directory.</li>
<li>Active the plug-in.</li>
<li>Now you can make Spoiler at post ( can hide text, image and etc with spoiler ).</li>
</ol>
To make spoiler to hide and show your content just insert the code above to your post. 
<code><spoiler name="spoiler name / title"] content inside spoiler ( image, text or etc. ) </spoiler]</code> 
<code> 
Change " < " with " [ " .</code>
For example of the spoiler result, Here : 
<code><fieldset class="spoiler">
			<legend>
				<input type="button" onclick="tiny_spoiler('Spoilerdauihnefuc')" id="Spoilerdauihnefuc_button" value="+" />
				Spoiler
			</legend>
			<div id="Spoilerdauihnefuc"> content inside spoiler ( image, text or etc. ) 
			</div>
		</fieldset></code>
If you think the step are too dificult. You also can search another plug-ins to make spoiler with easy like <a title="Advanced Spoiler" rel="nofollow" href="http://wordpress.org/extend/plugins/advanced-spoiler/" target="_blank">Advanced Spoiler</a>.
Advanced spoiler also simple plug-in that Supports TinyMCE button and quicktags button and animated effects.
GHTime Code(s): 9b630 7be2b 1ad5f

Related posts:<ol><li><a href='http://wantedtext.com/change-wordpress-h1-seo-dynamic-post-title' rel='bookmark' title='Permanent Link: Change Your Wordpress H1 to SEO Dynamic Post Title'>Change Your Wordpress H1 to SEO Dynamic Post Title</a> Most wordpress themes use your blog title at your...</li>
<li><a href='http://wantedtext.com/wordpress-link-exchange-page' rel='bookmark' title='Permanent Link: Make Wordpress Link Exchange Page'>Make Wordpress Link Exchange Page</a> Making link exchange page at your wordpress blog is...</li>
<li><a href='http://wantedtext.com/speedup-wordpress-plugin-speedup-wordpress' rel='bookmark' title='Permanent Link: Speed-Up Wordpress, Plug-in to Speed-Up Wordpress'>Speed-Up Wordpress, Plug-in to Speed-Up Wordpress</a> Like Faster Xp boot and Speed-Up Firefox. There are...</li>
<li><a href='http://wantedtext.com/long-tail-keyword-for-seo-and-implement-it-to-wordpress' rel='bookmark' title='Permanent Link: Long Tail Keyword For SEO and Implement it to Wordpress'>Long Tail Keyword For SEO and Implement it to Wordpress</a> There are lot people ( include me ) using...</li>
<li><a href='http://wantedtext.com/emotemaker-free-software-custom-emoticon' rel='bookmark' title='Permanent Link: EmoteMaker Free Software to Make Your Custom Emoticon'>EmoteMaker Free Software to Make Your Custom Emoticon</a> If you want to post or comment at blog,...</li>
</ol>
Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.
Article <a href="http://wantedtext.com/spoiler-hide-show-content-wordpress">Spoiler to Hide or Show Content at Wordpress</a> Brought to You by <a href="http://wantedtext.com" title="All About Technology Info News and Tricks">All About Technology Info News and Tricks</a>. Visit <a href="http:///wantedtext.com" title="All About Technology Info News and Tricks">All About Technology Info News and Tricks</a>For other article and you can re-publish it.

*Paste the code at your post in HTML mode