블로그팁 (13) 썸네일형 리스트형 [티스토리 팁] 문단제목을 클래스로 지정하여 한꺼번에 관리하기 2011. 09. 30에 추가한 내용. 여러번 테스트 해 본 결과 RSS와 모바일 접속시 CSS출력이 안되는 단점 때문에 부제목 대신 다른 곳에 활용하기로 했다. 이 점 아래 내용을 적용시에 참고 바란다. 예전부터 문단제목이 눈에 잘 띄지 않는 듯하여 손을 보려고 했으나 시간이 없어 하지 못했는데 스킨을 바꾸면서 짬을 내어 수정해 보기로 했다. 그렇게 작업하다 생긴 질문이.... "문단 제목을 언제 다 바꾸지?"였다. 현재 공개로 되어 있는 글이 약 430개 정도인데 그 글을 다 수정하는 것도 문제였지만 나중에 다시 바꾸게 될 것을 생각하니 머리가 아팠다. 그래서 생각한 것이 style에서 class로 지정하는 방법이다. (예전에는 이걸 왜 생각 못했지;;;) 여러 블로거들의 블로그를 참조하여 가장 눈에.. [블로그팁]RSS 및 피드버튼 아이콘 및 설정법 오늘은 사이드바에 RSS피드 버튼 및 SNS사이트의 아이콘을 설정하는 법에 대해서 설명하겠습니다. 블로그 운영에 있어 메타블로그, RSS구독자 관리, SNS연결은 매우 중요합니다. 인터넷 환경이 모바일쪽으로 이동하면서 SNS를 통해서 블로그에 접속하는 사람들이 아주 많기 때문입니다. 여기서는 사이드바에 넣는 것을 기준으로 설명합니다. 본문 하단에 넣는 방법은 따로 포스팅 하겠습니다. 1. 아이콘 설명 우선 아이콘에 대해서 설명드리겠습니다. 아래 아이콘은 제가 현재 사용하고 있는 피드버튼 아이콘으로 총8개로 90 * 90px의 투명배경의 png로 만들어져 있습니다. (요청에 따라 80*80 아이콘도 같이 올립니다.) 순서대로 트위터 2개, 피드2 (일반, 한RSS), 페이스북, 미투데이, 구글리더, 다음뷰.. 티스토리 첫화면 꾸미기 테스트 리뷰 티스토리 첫화면 꾸미기 (이름이 좀 기네요;) 클로즈 베타 테스터로 선정된 이후에 여러가지 테스트를 실시하였습니다. 우선 첫 느낌부터 말씀드리자면 테터테스크보다 진일보 했다고는 하지만 아직까지도 사용자가 원하는 모든 기능을 구현하기는 약간 아쉬워 보입니다. 관련글 [Blog Story] - 티스토리 블로그 첫화면 꾸미기 베타테스터 모집 이벤트 [Blog Story] - 티스토리 첫화면 꾸미기 클로즈 베타테스터 선정! 첫화면 꾸미기 클로즈 베타가 시작되었습니다! [1차 미션 안내] http://notice.tistory.com/1484 이미 많은 분들이 기능이나 설정에 대해서 많은 리뷰를 올려놓으셨을 것이고.... 선물은 환상적으로 포스팅을 하신분들이 가져갈 것으로 생각하기에 저는 눈에 띄는 기능만 간단하.. 티스토리 첫화면 꾸미기 클로즈 베타테스터 선정! 경쟁률이 3:1정도 된걸로 알고 있었는데 운이 좋게 저도 선정되었네요. 솔직히 큰 기대는 안하고 있었는데 선정되었네요. 선정되신분들 아이디 보니까 제가 아는분들과 유명한 블로거분들도 많이 계시던데 부족한 제가 그곳에 이름을 끼워서 좀 민망합니다. 스타2도 베타테스터에 선정되더니... 저는 아무래도 정식테스터보다는 베타테스터가 맞나 봅니다. 흠흠 ㅡ,.ㅡ;; 베타테스터 신청 포스트 [Blog Story] - 티스토리 블로그 첫화면 꾸미기 베타테스터 모집 이벤트 베타테스터 선정 명단 확인 http://notice.tistory.com/1483 사실 요즘 포스팅도 쉽지 않은 상황입니다ㅠㅠ 한참 한가하다가 요즘에는 여기저기서 일이 한꺼번에 빵빵 터지네요. 생각하고 있는 포스팅은 많은데 차분히 앉아서 집필할 시간.. 티스토리 블로그 첫화면 꾸미기 베타테스터 모집 이벤트 티스토리에서 블로그 첫화면 꾸미기 베타테스터 모집 이벤트를 합니다. 아쉽게도 클로즈 베타서비스네요. (스타2와 같이;;) [베타 테스터 모집 안내] -모집기간 : 3월 2일 (화) ~ 3월 10일 (수) -발표일자 : 3월 12일 (금) -활동기간 : 3 월중 2주간 활동 (활동 기간은 베타테스터 발표시 함께 공지) -모집인원 : 100명 [활동 및 혜택] -베타 테스터 미션 : (1) 첫화면 꾸미기의 다양한 기능을 사용하여 내 블로그 첫화면 꾸미기 (2) 2개의 미션을 수행하여 경품 혜택에 참여 (베타 테스터 발표 시 상세 미션 내용 함께 공지) -베타테스터 혜택 최우수 베타테스터 : 넷북 1명 우수 베타테스터 : 아이리버 e북 e스토리 1명 미션별 우수 베타테스터 : 외장하드, 블루투스 헤드셋 등 총.. [블로그팁] 티스토리 블로깅 제5편 - 글쓰기창 및 단축키 티스토리의 장점중의 하나는 글쓰기 에디터창이 다른 블로그들보다 기능이 많다는 것입니다. 사실 이런 기능을 몰라도 포스팅하는데는 큰 어려움이 없습니다. 하지만 가독성이 높고 잘 정리된 포스팅이 독자들에게 인기가 있는 것이 사실이기 때문에 글쓰기창의 여러기능을 블로그 초반에 익혀두고 블로깅을 시작하는 것이 바람직합니다. 상단메뉴 1. 글의 종류 설정하기 글의 종류를 설정할 수 있습니다. 일반적인 글로 설정하면 포스팅글로 카테고리에 저장됩니다. 공지는 사이드바의 공지사항에 저장됩니다. 키워드는 내 블로그 안의 사전이라고 생각하시면 됩니다. 자세하게 설명이 된 포스팅이 있어 링크합니다. http://www.blogacademy.kr/?p=134 서식은 오른쪽의 서식란에 저장이 됩니다. 자주 사용하는 템플릿이 있.. [블로그팁] 티스토리 사이드바 설정하기 아시다시피 티스토리에서 사이드바는 강력한 역할을 합니다. 본문영역을 제외하고 가장 다양하고 핵심적인 역할을 하는 곳이 사이드바입니다. 이런 사이드바에는 플러그인을 통해서 설정하거나 직접태그로 적어넣는 방법도 있습니다. 오늘을 이러한 다양한 방법에 대해서 알아보도록 하겠습니다. 우선사이드바를 설정하는 방법부터 알아보겠습니다. 스킨 - 사이드바 설정으로 들어갑니다. 사이드바가 1단인 스킨의 경우에는 사이드바 메뉴가 1개로 되어있고 제 블로그처럼 사이드바가 2단인 스킨의 경우에는 사이드바메뉴가 두개로 되어 있습니다. 설정방법은 아주 간단합니다. 우선 좌측의 요소를 드래그해서 필요한 부분에 드롭해주시면 됩니다. 좌측에 없는 메뉴는 어떻게 추가할까요? 이미지태그, HTML배너, 스킨수정으로 설정할 수 있습니다. .. [블로그팁] 티스토리 블로깅 - 제4편 관리센터 2/2 1. 플러그인 플러그인 설정은 말그대로 티스토리에 사용가능한 플러그인을 설정하는 페이지입니다. 플러그인설정은 따로 포스팅하여 알아보겠습니다. 여기서는 EXIF정보출력 을 설정해 보겠습니다. 사용하고자 하는 플러그인의 오른쪽에 + 표시를 눌러 창을 연다음 설정/저장 해주면 됩니다. 플러그인은 본문에 바로 적용되는 것도 있고 사이드바에 적용되는 것도 있습니다. 위젯 설정은 사이드바에 설치하여 사용할 수 있는 여러가지 서비스를 말합니다. 위젯설정은 플러그인설정과 같습니다. 사용하고자 하는 위젯에서 + 표시를 눌러 설정창으로 들어간뒤 사용을 눌러주면 됩니다. 유입경로는 내 블로그에 들어오는 방문자들이 어떤 경로를 통해서 들어오는지를 알 수 있습니다. [A] http://----- 로 구성되어 있는데 A부분은 검.. [블로그팁] 티스토리 블로깅 - 제3편 관리센터 1/2 티스토리 블로깅에 대해서는 오랜만의 포스팅입니다. 이번 포스팅에서는 티스토리 관리센터에 대해서 알아보겠습니다. 물론 이건 처음부터 꼭 알아야 하는 사항은 아니지만 알아두면 블로그 운영에 큰 도움이 됩니다. 그래서 이부분은 뺄까도 생각했었지만 집어넣었습니다. 그 덕에 포스팅이 좀 복잡해질 듯 합니다. 그래서 2번 정도에 나누어 포스팅할 예정입니다. 이번 포스팅에서는 관리화면의 순서대로 센터, 글쓰기, 글관리, 스킨까지 설명하겠습니다. 1. 센터화면 위에 보시는 화면이 블로그의 'admin'이나 '관리'를 누르면 나오는 화면입니다. 이 화면은 앞으로 티스토리 블로깅을 하시면 주구장창 보셔야 할 화면입니다. 더불어 잘 이용하셔야 하는 화면입니다. 간략한 설명은 이미지에 적어두었으니 클릭하셔서 크게 보시기 바랍.. 스킨의 CSS분석을 쉽게 해주는 Web-developer 도구모음 서문 CSS파일의 인클루드는 웹페이지의 기능과 디자인을 분류했다는 점에서 획기적입니다. 아시다시피 티스토리 스킨도 보통 위와 같이 skin.html과 style.css 두 파일을 기초로 만들어집니다. 보통은 div나 span을 이용하여 해당부분을 감싼다음 id나 class로 선언하여 CSS파일안에서 조정하는 방식을 이용합니다. 이 방식은 디자인을 한꺼번에 바꿀때나 class에 종속시킬 때 아주 유용합니다. 하지만 한가지 문제점이 있습니다. CSS파일을 바꿀때 선언문들로만 가득차 있어서 해당부분이 어디에 있는지 찾기가 힘들다는 점입니다. 특히나 다른사람이 작성한 스킨을 수정할 때는 어떠한 이름으로 id나 class를 선언했는지 알 수 없기 때문에 더 힘든 경우가 많습니다. 물론 개발자분들이나 태그를 좀 아.. 이전 1 2 다음
