본문 바로가기

인터넷/컴퓨터/티스토리30

[티스토리] Tistory의 블로그 제목(블로그 타이틀)에 색상 넣기(꾸미기) 티스토리의 블로그 타이틀은 다소 밋밋하게 표시가 되죠."어느 프로그래머의 스마트한 이야기"라는 블로그 제목이 있으면 이 전체의 색상을 바꾸거나 꾸미는 건 쉽지만 부분부분 글자별로 색상을 넣으려면 어떻게 해야 할까요? 이렇게 흰색으로 돼 있는 블로그 타이틀을 아래처럼 부분부분 마디별로 색상을 주려면 어떻게 해야 할까요? 그냥 단순히 CSS 만으로는 불가능하고요.자바스크립트의 replace(), 즉 치환 기능을 사용하면 아주 간단하게 해결할 수 있습니다. 티스토리의 스킨편집에 들어가서 이 변수를 찾아야 합니다.바로 이것이 블로그 제목 즉, "어느 프로그래머의 스마트한 이야기"라고 보여지는 부분입니다.jQuery로 이 부분을 소스로 표현하면... $("header .title a").html();로 표현할 수.. 2018. 6. 28.
[티스토리] Tistory에서 특정 카테고리 숨기기 팁(Tip) 티스토리를 사용하다보면 카테고리에 숨기기 기능이 없어서 아쉬울 때가 있습니다.저도 삭제하기는 좀 그렇고 가지고 있고 싶은데 노출되게 하기도 좀 애매한 경우가 있는데이럴 때 예전의 싸이월드처럼 나만보기 기능이 있으면 좋을텐데 아쉽네요. 하지만, 이런 기능은 자바스크립트나 jQuery만 잘 사용하면 숨길수가 있답니다. 저는 여기서 맨 아래 2개의 카테고리를 숨겨보고 싶은데요.그러려면 일단 '소스보기'를 통해서 카테고리 구조가 어떻게 돼 있는지 확인해야 합니다. 소스를 보니 소스의 구조가 아래와 같이 돼 있다는 걸 알 수 있네요. 카테고리1 카테고리2 서브카테고리21 서브카테고리22 서브카테고리23 서브카테고리24 카테고리3 카테고리4 여기서 제가 숨기고 싶은 카테고리는 '동영상으로 보는 일상', '사진으로 .. 2016. 5. 1.
[티스토리] Tistory의 메뉴바(툴바) 없애기(안보이게 하기) 티스토리는 정말 가끔은 내 개인사이트 같은 느낌이 있습니다.몇년동안 글을 쓰고 관리를 하다보니 정말 예전 내 홈페이지 같아요.스킨은 물론 소스까지도 수정할 수 있으니 더더욱 그렇지요. 그러나 딱 하나!이 상단에 있는 티스토리 메뉴바가 그런 느낌을 사라지게 만듭니다.이넘은 내가 어디 소속인지를 분명하게 해주거든요. 그래서, 오늘 이넘을 없애기로 했습니다.이넘의 소스가 뭘로 돼 있는지 확인해 보기로 했습니다.이 메뉴바에서 마우스 오른쪽 버튼을 클릭하고 [검사]를 클릭합니다. 소스를 확인해보니 id="tistorytoolbarid"라는 부분이 툴바를 감싸고 있는 부분이네요.이넘을 감추면 작업 끝~!!! 그래서, 이넘을 감추기 위해 [관리자페이지 > HTML/CSS 편집]으로 들어갑니다. CSS 탭을 누르고맨 .. 2016. 2. 26.
[티스토리] Tistory에서 방문현황 대신 방문그래프를 화면에 나타내는 방법 위 둘 중 어떤게 더 좋으세요?그건 개인 취향이라 사람마다 다르겠죠? 저는 약간 왔다갔다 하는 편이랍니다.가끔은 위에꺼를 썼다가 다시 그래프를 보여주기도 하고 그때그때 달라요^^ 위에꺼 방문현황이 일반적인 모양인데요.아래꺼 그래프로 바꾸고 싶다면 아래 그림들을 쭉~ 따라하시면 됩니다. [관리자페이지 > 플러그인 설정]에 보면 '방문자 통계 그래프'를 표현하는 '스킨치환자'가 보입니다.그걸 사이드바에 넣어주시면 되는데요. [꾸미기 > 사이드바]의 [태그입력기]를 원하는 위치에 배치합니다. 기존 방문현황인 [STATISTICS]는 삭제하시면 되구요. 태그입력기에 치환자 라고 입력하시면 됩니다.저는 이름을 '방문그래프'라고 했습니다. 이렇게 하고 [저장] 버튼을 클릭하시면 끝~!!!!블로그 사이드바에 방문그래.. 2016. 2. 25.
[티스토리] Tistory에서 댓글 입력한 후 버튼 중복체크 막기 티스토리에서 댓글을 입력하고 입력 버튼을 마우스로 여러번 빨리 누르면 여러개의 댓글이 입력되는데요. 그걸 막을 수 있는 방법입니다. 가장 간단한 방법은 댓글 입력 후에 메시지를 띄워주는 겁니다. 이 소스를 [관리자페이지 > HTML/CSS 편집]에서 에 넣어주면 됩니다. 아래 그림을 참조 하세요. 아래 소스가 댓글 입력 후에 버튼을 클릭되지 않도록 막는 건데요. 제가 막상 이 소스를 넣어보니 잘 동작하지는 않습니다. 댓글 입력이 완료되면 다시 활성화돼서 그런건지도 모르겠네요. 2016. 2. 25.
[티스토리] Tistory 글에 Daum 지도 첨부하기 티스토리가 Daum 꺼다 보니 다음지도는 아주 쉽게 첨부할수가 있더군요.그리고, 오늘 깜짝 놀란 게 오늘 간 식당이 네이버지도에는 없고 다음지도에는 있더라구요.순간, 깜짝 놀랐어요. (앞으로는 다음지도 써야하나?) 자, 그럼.. 티스토리 글에 다음지도로 위치 링크하는 방법입니다. 티스토리에서 글을 쓰다가 웹에디터에서 다음지도가 들어갈 곳에 마우스 커서를 클릭하고, [지도]라는 아이콘을 클릭하세요. 원하는 곳의 위치를 검색하시구요.검색이 완료되고 위치가 정해졌다면 [첨부] 버튼을 클릭하세요. 정확하게 지도가 나오지 않고 "지도가 첨부되었습니다."라고만 나오네요.신경쓰지 마시고 일단 글을 저장하시고 다시 글 내용을 확인해 보세요. 이렇게 지도가 잘 들어가 있답니다^^저는 줄곧 네이버지도만 사용했는데 다음지도.. 2016. 2. 20.
[티스토리] Tistory에 스팸 댓글 차단 플러그인 Akismet 설정하기 (워드프레스닷컴 계정 사용하여 무료로 이용하기) 티스토리에 Akismet이라는 플로그인이 댓글 스팸을 차단해 주도록 지원을 해주고 있는데요.Akismet은 세계적인 댓글 스팸 프로그램입니다.믿고 사용할 수 있는 플러그인이죠.근데, 문제는 이게 유료인데요.워드프레스닷컴과 연계된 Akismet Key를 받으면 무료로 사용이 가능합니다. 사용 방법은 다음과 같습니다. 1. 워드프레스닷컴(http://wordpress.com)에 무료 가입하고 로그인하기2. 워드프레스닷컴과 연계된 Akismet Key 받기 (https://akismet.com/wordpress/)3. Akismet Key를 티스토리에 입력하기 1. 워드프레스닷컴에 무료 가입하고 로그인하기http://wordpress.com여기 가셔서 가입한 후 로그인을 하시고 로그인 한 상태로 놔두세요.아래.. 2016. 1. 30.
[티스토리] Tistory 글내용에서 저작권표시(CCL) 아이콘 안 보이게 하기 티스토리에서 글을 쓸 때 저작권 표시 아이콘을 표시할지 여부를 선택할 수 있습니다.이 글을 다른 사람들이 마음대로 사용할 수 있는지 여부죠. 글 내용 하단에 우측에 보이는 아이콘이 있는 이 부분입니다.저작자 표시 YES 상업적 이용 YES 컨텐츠 변경 YES 티스토리에서 별다른 설정을 하지 않았다면 이렇게 나올 겁니다. 저 같은 경우는 컨텐츠를 그대로 가져가도 크게 신경을 쓰지 않기 때문에 사실 이 부분이 필요 없는데요.그렇다면, 이 아이콘을 보여줄 필요가 없겠죠? [관리자페이지 > 글 설정]에 가서 CCL에 체크돼 있는 걸 체크해제하세요. 원래는 아래처럼 CCL에 체크가 돼 있었을 겁니다. 그럼, 글쓰기 화면으로 가볼까요? 기존에 썼던 글을 보면 CCL에 체크가 돼 있는 걸 보실 수 있습니다.체크해제를.. 2016. 1. 30.
[티스토리] Tistory 블로그명 변경하고 네이버 검색에 바로 반영되게 하기 제가 티스토리의 블로그명을 오랫만에 변경했습니다. 물론, 지금의 블로그명도 마음에 들지 않아서 조만간 다시 이름을 바꿀 생각인데요. 일단, [관리자페이지 > 환경설정 > 기본정보]에서 블로그명을 바꿨습니다. 하지만, 이렇게 블로그명을 바꾼다고해서 검색엔진에서 자동으로 바뀐 블로그명으로 바꿔주진 않습니다. 블로그를 검색엔진에서 검색결과에 반영되게 하기 위해 각 검색사이트의 웹마스터도구에 등록을 했을 겁니다. 만약, 웹마스터도구에 등록을 하지 않았다면 블로그명을 수정하신 후에 웹마스터도구에 등록하시면 됩니다. 2015/05/15 - [이것저것/인터넷 마케팅] - 네이버 웹마스터 도구에 블로그나 사이트를 등록해서 검색되게 하세요. 2014/12/11 - [이것저것/인터넷 마케팅] - 검색엔진 Bing에 내 블.. 2015. 12. 8.
[티스토리] Tistory에서 공감 버튼이 안 보인다면 티스토리에서 어떤 글은 [공감] 버튼이 있는데, 어떤 글은 [공감] 버튼이 없더군요.저도 처음에는 이게 왜 그런지 몰라서 무척 궁금했었는데요.그 차이는 그 글이 '공개'인지 '발행'인지에 따라 결정됩니다.결론적으로, '발행'인 글에만 [공감] 버튼이 보이게 됩니다. 아래 그림처럼 [공감] 버튼이 안 보이는 이유는 글의 상태가 '발행'이 아니기 때문입니다. 글의 [수정] 버튼을 누르세요. 글의 상태가 '공개'로 돼 있네요. '발행'으로 바꾸고 주제를 선택해 주세요. 글의 상태가 '발행'이 되니 자, 이렇게 [공감] 버튼이 보이네요^^ 2015. 8. 15.
[티스토리] Tistory에서 댓글이나 트랙백 펼쳐서 보여주기 티스토리에 댓글이나 트랙백이 달리면 바로 펼쳐서 보여주면 보기가 편할 텐데요.기본 설정은 갯수만 보여주더라구요. 마우스로 클릭을 해야 펼쳐서 보여지는데요.[관리자페이지 > 화면설정 > 화면출력]에서 설정을 바꾸시면 됩니다. 댓글 펼침, 트랙백 펼침에 체크하시면 아래처럼 처음부터 트랙백이나 댓글이 펼쳐서 보여집니다. 2015. 7. 16.
페이스북의 동영상 퍼와서 티스토리에 올리기 요즘에는 유튜브 뿐만 아니라 페이스북에서도 동영상을 올려서 공유하는 경우가 많은데요. 페이스북에 올린 동영상을 티스토리에 올려서 공유하는 방법을 알아보겠습니다. 먼저, 공유하려는 동영상의 우측 상단의 화살표 모양을 마우스로 클릭해서 [옵션 더 보기]를 클릭합니다. [동영상 퍼가기]를 클릭하시구요. 동영상 외부 삽입 코드를 복사합니다. 티스토리 글쓰기에서 [HTML]에 체크하시고 소스를 붙여넣기 하시면 됩니다. 이렇게 동영상 잘 나옵니다. 2015. 6. 16.
[티스토리] Tistory에서 글 쓸 때 사진이 많다면 사진 올릴 때 미리 정렬을 선택해 주세요. 저는 티스토리에서 글을 쓸 때, 이미지를 대부분 좌측정렬하는데요.사진 올릴 때는 기본적으로 중앙정렬로 돼 있죠.다 올리고나서 정렬을 바꾸려면 힘이 듭니다. 이렇게 사진 올릴 때 미리 정렬을 왼쪽정렬로 선택하면 편리합니다.지나가는 팁이었습니다^^ 2015. 6. 5.
티스토리(Tistory) 사이드바의 메뉴(최신 포스트, 최신 댓글 등)를 블로그 하단에 보이게 하는 방법 갑자기 사이드바에 있는 메뉴를 티스토리 하단에 위치하고 싶어졌습니다. 어떤 사이트를 가봤더니 그렇게 보이는 게 아주 깔끔해 보이더라구요. 어떻게 하면 될까요? [관리자 > HTML/CSS 편집] 메뉴로 이동해 보겠습니다. 이곳에서 직접 편집하는 게 불편하기 때문에 skin.html에 있는 내용을 Editplus에 옮겨와서 편집을 해보겠습니다. 소스 맨 아랫쪽에 사이드바의 메뉴들을 보여줄 영역을 div 태그로 만듭니다. 이렇게 만들었다면, 가져올 사이드바의 소스를 찾아서 방금 만든 div 태그 안에 넣습니다. 소스를 넣을 때는 복사해서 넣지 말고 잘라내기 해서 넣으세요. 최근에 올라온 글 . 최근에 달린 댓글 . 링크 . 사이드바에서 가져온 소스 저는 [최신 포스트 모듈], [최신 댓글 모듈], [링크 모.. 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.