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
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..
29 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
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.
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.
We really enjoyed examining this page! You have good quality materials. I would help you to come up with websites a lot more typically. In this way, possessing this a suitable web site I believe you'll probably rank higher on the internet.
I am happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. Thanks for sharing!
I've scan the internet over 3 hours today, plus your weblog has been the coolest coming from all. Many thanks; it really is useful to me.
Thanks for granting us such an entertaining details, adequately, the Write-up is really outstanding as well as I also appreciate you for writing up a splendid write-up for us, I am will certainly forward it to all my friends I ensure that they have the ability to additionally obtain some data from this post.
This is this type of great resource that you are supplying so you have aside at no cost.
This post has lots of advantage. I really thank you for making things easy especially in making great spoiler in just a second.
This blog site gave me dozen of ideas that could be useful for my blog too. Thanks it was just another motivation to devote some more of time and effort to my start up! Regards
Hi,this didn't work for me,I've tried many other codes but it always comes back as a code in the preview,what can I do?
Thanks
Its not working now i tried it before but now its not working any help would be very thankful
Very interesting blog. A lot of blogs I see these days don't really provide anything that attract others, but I'm most definitely interested in this one. Just thought that I would post and let you know.
Post a Comment