Minggu, 22 Juli 2012

How to Create a spoiler on the blog

How to Create a spoiler on the blog

Some people must already know what a spoiler, especially if you are playing in the forum. Spoiler is definitely used. So what if you want to apply or make a spoiler on the blog? Previously if anyone knows what it is not a spoiler. I jelasin brief. Diguanakan spoiler is the button to abbreviate place or hide content (text, image or video) with the lid open. Examples can be seen at the bottom of this page.

Spoiler can also be made on the blog, more specifically dipostingan. Usually used to make the reader curious to hide it first. To view them by clicking the spoiler button. In addition, to save space, so as to open the lid (spoiler). Then how do I make a spoiler on the blog? Consider the following straight.

A. Login to Blogger
2. Select a New Post or New Entries to make postings as usual
3. Choose the Edit HTML mode when creating a post
4. Use the following script code to make a spoiler:





<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>title Spoiler</b>: <input value="Show" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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;">
Put tPut the text or script code (pictures or video) herehe text or script code (pictures or video) here
 <br>
</div>
</div>
</div>

5.if you want to make it even more repeat the above code and
6.We can change the Title Spoiler at will, as well as Open and Close.
7.Click Publish or Publish Post when done.
 8.If image <img src = "just type in words that




Tidak ada komentar:

Posting Komentar