몇일전 블로그 방명록을 통해 양깡님이 "블로그 본문 글씨 크기를 방문자가 조절할 수 있게 하는 버튼"이 필요하다며 제작이 가능하냐고 물어오셔서 응답 겸 플래시 블로그줌(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
[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
트랙백 주소 :: http://hompy.info/trackback/155
-
Subject: [블로거 릴레이] 고마운 웹프로그래머님~!
Tracked from Korean Healthlog 2007/07/04 14:50 삭제블로거 간에 따뜻한 정을 느낄 수 있는 일이 있었다. 내 블로그에 찾아온 손님중 글씨가 작아서 보기 힘들었다고 피드백을 주신 분이 있어 활자 크기를 원하는 대로 변경 할 수 있는 방법이 어디있을까 고민하던중, 내 머리로는 힘들다는 결론을 일찌감치 내리고 웹프로그래머님 홈페이지 (http://hompy.info) 에 방문하여 방명록에 부탁드렸다. 하루가 지난뒤 웹프로그래머님 께서는 블로거줌이라는 멋진 플레쉬를 만들어 공개해 주셨다. 하지만 설치 후 잘..
-
Subject: 홈페이지/블로그 악세사리
Tracked from 날마다 새로운 사건을 꿈꾸는 잡다한 일상 2008/02/26 16:22 삭제오늘 정말 온라인의 무궁무진함에 깜짝 놀라게 되는 날입니다. 가젯, 위젯은 알고는 있었지만 플래시를 이용하여 스크립트를 제어하는 것에 다시 한 번 감탄합니다. 제가 만들고 있던 홈페이지에서 (소규모 모임용 홈페이지입니다.) 글씨크기가 작다고 말씀하시는 분들이 계셔서 아는 한도 내에서 익스플로러의 텍스트크기를 작게, 크게 하는 방법을 알려드렸습니다. (그 홈페이지가 오*에 있어 스크립트의 사용이 불가능했거든요,,,) 그러다 홈페이지에 달력을 넣었으면..


댓글을 달아 주세요
이야 멋진걸 만드셨군요.
이걸로 포스트의 가독성이 한층 향상? ㅋ
블로그를 이용하다보면 글자 크기가 너무 작게 바뀌는 경우가 있을때 필요할 겁니다. 브라우져 메뉴에서 찾아서 사용하거나 단축키로도 할 수 있지만 버튼이 있으면 조금 편리하긴 하겠죠? 여튼 멋지다고 해주시니 감사합니다.^^
히야~ 정말 멋지십니다.
요즘 트랜드와 딱 맞는[?] 그런 가젯이라고나 할까요? ^^
이런거 척척 만드시는 모습이 부럽습니다. ㅠㅠ)b
좋게 봐주시니 기쁘네요. 감사합니다.^^
웹프로그래머님~ 사랑해요~ ^^ (징그럽나요~?)
감사합니다. 정말 존경스럽기도 하고요~!
여성 분이면 감사하며... 남성 분이면 다음 세상에서...^^
좋아하시는 걸 보니 저도 기쁩니다.
웹프로그래머님, 죄송한데 제 블로그에서 작동이 안됩니다. 익스플로러와 파이어폭스 모두 작동이 안됩니다. 아이콘은 이쁘게 나오는데 클릭해도 변화가 없어요.
설치 방법에 대해 안내해주신 글을 여러번 읽고 주의사항을 다시 확인했는데 안됩니다.
설치 위치는 **블로그줌**[ #_article_rep_desc_# ]**북마크꾸러미** 이렇게 했거든요.
혹시 왜 안되는지 알려주실 수 있을까요?
네이트온 메신져 쓰시면 이메일을 비밀댓글로 알려주세요. 친구 등록하고 원격 접속해서 원격 지원 해드리겠습니다.^^
관리자만 볼 수 있는 댓글입니다.
오호.. 좋은 기능입니다.
^^
관리자만 볼 수 있는 댓글입니다.
네^^ 좋은 프로그램들이라고 해주시니 감사할 따름입니다.
안녕하세요.
제가 만드는 스킨에 블로그줌 버튼을 달고 싶은데요
그 스킨을 배포하려면 저작권을 어떻게 표시하면 될까요?
여행용칫솔님, 사용하셔도 됩니다. 저작권은 따로 표기 하지 않아도 좋습니다.
감사합니다.
배포글에는 프로그래머님 출처를 밝히겠습니다.
와~멋진걸요...감사합니다.
좋은 재주도 트렌드에 맞아야 빛을 발한다던데, 그 재주 많이 빛내주세요.
님의 재주가 빛나기 좋은 시기 같습니다.
일반홈피에서도 사용할수는 없나요??
^^
정말, 감사합니다.
잘쓸게요~^^