Monday, March 29, 2010

Make spoiler image / video on posting blogger - megan fox biting dog's nose

Usefulness of this spoiler is an image does not directly appear before clicking the button, such a horrible pictures, and also speed up loading pages.

To do it, use the code below into your post, and change "TITLE" and "YOUR IMAGE or VIDEO" (red text) with your own.


<div><div style="margin: 3px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> TITLE </span></i> <input value="Show" style="margin: 0px; padding: 0px; width: 50px; " 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

YOUR IMAGE or VIDEO

</div></div></div></div>



Example:


megan fox biting dog's nose



megan fox funny picture biting dog's nose

2 comments:

  1. Thanks for the script, it worked perfectly, even after the scripting syntax changes that were done last year.

    ReplyDelete
  2. WOW ... !!!
    Briliant solve :)
    thx a lot for sharing ...

    regard,
    -darwinarya-

    ReplyDelete

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..