본문 바로가기
반응형

티스토리44

블로그 광고 수익모델-알라딘 TTB2 광고 사이드바 정렬하기 - 티스토리 당신의 광고 정렬은 안녕하십니까? 지금 이 블로그 경우 정렬은 무조건 왼쪽입니다. 군대 에서 할법한 이야기지만 줄을 착착 맞추고 있죠. 그림을 올릴때도 본문 넓이게 가능한 맞게 올려서 정렬이 되어보이도록 하려고 노력을 한답니다. 꼭 그건 아니더라도 정렬을 하고 싶은데 잘 안되는 경우 있으실겁니다. 지금부터 알라딘TTB2 광고를 정렬하는 방법에 대해서 소개해봅니다. (이 팁은 다른 광고의 정렬에도 쓰일 수 있습니다.) 광고 정렬이 안되요. 태이블등을 써서 정렬해도 안되요! 이해를 돕기 위해서 그림을 만들어 보았습니다. 사이드바에 넓이는 200px 입니다. 알라딘 TTB2 광고도 200px 로 맞춰서 올리면 딱 맞게 나와주면 좋겠지만 내부에 책과 실제 외벽과 거리가 좀 있습니다. 파란색 화살표는 정렬을 하고.. 2009. 10. 30.
티스토리 블로그 관리자 글쓰기 버튼 정말 필요한가 티스토리 블로그 기본 스킨을 사용하다보면 당연 정해진 양식 때문이긴 하지만 관리자(ADMIN), 글쓰기(WRITE) 버튼이 있습니다. 보통 header 즉 상단 부분에 위치를 하고 있죠. 그런데 이부분에 대해서 이야기를 좀 해볼까합니다. 스킨을 만드신 분들은 모든 내용을 활용해야하고 모든 상황을 고려해야하기때문에 넣지만, 사용하는 사람(유저) 는 스킨을 수정할 수 도 있고 편집할 수 도 있습니다. 상단메뉴에 관리자 버튼 정말 필요한가. ADMIN , WRITE 버튼은 블로그의 주인 또는 글쓰기 권한을 가진 사람에게만 한하여 쓰일테고, 보통은 단축키를 사용(Q) 블로그를 방문한 사람에게 이 버튼은 의미가 없으므로 개인적인 생각으로는 메뉴에 이걸 궂이 안넣어도 된다고 생각을 합니다. 꼭 두어야한다면 하단으로.. 2009. 10. 8.
XHTML 웹표준 틀리기 쉬운 문법들 블로그 스킨을 수정하면서 틀리기 쉬운 부분에 대해서 이야기를 해볼까합니다. 어렵지 않으니 외워보죠 ^^ 어려운 부분은 넘기시고 붉은색 글자부분은 자세히 보세요! XHTML 을 선언해놓고 규칙을 어긴다 ? skin.html 의 윗줄 일부분 티스토리 스킨의 DOCTYPE 선언 부분입니다. 여러 브라우저에서 다 잘 보이게 하기위해서 "이 문서는 뭐에 맞춰서 만들어졌어!" 라고 알려주는 부분입니다. XHTML 을 선언해놓고 HTML 을 쓰면 안되겠죠. DTD 에는 3가지 형식이 있습니다. strict, transitional, frameset 인데요. 크게 구분하면 Transitional , Strict 가 있습니다. Transitional 는 호환성을 어느정도 준것이고, Strict 는 엄격하게 XHTML 규.. 2009. 9. 29.
티스토리 카테고리 글 더 보기 배경 꾸미기 - 블로그팁 카테고리 글 더 보기 이렇게 꾸며 보자 제 블로그 하단을 보면 카테고리의 다른 글 보기 부분이 조금 다를겁니다. 오른쪽에는 배경이 들어가있고, 기본적으로 나오는 날짜는 나오지 않고 있습니다. CSS 에 맞추어서 카테고리 다른 글 보기 꾸미는 블로그팁에 대해서 소개 합니다. 급하신 분은 붉은색 글자만 읽어보세요 ^^ 카테고리 글 더 보기 꾸미기 절차 1. 플러그인 > 꾸미기 > "카테고리 글 더 보기" 활성화 티스토리관리자 페이지의 플러그인 설정에는, 카테고리 글 더 보기 라는 설정이 있습니다. 이 옵션을 활성화 해 줍니다. 2. 카테고리 글 더 보기의 여백부분에 넣을 그림을 선택 후, 자신의 스킨에 업로드 합니다. 무료 아이콘 좋은곳이 많군요 관련된곳을 엮어봤습니다. Bloggertip.com (제트님).. 2009. 9. 28.
파이어버그로 티스토리 스킨 미리 수정하기 블로그 스킨을 수정해주는 작업을 최근에 하고 있습니다. 그런데 어떤식으로 미리 확인을 해보는지 궁금해하는 분들이 계셔서 간략하게 글을 적어볼까 합니다. Firefox 는 현재 세계적으로 점유율 2위의 많은 부가기능과 강력한 기능으로 사랑받는 인터넷 브라우저 중 하나입니다. Firefox 의 부가기능 중 하나인 Firebug 를 이용해서 스킨을 미리 고쳐보는 방법에 대해서 소개해보겠습니다. Firebug 설치 제가 Firebug 를 알게된것은 윤초딩님이 소개해준 Firefox의 부가기능 Firebug 에서 입니다. Firefox 를 설치 또는 무설치판을 이용해서 켠 뒤, 윤초딩님의 파이어폭스 확장기능 웹개발자필수 firebug 편 을 확인하셔서 설치합니다. Firebug 의 원리는 ? Firebug 의 원.. 2009. 9. 20.
블로그 방문자 늘리기 - 아이태그 활용해보자 이 연재글의 사실의 목적글이기도 하다. 꼭 정해서 타켓팅으로 글 쓰는걸 좀 자제하는 편이긴 하지만 아이태그 베타테스터 같은 느낌으로 글을 적어보겠다. 아이태그는 파란에서 서비스하는 서로를 역어줄수 있는 단어 검색 서비스라고 생각합니다. 실제로 파란검색 사이트에서 단어를 검색한것과 비슷한 결과화면을 보여주네요. 하지만 이렇게 등록을 해놓고 단어를 선점할 수 있다면, 확실히 효과는 볼 수 있을것 같습니다. 먼저 아이태그를 등록을 먼저 해보겠습니다. 아이태그에서 아이태그 등록을 누른뒤, 자신이 등록하고 싶은 키워드를 입력합니다. 키워드 입력할때는 2가지 단어를 조합해서 넣을 수 있도록 되어있네요. 아무래도 많은 검색내용이 나오도록 하는 배려가 아닐까 하는생각이 듭니다. 자신의 블로그내용을 대표할만한 단어를 조.. 2009. 9. 6.
블로그 방문자 늘리기 - 댓글은 구름을 타고 블로그를 하면서 재미를 느끼는 부분은 아무래도 댓글일지도 모른다. 자신의 블로그를 열어보고 가장 먼저보는것도 이부분일테니 말이다. 처음 시작한 블로그에 있어서 다른사람이 댓글을 달아주는것은 너무나도 신기한 일일 것이다. 최근에 아는분께 블로그를 가르쳐줬지만, 자신의 블로그에 댓글이 달리는것을 보고는 "어떻게 보고 들어와서 글을 다느냐" 며 신기해 했었다. 사실 필자도 처음 블로그 시작할때 제일 재미있었던 사건도 바로 댓글이었다. 즐거운 댓글이 달리면 하루 종일 기분이 좋을정도였다. 그런데 자신의 블로그를 거미줄처럼 만들어놓는경우가 있다. 바로 오는 댓글만 기다리는것이다. 댓글 오기만 해봐라 잡아주리라! 너무 하지 않는가. 이것은 어떻게 보면 수동적인 방법일 수 도 있다. 블로그에 있어서 댓글을 통한 커뮤.. 2009. 9. 6.
블로그 방문자 늘리기 - 검색사이트 메타사이트 활용하라 사실 처음 시작한 블로그가 검색사이트에 검색되기는 쉽지는 않다. 검색사이트에 사이트를 등록을 하더라도 무료(일반) 으로 등록할 경우 시간도 걸리지만 심사도 조금은 까다롭기에 신청을 해놓아도 컨텐츠가 충분하지 않다면 떨어지기 때문이다. 하지만, 반드시 거쳐야 할 관문이다. 실폐하더라도 계속 블로그에 글을 적으면 계속 신청을 해야한다. Fallen Angel 님 블로그에 검색사이트에 대해서 모아둔 글이 있네요. 2차 도메인 신청 후 유용했던 글입니다. - 네이버 홈페이지 등록 - 다음 홈페이지 등록 - 엠파스, 네이트닷컴 홈페이지 등록 - 구글 홈페이지 등록 - 파란 홈페이지 등록 - MSN 라이브서치 - 야후 홈페이지 등록 - 야후 홈페이지 등록 - 드림위즈 홈페이지 등록 네이버 는 아무래도 티스토리에서는.. 2009. 9. 6.
블로그 방문자 늘리기 - 주제에 맞는 스킨, 꾸미자 공개된 스킨은 많이 있지만, 똑같이 쓰다보면 아무래도 다른 블로그와의 차별성을 둘 수 없습니다. 같은 스킨을 쓴다면 제목정도만 다를테니 구분하기가 힘들겠죠. 사이드바에 한번보면 잊지 않을정도로 잘 어울리는 이미지를 두거나, 또는 상단에 이미지를 자신의 블르고 주제와 어울리게 둔다면 구분하기 편할겁니다. 기본으로 제공하는 스킨 중 하나입니다. 깔끔하게 잘 만들었네요. 하지만 많은사람들이 비슷한 스킨을 쓴다면 사실 사람들에게 각인 시키기는 쉽지는 않습니다. 기본적으로 나오는 스킨이 나쁘다는 뜻은 아닙니다. 기본스킨만 쓰고 제목만 정해서 쓴다면 비슷한 스킨을 본 사용자라면 큰 흥미를 느끼지 못할지도 모릅니다. 내용도 중요하지만 약간의 디자인도 중요하다는 말이 되겠네요. 상단의 이미지나 , 메뉴의 구성 , 사이.. 2009. 9. 6.
블로그 방문자 늘리기 - 블로그 처음 시작 하기 하루에 10 명정도 방문하는 블로그에서 1000 명정도 하루에 방문하는 블로그로 도약하기 위한 연재글을 적어 보겠습니다. 최근에 저는 .com 도메인을 구매해서 2차 도메인으로 옮겨 갔습니다. 나름대로 좋은 글을 적으려고 노력했고 주말이나 휴일에도 열심히 글에 매진한결과 그래도 퍼머링크랭킹도 조금 올라가고 꾀 검색도 되긴했었죠. 하지만 도메인을 옮겨오고는 뭔까 한번에 뚝떨어짐을 느꼈네요. 도메인 구매는 뭔가 버리고 새로 시작한다는건 있었지만, 처음부터 다시 시작해보자는 용기도 있었기에 결정한 일이었죠. 사실 이글은 저를 위한 글 이기도 하네요. 방문자가 많이 들어오는 블로그 , 파워블로그 , 인지도가 있는 블로그 , 도움을 주는 블로그 , 블로그에 관심이 많은 블로거, 돈을 벌기 위한 블로그 등등 여러가.. 2009. 9. 6.
티스토리 블로그 스킨 분석해보자 - 둘째편 이전글 보기 : 2009/04/21 - [Useful Tips] - 티스토리 블로그 스킨 분석해보자 - 처음편 * 개요 티스토리 블로그 스킨에 대해서 전반적인 이야기를 해보겠습니다. 실제 스킨의 코드를 보면서 살펴보죠. 너무 전문적인 내용은 링크로 대체하겠습니다. 틀린 점이 있다면 지적해주시면 감사하겠습니다. 수정하도록 하겠습니다. * 참고주소들 : http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=4 http://www.mozilla.or.kr/ko/docs/web-developer/web-standard-guide-2005.pdf * 테터툴즈 스킨 레이아웃 간략 보기 티스토리 스킨의 일반적인 구성도 container 안에 상.. 2009. 7. 23.
티스토리 블로그 스킨 분석해보자 - 처음편 * 개요 티스토리 스킨에 대해서 분석해보면서 자신의 블로그도 스킨을 수정할 수 있는 기술을 배워보도록 하겠습니다. 그 첫번째 시간으로 스킨을 수정할때 주의해야할 점과, 관리 , 수정하는 방법들을 설명합니다. [잘못 쓰여진 글이 있거나 기술적으로 문제가 있는부분은 테클을 걸어주시면 감사하겠습니다. 수정을 받아들여 수정하겠습니다] * 파일설명 티스토리 스킨은 테터툴즈에서 따온것이기 때문에 일정한 규격에 맞추어서 만들어져 있습니다. skin.html - 뼈 골조가 되는 스킨파일 style.css - 살을 붙여주는 부분 * 스킨수정시 주의할 사항 티스토리 스킨 관리를 보면 Skin.html 과 Sytle.css 를 수정할 수 있습니다. (티스토리 > 관리자 > 스킨 > HTML/CSS 편집) 보통의 경우 이 편.. 2009. 4. 21.
티스토리 사이드바 그만 날려보자 (테그영구 보관) 티스토리 사이드바 그만 날려보자 문든 스킨에 어떤 부분을 추가해보고 싶어서 티스토리 관리자페이지에서 HTML/CSS 편집에서 Skin.html 을 조금 수정을 했다 그런뒤 저장버튼 클릭 그런데 사이드바가 원래모양 (처음 셋팅시)으로 돌아와버렸다 애써서 안전모드에서 태그 입력기에 테그 입력해둔것이며 여러가지것들이 그냥 날라가 버렸다 .. 사실 날라갔을때 다시 입력하기 편하게 하려고 테그를 따로 컴퓨터에 파일을 만들어서 보관을 해왔었다 그런데 최근에는 "뭐 날라가겠어 설마" 하는 맘으로 게속 미루어 왔었는데 날라가고나서 찾아보니 최근에 저장해둔것이 없었다 애써서 여러가지것들을 꾸며놨는데 날라가다니 .. 그래서 원천적으로 테그는 안날라가게 하는방법이 없을까 하다가 Skin.html 안에다가 사이드바에 들어가는.. 2008. 1. 4.
자신의 티스토리 영어,일본어 페이지 만들자 자신의 티스토리 영어,일본어 페이지 만들자 위에 두 그림을 살펴보면 위에건 자신의 블로그가 영어로 해석이 아래페이지는 일본어로 해석이 되어있습니다 어려 사이트를 들러보면서 해석을 해주는 페이지를 찾아서 쓴것입니다 저런 페이지를 만드는 방법을 소개 하고자합니다 제블로그 오른쪽 상단을 보면 저렇게 아이콘이 보입니다 차례대로 영문페이지번역 , 일본어페이지 번역 입니다 # 제가 실제 사용중인 코드 내용입니다 # 코드를 설명드리자면 //영문페이지로 번역을 요구합니다 붉은색 글자부분을 자신의 블로그 주소로 수정을 하면 됩니다 // 영문페이지 번역 아이콘을 말합니다 링크를 그대로 사용하셔도 됩니다 저는 이 이미지 지울일이// 없기 때문이지요 //일본어 페이지 아이콘입니다 이부분도 그대로 사용하셔도 됩니다 붉은 색 부.. 2008. 1. 1.
반응형