본문 바로가기

TBlog/TStory Skin / Tip

구글 플러스 원 (+1) 버튼 설치 애드센스 계정에 들어가보니 구글플러스의 +1 버튼을 추가해 보라는 글이 나옵니다. 그동안 소셜 네트워크 서비스에 부진했던 구글이 최근 강력하게 밀고 있는 서비스가 바로 구글 플러스입니다. 최근까지도 기존에 제공해왔던 서비스를 새롭게 개선해서 업데이트 하고 있는데요. 구글의 플러스원 버튼은 다음 뷰나 페이스북의 ‘좋아요’ 버튼과 유사한 기능을 가졌습니다.구글플러스 이용자들이 정확하고 추천할만한 웹문서의 플러스원 버튼을 추천하면, 구글 검색결과에서 구글 서비스를 사용하는 다른 친구들에게 웹문서를 소개(공유)할 수 있으며, 일반 사용자들에게는 추천수만 표시된다고 합니다.(구글 미국 검색에 한해서..) 국내 검색엔진 유입율은 네이버가 압도적이지만, 그렇다고 구글의 검색유입률도 무시할 순 없는데요. 구글 플러스원.. 더보기
티스토리 블로그 카테고리 펼치기 티스토리 블로그를 개설하고 Life in Mono 스킨을 적용하고 나서 확인해보면 카테고리가 닫혀져 있는 상태입니다. 티스토리의 기본설정이 카테고리가 접힌 형태더군요. 방문자들에게 카테고리 구조를 쉽게 알려주기 위해 관라자 페이지에서 수정할 부분을 찾아봤지만, 이와 관련된 설정을 찾을 수 없었습니다. 알아보니 티스토리는 HTML 수정을 통해 카테고리를 항상 펼침 상태로 설정할 수 있습니다. 변경 전(접힌 카테고리) ➔ 변경 후(펼친 카테고리) ♦ HTML/CSS 편집먼저 관리자 페이지에서 [꾸미기]➔[스킨]➔[HTML/CSS 편집]으로 가서 Skin.html 부분에서 Ctrl+F로 카테고리에 해당하는 '##_category_##'을 찾습니다. 다음 그 아래에 다음의 스크립트를 추가하시면 됩니다. (주석부.. 더보기
티스토리 단축키 활용과 추가 설정 티스토리 블로그를 개설한 지 두어 달 정도 지났는데 글을 작성할 때마다 오피스 프로그램에서도 일반적으로 많이 쓰이는 단축키 정도는 티스토리에서도 지원해 주고 있어 유용하게 쓰고 있습니다. ◈ 티스토리 기본 단축키 어떤 단축키가 쓰이는 지는 2002년 3월말 개편되기 이전의 글쓰기 에디터에선 F2를 누르거나 물음표를 누르면 지원되는 단축키 목록을 살펴볼 수 있습니다. 저에겐 굵게(Ctrl+B), 밑줄(Ctrl+U) 이나, 실행취소(Ctrl+Z) 같은 건 원래부터 많이 쓰던 키들이라, 몇가지는 금방 익숙해지더군요. 글쓰기에서 단축키가 적용되는 건 자연스레 알게 됐지만, 티스토리 블로그 자체에도 단축키를 지원해주고 있었다는 사실은 최근에야 알게 됐습니다. ❖ 티스토리 기본 단축키 ▪ Q : 관리자 페이지▪ A.. 더보기
불필요한 HTML 소스, 태그나 속성 정리해주는 사이트 Api를 지원해주는 블로그에서 아래한글이나 워드로 작성한 후 업로드 할 수가 있는데, 아래한글이나 워드로 작성한 문서를 티스토리 블로그로 올린 후, HTML보기로 자세히 살펴보면 불필요한 태그가 많이 생성됩니다. 이런 불필요한 태그들을 정리해주는 사이트가 있는데, 바로 wordoff와 국내 사이트의 html.segio.com이 있습니다. ✓ wordoff ♦ wordoff : http://wordoff.org/ wordoff에선 화면의 입력란에 HTML을 복사해서 붙여넣어 준 후, 버튼을 클릭하면 자동으로 태그들을 정리해줍니다. 테스트 삼아 티스토리 블로그에 올린 글 중 하나를 정리해줬습니다. 실행해 주니 이것 저것 많이 정리해서 깔끔하게 정리된 HTML이 나옵니다. 이 정리된 HTML을 다시 티스토리 .. 더보기
색상표, 색상코드, 색상코드표 티스토리 블로그 스킨을 수정하다보니 색상코드표가 거의 필수인거 같습니다.; 글자색 하나 바꾸려고 색상코드를 계속 검색해서 찾다보니 여기에 들어가는 시간도 만만치 않고 해서 웹상에 떠도는 HTML 색상코드표를 구해다가 적당히 수정해서 올렸습니다. 정확히 원하는 컬러코드를 얻지는 못하지만, 그래도 대략적인 색상계열을 선택해서 작업시간을 좀 더 단축시킬 수 있을 거 같습니다. 필요한 색상을 드래그하거나 더블클릭으로 블록을 지정해서 복사해서 쓰시면 됩니다. :) 색상코드표 #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA.. 더보기
티스토리 블로그 스킨 수정 - 표나 박스의 배경색 변경 티스토리 에디터로 작성하지 않은 외부 라이터에서 쓰인 표나 박스를 삽입할 경우 Life in Mone 스킨에서는 자동으로 회색의 배경색이 채워집니다. 간혹 표를 삽입하거나 애드센스와 같은 광고를 삽입할 경우 광고 이외의 빈 여백에는 이렇게 자동으로 회색으로 채워지게 됩니다. 별거 아닌 것 같지만 때에 따라 거슬리게 되는 부분인지라 이번 포스팅 에서는 본문 내 표나 박스내부의 배경색을 원하는 색상으로 변경하는 방법에 대해서 살펴봤습니다. 표나 박스의 배경 색상 변경하기 표나 박스는 보통 table 이란 태그로 지정되는데 블로그 포스트 본문 부분의 table 속성을 변경하는 방법은 관리자 페이지에서 [꾸미기]➔[스킨]➔[HTML/CSS 편집]으로 가서 Style.css 수정탭에서 Ctrl+F로 'articl.. 더보기
티스토리 블로그 스킨 수정 - 하이퍼링크, 링크색 및 밑줄 제거 Life on Mono 스킨의 링크가 걸린 문구는 기본적으로 회색으로 표시되는데, 눈에 잘 안 띄는데다가 이전의 외부링크 이미지를 설정해주면서 하이퍼링크 이미지와 문구를 일관성 있도록 변경해주었습니다. Life on Mono 스킨의 하이퍼링크 색상 및 속성을 변경하는 방법에 대해서 정리했습니다. 하이퍼링크 속성은 Style.css에서 Ctrl+F로 ‘entry .article’ 로 검색하다 보면 아래와 같은 부분을 찾을 수 있습니다. ▶ .entry .article a {color:#8A8A8A; text-decoration:underline; } 이 부분을 통해 본문에 링크가 걸린 문구의 글자색이나 밑줄 등 모든 속성을 변경할 수 있습니다. 1. 하이퍼링크 밑줄 제거하기 여기서 underline을 수정.. 더보기
티스토리 블로그 스킨 수정 - 태그 아이콘 및 글꼴 변경 일반적으로 많은 양의 글을 분류하기 위해 기본적으로 카테고리를 두지만, 이를 보완하기 위해 태그를 입력하여 분류에 도움을 주기도 합니다. 티스토리에서도 태그 기능을 지원하고 있습니다. 간략하게 티스토리 Life In Mono 스킨의 태그 부분 아이콘 및 글자크기와 글꼴, 글자색 등을 변경하는 방법을 알아봤습니다. 1. 태그 아이콘 변경하기 ➔ Life In Mono 스킨의 기본적인 태그 아이콘 이미지의 파일명은 ‘txt_tag.gif’ 인데, 변경할려고 하는 이미지 파일은 이와는 다른 이름으로 올립니다. 여기서는 ‘txt_tag02.gif’ 란 이름으로 티스토리의 관리자 페이지 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드 항목을 이용하여 업로드 했습니다. 다음, 관리자 페이지의 [꾸미기]➔[스킨]➔[.. 더보기