블로그9 [티스토리] Tistory의 블로그 제목(블로그 타이틀)에 색상 넣기(꾸미기) 티스토리의 블로그 타이틀은 다소 밋밋하게 표시가 되죠."어느 프로그래머의 스마트한 이야기"라는 블로그 제목이 있으면 이 전체의 색상을 바꾸거나 꾸미는 건 쉽지만 부분부분 글자별로 색상을 넣으려면 어떻게 해야 할까요? 이렇게 흰색으로 돼 있는 블로그 타이틀을 아래처럼 부분부분 마디별로 색상을 주려면 어떻게 해야 할까요? 그냥 단순히 CSS 만으로는 불가능하고요.자바스크립트의 replace(), 즉 치환 기능을 사용하면 아주 간단하게 해결할 수 있습니다. 티스토리의 스킨편집에 들어가서 이 변수를 찾아야 합니다.바로 이것이 블로그 제목 즉, "어느 프로그래머의 스마트한 이야기"라고 보여지는 부분입니다.jQuery로 이 부분을 소스로 표현하면... $("header .title a").html();로 표현할 수.. 2018. 6. 28. [BlogChart] 블로그차트에서 내 블로그순위 확인하기 내 블로그 순위가 궁금하다면 클릭해 보세요~ http://www.blogchart.co.kr/ 블로그 url만 입력해 주시면 내 순위가 나옵니다. 이 블로그는 현재 19,113위네요. 언제쯤 4자리에 도달할 수 있을까요? 그래도 상위 1%라고 하니 뿌듯하네요^^ [마이차트]에서 내 블로그를 등록해 놓으면 편리합니다. 인증코드가 제목이나 본문에 삽입된 글을 작성해야 블로그 등록이 됩니다. 티스토리의 경우, 발행까지 해주셔야 합니다. 내 블로그의 순위변동을 챠트로 볼 수 가 있습니다. 다행히 저는 매주 순위가 상승하고 있네요^^ 2015. 6. 17. [구글] Google 블로그(blogger)에 링크(사이트/블로그/웹페이지 즐겨찾기 목록) 가젯 추가하기 구글 블로그에 링크(사이트/블로그/웹페이지 즐겨찾기 목록)를 추가하려면 어떻게 해야 할까요?가젯을 추가하면 간단하게 해결할 수 있습니다. 먼저, 구글 블로그의 관리자페이지의 레이아웃으로 이동해 보세요. [디자인 > 레이아웃] 링크 목록을 추가하고 싶은 부분에서 [가젯추가] 버튼을 클릭하세요. 가젯에서 [링크 목록]을 추가하시고 원하시는 사이트/블로그/웹페이지의 링크 목록을 만들어 보세요. 링크 목록을 다 만들고 [저장]하니 [링크]라는 가젯이 하나 추가가 된 것을 확인할 수 있습니다. 구글 블로그로 들어가서 확인해보니 링크 목록이 잘 나오네요^^ 링크의 가젯 디자인을 바꾸고 싶다면 소스보기해서 CSS를 추가해주시면 되겠네요. 2015. 5. 28. 티스토리(Tistory) 사이드바의 메뉴(최신 포스트, 최신 댓글 등)를 블로그 하단에 보이게 하는 방법 갑자기 사이드바에 있는 메뉴를 티스토리 하단에 위치하고 싶어졌습니다. 어떤 사이트를 가봤더니 그렇게 보이는 게 아주 깔끔해 보이더라구요. 어떻게 하면 될까요? [관리자 > HTML/CSS 편집] 메뉴로 이동해 보겠습니다. 이곳에서 직접 편집하는 게 불편하기 때문에 skin.html에 있는 내용을 Editplus에 옮겨와서 편집을 해보겠습니다. 소스 맨 아랫쪽에 사이드바의 메뉴들을 보여줄 영역을 div 태그로 만듭니다. 이렇게 만들었다면, 가져올 사이드바의 소스를 찾아서 방금 만든 div 태그 안에 넣습니다. 소스를 넣을 때는 복사해서 넣지 말고 잘라내기 해서 넣으세요. 최근에 올라온 글 . 최근에 달린 댓글 . 링크 . 사이드바에서 가져온 소스 저는 [최신 포스트 모듈], [최신 댓글 모듈], [링크 모.. 2015. 5. 15. 네이버 웹마스터 도구에 블로그나 사이트를 등록해서 검색되게 하세요. 네이버 정책이 변경되어서 티스토리 블로그는 '블로그'가 아닌 '웹문서' 검색으로 결과가 나타난다고 하네요. 앞으로는 오직 네이버 블로그만 블로그에 노출을 해주겠다고 하니 좀 씁쓸합니다. 어찌됬든, 네이버 검색에 의존할 수 밖에 없는 현실 속에서 웹문서 검색에라도 노출이 되게 하기 위해서는 '네이버 웹마스터 도구'에 등록을 하셔야 합니다. http://webmastertool.naver.com/ 저는 이미 4개의 사이트가 등록돼 있네요. [사이트 추가] 버튼을 눌러서 사이트를 등록해 주시면 됩니다. 네이버 웹마스터 도구에 등록이 되면, 이렇게 수집현황을 확인할 수 있습니다. 만약, 웹마스터 도구에 등록이 되었는데 며칠이 지나도 네이버에서 검색이 되지 않는다면 [수집요청]에서 URL이나 RSS를 등록해 주시.. 2015. 5. 15. 티스토리 블로그 타이틀 및 블로그설명 꾸미기 및 위치 변경하기 오랫만에 블로그에 들어왔는데, 블로그 타이틀이 너무 휑~하다는 느낌을 받았습니다. 그래서, 아주 예쁘진 않지만 위치도 바꿔보고 나름 꾸며보았습니다. 허접하지만 필요한 부분 도움이 되길 바라며 적어봅니다. 먼저, [관리자페이지 > 기본정보]에서 블로그 이름과 설명을 확인하시거나 변경해 주세요. [HTML/CSS]로 이동해서 블로그 설명을 상단 타이틀 밑에 넣어보겠습니다. 이 부분을 body 태그 밑의 header 안에 넣어주시면 됩니다. style.css 에 아래와 같이 맨 아랫 부분에 넣어주세요./* Tistory Title 꾸미기 */ #header {height:120px; padding:10px;} #header h1 {text-align:center; margin-top:40px; font-siz.. 2015. 4. 16. 티스토리에 프로그래밍 소스코드 넣기 (SyntaxHighlighter 사용) 티스토리에 글쓰기를 하다보면 소스코드를 넣어야 할 때가 있다. 글 속에서 예쁘고 보기 쉽게 소스코드를 구분할 수 있다면 좋을텐데 어떡하면 좋을까? (마치 프로그래밍 툴을 사용하는 것처럼) SyntaxHighlighter를 사용하면 된다. 먼저, 첨부된 syntaxhighlighter_3.0.83.zip 파일을 다운로드 받아 압축을 풀자. 그리고, 관리자 > 스킨 > HTML/CSS 편집 > 파일업로드에서 모든 파일을 업로드 하자. 폴더를 구분해서 등록할 수 없으므로 images 아래에 모두 등록할 수밖에 없다.그리고, 다시 HTML/CSS 편집으로 이동해서 아래 소스를 사이에 입력하자.아래 파일의 소스를 복사해서 넣으면 된다. 자, 이제 SyntaxHighlighter를 사용할 수가 있다. 사용 방법은 .. 2010. 10. 14. 티스토리에서 이전글 관련글을 간단하게 추가하고 꾸미기 포스팅을 하다보면.. 이전에 썼던 글을 링크 걸어야 할 때가 있다. 그럴 때마다 해당 글을 찾아 일일이 링크를 걸어주는 게 상당히 귀찮을 때가 있다. 티스토리는 친절하게 도 이런 기능을 플러그인으로 넣어놨는데 한번 보자. 관리자 페이지 > 플러그인 적용 > 이전 글 링크 삽입 > 사용 클릭~!!! 이렇게 적용을 하면, 글쓰기 화면에서 우측 상단에 '이전 글 넣기'라는 플러그인이 나타난다. 이전 글이 들어갈 곳에 커서를 먼저 위치 시킨 후, '이전 글 넣기' 플러그인을 클릭해보자. 원하는 글들을 검색해서 선택하면 커서가 위치한 곳에 이전 글이 추가된다. 조금 촌스럽다고 생각되면 우측 상단의 HTML을 체크하고 다음과 같이 HTML 소스를 추가해서 꾸며 보자. ... 이전글/관련글 ... 물론, .. 2010. 9. 25. 티스토리 메뉴에서 카테고리를 펼쳐서 보여주려면? 어제 새로운 카테고리를 만들었다. 웹프로그래머인 내가 이제 갤럭시s 뿐 아니라 IT 쪽 관심사들을 블로그에 담아볼까하는 마음에서.. 또한, 티스토리 블로그를 사용하는 나로서는 티스토리에 대해서도 공부해 놓지 않으면 안 될 것 같았다. 그래서, 관리자 메뉴에 들어가 카테고리를 쭉~ 만들었다. 이거 만드는데도 30분이 넘게 걸린 것 같다^^ 그런데, 관리자 페이지에서는 이렇게 카테고리가 잘 보이는데 설정을 마치고 저장을 했는데도 블로그로 돌아가면 이상하게도 카테고리가 접혀 보이는 거다. 이렇게.. 황당했다. 관리자 페이지 그 어느 곳에서도 카테고리를 펼쳐주는 메뉴는 없었다 ㅠㅠ 이렇게 입 꼭 다물고 있으니 참으로 답답하다. 그래서 검색을 해서 결국 찾아 냈다. 누군가가 티스토리 소스를 하나하나 분석해서 카테.. 2010. 9. 17. 이전 1 다음
