웅이, 출판과 사는 이야기

“Google 리더로 RSS를 모아서 보고있는데, 줄간격이 너무 좁아서 보기에 불편합니다. 혹시 줄간격을 늘려줄 수 있는 방법이 있나요?”란 질문에 답변을 달다 보니 팁으로 공유해도 좋겠다 싶어 씁니다.

결론부터 말하면 문서 양식(CSS)를 제어하면 됩니다. CSS를 제어하는 확장기능은 대표적으로 stylish가 있습니다. stylish 확장기능을 설치한 후 해당 CSS를 제어하면 됩니다. 오페라는 브라우저 자체에서 CSS를 제어할 수 있도록 지원합니다. (인터넷 익스플로러도 있는지 해서 찾아보았는데 그런 확장기능이 없네요. 찾으신 분은 알려주시길.)


여기서는 예를들어 구글 리더 글꼴과 줄간격을 변경해 보겠습니다.

파이어폭스·크롬
스타일리시(stylish) 확장기능을 설치합니다.
파이어폭스 https://addons.mozilla.org/ko/firefox/addon/stylish/
크롬 https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe


설치하고 나면 스타일리시 아이콘이 생깁니다. 파이어폭스는 브라우저 왼쪽 아래에 있습니다.
www.google.com/reader로 갑니다. 아이콘을 누르고 새 스타일 작성 > www.google.com에 적용을 차례로 클릭합니다.



새로 뜬 작은 새창을 보면 기본 코드가 있고 이름과 태그란은 비어있을 겁니다. .


코드를 수정하겠습니다. 원하는 스타일을 제어해야 하는데 그러기 위해서는 원하는 스타일의 id나 class를 알아야 합니다. id나 class는 여기서 설명하기에는 길어서 생략하고 id나 class는 특정 스타일의 이름이라고 생각하면 됩니다.

해당하는 글의 블록설정한 후 선택한 부분의 소스보기를 누릅니다. 글 본문 있는 곳 앞에 div class="item-body" 가 있는 것을 보아 원하는 곳의 class 이름이 item-body임을 유추할 수 있습니다. (물론 이를 바로 아는 확장기능도 있는데 여기서는 원리만 알려드리는 것이므로 생략하겠습니다.) 크롬은 해당하는 곳에서 오른쪽 클릭 > 요소 검사를 클릭하면 새창이 뜨는데 여기서 알 수 있습니다.



id를 나타내는 기호는 #이고 class를 나타내는 기호는 .입니다. 이건 외워두세요.

@-moz-document domain("www.google.com") 안 괄호{} 에 다음 코드를 넣습니다. 여기서는 나눔고딕, 줄간격 170%로 바꾸어 보겠습니다.

.item-body {
font-family : "나눔고딕";
line-height : 170%;
}



미리보기를 누릅니다. 바뀌었나요? 만일 안 바뀌었다면 강제로 바꾸어라는 명령 !important를 붙여야 합니다.

.item-body {
font-family : "나눔고딕" !important;
line-height : 170% !important;
}

이름에 구글 리더 글꼴 줄간격 변경을 넣습니다. 저장을 누릅니다.


오페라
오페라는 메모장을 열고
.item-body {
font-family : "나눔고딕";
line-height : 170%;
}
를 쓴 후 www.google.com.css로 파일 이름을 주고 구글 리더에 가서 오른쪽 클릭 > 사이트 환경 설정 편집 >내 스타일시트에 www.google.com.css 파일을 지정해 주면 됩니다.


오페라에서 id와 class는 오른쪽 클릭 > 요소 보기를 하면 아래에 별도 창이 뜨는데 여기서 알 수 있습니다.

화장지통 안에 옷걸이 철사를 구부려 양초난로를 만들어 쓰고 있습니다. 쓸만하네요. 이거했다고 해서 온방안이 따뜻해지지는 않지만 책상 밑에 넣고 쓰면 담요를 덮지 않아도 무릎이 시리지 않을 정도는 됩니다. 양초 하나 켜면 다섯 시간 정도 가고(크고 굵은 양초는 12시간 정도, 물론 그만큼 비쌉니다.) 하나에 250원~300원 정도하니까 싸면서 오래가는 난방기구를 찾는다면 고려해봄직합니다. 혹시라도 불날까봐 신경쓰여서 자리에 있을 때만 켜놓고 있습니다.

인터넷 검색해 보면 저보다 잘 만든 분도 꽤 있더군요. 원리는 뚜껑(쇠)를 초로 데우는 겁니다. 양초 불꽃으로 뚜껑이 열을 받고 열을 머금고 발산하여 은근 따뜻합니다. 양초 불꽃이 뚜껑에 닿는가 안 닿는가 여부가 중요합니다. 어떤 분은 뚜껑 위치를 몇 단계로 조절할 수 있도록 만들었더군요.

인터넷에서 검색해 보고 이거 아이디어 좋다고 생각했는데 상업용으로도 나왔더군요. 옥션이나 지마켓이나 11번가 등에서 팝니다. 양초난로라고 치면 낚시할 때 앉아서 엉덩이를 따뜻하게 할 수 있는 상품이 있습니다. 좀 비싸네요, 사오만원 정도합니다. 예전부터 낚시터나 시장에 가면 큰 깡통에 초를 켜고 뒤집어 그 위에 방석을 얹어썼다고 하더군요.

또하나 좋은 점은 환기 문제인데요, 환기를 일부러 하지 않아도 머리가 아프거나 하지 않습니다. 가스난로도 피워봤었는데요 가스난로는 산소를 빨아먹는지 머리가 아프더군요. 건강을 생각한다면 제일 좋은 건 강의실에서 흔히 보던 라디에이터인데 집에서 쓰기에는 여러모로 힘들더군요. 집에서 강의실처럼 스팀으로 데우는 라디에이터를 쓸 수는 없고 쓴다면 전기 라디에이터를 써야 하는데 전기 라디에이터 가격도 가격이지만 전기 먹는 하마더군요. 누진세 때문에 접었습니다.

다음(daum) 자동 로그인하는 방법
모바일 페이지(m.daum.net)로 들어가서 맨밑에 있는 로그인 단추 눌러 모바일 로그인 페이지로 갑니다. 아래 갈무리 화면처럼 로그인 상태 유지 체크 확인하고 로그인하면 됩니다. 이제 pc페이지로 가도 브라우저를 닫았다가 다시 열어도 로그인 상태가 유지됩니다.




네이버 자동 로그인하는 방법
네이버는 위 다음처럼 간단히 되지는 않습니다. 모바일 페이지(m.naver.com)으로 들어가도 비밀번호를 저장하는 칸이 활성화되지 않아요. 비밀번호 저장하는 칸을 활성화하려면 모바일 브라우저를 쓰지는 않지만 모바일 브라우저를 쓰는 것처럼 해야 합니다.

익스플로러8을 쓰는 경우
http://ieaddons.com/us/addons/detail.aspx?id=2040 에 들어가 UAPick User-Agent Switcher 추가 기능을 내려받고 익스플로러 종료 후 설치합니다.


이제 alt키를 누르세요. 한글로 도구 메뉴가 보이죠. 도구 메뉴에 Set UA String이 생겼을 겁니다.


Templates에서 Safari3 iPhone을 택하세요.


save changes 단추를 누르고 네이버 모바일 페이지(m.naver.com)으로 갑니다. 아이디와 비밀번호 저장 칸을 체크하고 로그인합니다. 브라우저를 닫았다가 다시 엽니다. 로그인 상태가 유지됩니다.

익스플로러9를 쓰는 경우
F12키를 눌러 개발자 도구를 엽니다.
도구 > 사용자 에이전트 문자열 변경 > 사용자 지정을 차례로 클릭합니다.

이름에 모바일 사파리, 사용자 에이전트 문자열에 다음을 긁어 붙여 넣고 추가 단추를 누르세요.
Mozilla/5.0 (Linux; U; Android 2.1; ko-kr; SHW-M110S Build/ECLAIR) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17


설정 단추를 누르고


네이버 모바일 페이지(m.naver.com)으로 갑니다. 아이디와 비밀번호 저장 칸을 체크하고 로그인합니다. 브라우저를 닫았다가 다시 엽니다. 로그인 상태가 유지됩니다.


크롬, 파이어폭스, 오페라도 비슷한 방법으로 됩니다. 각 브라우저에서 사용자 에이전트 설정하는 방법은 스토브 훌로구 블로그 글 ( http://stove99.tistory.com/18 ) 을 참고하세요. 오페라는 제 글 (http://woongyee.egloos.com/3657351)을 참고하세요.


※이 방법은 브라우저 쿠키에 로그인 정보를 저장하는 방법이므로 기존 즐겨찾기에 평문으로 아이디와 비밀번호를 저장하는 방법보다 더 안전합니다. 로그인 상태가 계속 유지되므로 피씨방이나 공용 컴퓨터에서 사용하면 위험합니다.