Home » » How To Make Spoiler In Blogspot

How To Make Spoiler In Blogspot

How To Make Spoiler In Blogspot - Assalamulaikum my friends and all readers of this blog, how is all, that I am representing my sentence and you are still very tight brotherhood and also started this post entitled How To Make Spoiler In Blog.

Not a few of my friends who ask me how How To Make Spoiler In Blog? so I had the initiative to post on this blog so that later if there is a friend who asked me not to answer my rather simple chat send me the link so easily answered and he (the questioner) easy to understand.

But before we go the way of making it is better if we know what it is and what its usefulness Spoiler. Spoiler I think it is a technique or a way to hide either part or all of the text, images, or video even with all the commands that usually use writing Open and Close or not and closed. So with the key we can read the contents of the spoiler if currently closed. In addition to the above uses Spoiler can also beautify the content of our blog.



The trick as follows:
Sign in to your Blogspot account
Select New Entry to post
Choose the HTML mode when creating a post

or Select Design >> Add Gadget >> Java script
Use the following script to create a spoiler:


Sample Spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Sample Spoiler</b>: <input value="Open" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Enter a sentence, the image code, or java script here
 <br>
</div>
</div>
</div>




Note:
The word is the title of the Sample Spoiler spoiler (which is located to the left of the Open / Close). You can change your own.
The word Open and Close are the key words contained. You can change it as you wish

Enter a sentence, the image code, or java script here
is where text, images or videos.

RELATED ARTICLES

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

Written By : TEKNIK INFORMATIKA UIM ~ Blog which contains all of the search buddy from blogspot tricks, design, linux operating system and all of what I have experienced daily written here

ArticleHow To Make Spoiler In Blogspot This article was written By TEKNIK INFORMATIKA UIM on day . Thank you for your visit and your willingness to read this article. Criticisms and suggestions can you convey through the comment box.
 
Support : Creating Website | Johny Template | Mas Template | KAPAK Comunity | Komunitas Blogger Madura
Copyright © 2011. ROSYID TEKNIK | LET'S LEARN LINUX | BLOGGER | WORDPRESS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger

Follower Rosyid