How To Make Spoiler In Second
>> Sunday, February 28, 2010
Spoiler is a facility installed in a post (articles, blogs, forums, or in the comments) that serves to hide pictures or text/writing. Visitors can click on the button that provided, if they want to see the hiding picture or text. The spoiler works similar as a scroll bar.
The main function of the spoiler is a space-saving, especially if you have lots of large image display on your posts. and the most important is to save your web page loading time.
We can easily make a spoiler into our post, just add this simple Script right on the place where you want to put your spoiler images or text.
<div style="margin-bottom: 2px;">Your Spoiler TitleJust copy and paste the Script above into your post, replace the Your Spoiler Title with your title, and your images or text into YOU CAN PUT YOUR SPOILER IMAGES OR TEXTS IN HERE .
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margi : 0px; padding: 6px;"><div style="display: none;">YOU CAN PUT YOUR SPOILER IMAGES OR TEXTS IN HERE</div></div></div>
Here is the display of the Script above
Your Spoiler Title
You can also set the spoiler display as you like by changing the "Display Setting"
It's quite easy isn't it...??? Well... happy spoiler..
21 comments:
Really nice tips thank your for sharing!There is many tricks and tips for wordpress but it is difficult to find something for bloger.
good news!i love this blog!!!popular wedding dress
Nice post! GA is also my biggest earning. However, it’s not a much.
Hey Thats really nice script, Thanks for sharing..
nice
I though that it was just me the one that was having that problems I quit my mail and now I prefer to watch interesting blogs instead to complicate myself.
Thanks for sharing this useful and informative post for bloggers. It really helps me and i also read you other post which are also good. I bookmarked your blog to get help from your blog.
Regards,
Sophie
This is just like BBcode it seems.
Hi, Some one from facebook refereed your link i have book marked it nice blogs you write see Free Adwords Voucher here
Thanks for sharing this to us, I really enjoyed reading it. Nice work. Hoping for more post to come.
I am absolutely amazed at how terrific the stuff is on this site. Thanks:)
I am really please to know it.
That's great to point up..!
I don't use spoilers in my post. If you want to inform about anything - do it, if not - no.
I would like to read newer posts and to share my thoughts with you.
Interface Network
AH great! No I know. Thanks for the info.
If you want to begin to see the unbelievable post using genuine information as well as statistics, it is really huge impacts upon readers and I admire your composing expertise with the creator.
bicycle storage solutions
I am completely convinced with his thoughts. I have gone through your site information and it is the opportunity that I was looking for facilities, the process that what you are offering , are perfectly matched to my expectation. I will stay in touch for more information.
It is such an honor to have the chance to join the discussion of this great blog site! I want to extend my thanks for this.
tcar leasing deals
I was looking for how to make spoiler and founder you blog. Thanks for code and tutorial.
Thanks for sharing your knowledge with us.
Regards,
Amelie Wakelin
I’m not much into reading, but somehow I got to read many articles in your webpage. It’s fantastic how interesting it is for me to visit you very often.
Post a Comment