구글 블로그 사용법 #2 보이기 숨기기 접기 사용법

blogspot에서 접기를 쓰는 방법

VISIBLE CONTENT HERE
<div id="spoiler" style="display:none"> 
HIDDEN CONTENT HERE 
</div> 
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

위의 코드를 HTML 부분에 붙여 넣는다. VISIBLE 부분은 일반 코드를 작성하고, HIDDEN 부분은 숨겨질 내용을 작성한다.
<button> 버튼이름 </button> 버튼 사이를 수정해 이름을 바꾼다.

예시

VISIBLE CONTENT HERE

HIDDEN CONTENT HERE

출처 : http://www.bloggersentral.com/2009/12/create-show-hide-or-peek-boo.html

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest