몇일전 블로그 방명록을 통해 양깡님이 "블로그 본문 글씨 크기를 방문자가 조절할 수 있게 하는 버튼"이 필요하다며 제작이 가능하냐고 물어오셔서 응답 겸 플래시 블로그줌(flash blogzoom)이라는 것을 만들어 공개합니다. 블로그줌은 두개의 버튼으로 구성되어 있으며 마이너스 버튼을 누르면 2 픽셀 단위로 텍스트(text) 크기를 줄여주며 플러스 버튼을 누르면 2 픽셀 단위로 텍스트 크기를 늘려줍니다. 현재는 티스토리 같은 태터툴즈 기반의 블로그에만 적용이 되도록 했지만 일반 홈페이지에도 적용되도록 해야할 것 같네요. 버튼 디자인은 조만간 보다 이쁘게 수정하도록 할 생각이며 떠오르는 추가 기능이 생기면 곁들여 보겠습니다. 아래 태그 또는 플래시를 가져다 사용하시면 되며 차후 업그레이드 되더라도 수정 없이 그대로 쓰시면 됩니다. 태그의 빨간색 부분을 수정해서 버튼의 크기를 조절할 수 있으며 파란색 부분이 빠지지 않도록 해야 제대로 동작합니다. 참고로 파란색 부분은 자바스크립트(javascript) 사용을 허가하는 부분입니다. 투명 버튼으로 쓰고 싶으시면 opaque 를 transparent 로 바꾸시면 되며 참고로 opaque 는 플래시 위에 레이어를 무시하고 튀어 나오는 현상을 막아줍니다.


[50 x 25 사이즈 블로그 줌 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="50" height="25"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=50 height=25 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>

[100 x 50 사이즈 블로그 줌 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100" height="50"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=100 height=50 type=application/x-shockwave-flash quality="high" wmode=opaque allowScriptAccess=always /></object>

플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info