'WEB&SNS/티스토리' 카테고리의 글 목록

티스토리 반응형 스킨 변경 방법 (2020년 버전)

과거에 작성한 문서를 리뉴얼하는 페이지 입니다. 이번에는 티스토리의 스킨을 변경하는 방법에 대해서 배워보도록 합시다. 통상적으로 두 가지 방법으로 변경이 가능합니다. 하나는 티스토리에서 자체적으로 제공하는 기본 반응형 스킨들 중 하나로 변경하는 방법이 있습니다. 마지막 한 가지는 능력자분들이 손수 제작한 스킨으로 변경하는 방법 입니다. 이 방법으로는 친효스킨을 예로 들어보도록 하겠습니다. 1. 티스토리에서 기본적으로 제공하는 반응형 스킨으로 변경하기먼저 티스토리 내에서 기본적으로 제공하고 있는 반응형 스킨이 몇 가지 있습니다. 이 방법으로 한번 변경해 보도록 합시다. 먼저 티스토리의 관리자 화면으로 들어갑니다. 여기에서 왼쪽에 있는 꾸미기 > 스킨 변경으로 들어갑니다. 그러면 스킨 목록 화면이 나올 것 ..

WEB&SNS/티스토리 2020. 3. 18. 04:36

티스토리 신규 가입 방법 (2020년 버전)

과거에 썼던 티스토리 가입 방법은 초대장 시스템 시절에 작성한 내용이어서 지금은 도움이 되지 않습니다. 따라서 2020년 기념 최신 버전으로 다시 한 번 깔끔하게 작성해 보도록 하겠습니다. 기준은 PC(컴퓨터) 환경을 기준으로 설명 드리겠습니다. 티스토리 공식 홈페이지 위의 링크 페이지로 들어가시면 티스토리 홈페이지로 접속됩니다. 방문하시고 오른쪽 상단에 있는 가입하기 버튼을 눌러줍니다. 티스토리 약관 페이지가 나옵니다. 모두 동의하시고 다음으로 넘어갑니다. 회원 정보를 입력합니다. 아이디는 이메일 형식으로 입력합니다. 예시에는 네이버메일로 가입을 진행했지만 개인적으로는 구글 지메일을 추천합니다. 이유는 딱히 없습니다. 그냥 지메일이 대세이기도 하고 안전하기 때문입니다. 나머지 부분도 모두 입력합니다. ..

WEB&SNS/티스토리 2020. 3. 12. 00:03

티스토리 구버전 및 신형(새로운) 글쓰기 에디터 및 임시저장 기능에 대해서

티스토리는 현재 두 가지 버전의 글쓰기 에디터 모드를 제공하고 있습니다. 구버전과 신버전 이 두가지 입니다. 그런데 이 둘은 완전 다른 URL 주소를 가지고 있습니다. 따라서 어떤 글쓰기 에디터로 글을 작성했느냐에 따라서 임시저장이 되는 글 위치도 달라잡니다. 친효스킨으로 변경 후 임시저장이 모두 삭제되었다는 글을 보았습니다. 이건 스킨 문제가 아니고, 글쓰기 모드의 문제 입니다. 만약 평소 새로운 글쓰기 에디터로 글을 작성하셨다면 당연히 신형 글쓰기 에디터로 실행해야 평소 임시저장된 글들을 불러올 수 있습니다. 반대로 구형에서 글을 작성하셨다면 당연히 구버전 글쓰기 에디터로 실행해야 임시저장된 글을 불러올 수 있습니다. 물론 구버전의 경우는 플래시를 실행해야 임시저장이 활성화 된다는 단점이 있어서 몇가..

WEB&SNS/티스토리 2020. 3. 11. 00:07

크롬에서 티스토리 구형 글쓰기 에디터로 글 작성 시 임시저장 기능 활성화 방법

만약 PC에서 열심히 글을 작성했는데 갑자기 정전이 발생한다면?! 한 시간 넘게 작성한 텍스트가 한 순간에 날아가버리게 됩니다. 노트북은 다행히 배터리의 힘으로 전원이 갑자기 다운되는일은 없겠지만, PC(컴퓨터) 입장은 다르니까요. 이런 소중한 내 글을 보호하기 위해서 티스토리에서는 임시저장 기능을 제공하고 있습니다. 새로운 글쓰기 에디터는 어도비 플래시 플레이어가 필요가 없어서 딱히 다른 설정이 필요 없지만, 구형 글쓰기 에디터의 경우는 여전히 어도비 플래시를 필요로 합니다. 따라서 이걸 설정해놓지 않으면 곤란한 상황이 발생할지도 모릅니다. 어도비 플래시 플레이어 위의 링크로 들어가시면 어도비 플래시 플레이어를 다운로드 받을 수 있는 사이트가 나옵니다. 선택 옵션 제공의 모든 프로그램 목록을 체크 해제..

WEB&SNS/티스토리 2020. 3. 9. 22:57

티스토리 카테고리 글 개수 카운터 삭제 (없애는) 방법

친효스킨에도 기본적으로 있는 티스토리 카테고리 글 개수 표시 기능! 이것을 없애려면 다음의 CSS 스타일을 추가로 삽입하면 됩니다. 티스토리의 카테고리 구조는 치환자를 대신해서 사용되고 있습니다. 치환자란 티스토리 내에서 제공하는 스크립트를 기반으로, 일종의 아이디와 비슷합니다. 티스토리 카테고리라는 아이디를 A라고 할 때, 티스토리를 구성하는 서버 파일 중에서 A에 대한 구조를 스크립트에 의해 불러오게 됩니다. 이 과정에서 HTML 및 CSS의 기본 뼈대가 구성됩니다. 일반적으로 스킨의 HTML 구조에서는 카테고리의 뼈대를 살펴볼 수 없습니다. 크롬이나 파이어폭스같은 브라우저에서 제공하는 소스 검사 기능을 사용해서 살펴볼 수 있습니다. 티스토리가 업데이트됨에 따라 기본 뼈대의 구성은 바뀔 수 있으며, ..

WEB&SNS/티스토리 2020. 2. 18. 00:07

티스토리에 10MB 이상 대용량 움짤 GIF 이미지 업로드 올리는 방법

아시다시피 티스토리는 10MB 이상의 GIF 이미지를 업로드 못 하게 되어 있습니다. 결국 GIF 이미지를 10메가바이트 아래로 생성해야 하는데, 그러면 이미지를 무조건 줄여야하고 프레임수도 제한을 둘 수 밖에 없습니다. 정녕 이렇게밖에 할 수 없는 걸까요? 아닙니다. 우리에게는 무적의 구글드라이브가 있습니다. 구글 드라이브를 활용하여 티스토리에 대용량 움짤을 올리자! 안드로이드 스마트폰 유저분들이라면 당연히 구글 계정을 최소 하나씩은 가지고 계실 것 입니다. 꼭 안드로이드 유저 아니더라도 구글 계정은 아마 있을꺼에요. 구글 계정이 있으니 15GB를 기본으로 제공하는 구글 드라이브를 활용할 수 있습니다. 무료로 15기가바이트를 제공하는 구글 클라우드를 적극 이용해 봅시다. 먼저 업로드할 움짤 GIF 이미..

WEB&SNS/티스토리 2020. 2. 14. 00:03

티스토리 스킨에 수동으로 글꼴(폰트) 적용해도 글쓰기 에디터에서는 변화가 없어요

가끔씩 받는 질문이긴 한데, 공식적으로 한 번 짚고 넘어가야 할 부분인 것 같아서 이렇게 글을 씁니다. 티스토리는 오픈형 블로그여서 사용자가 임의로 커스텀을 할 수 있습니다. HTML과 CSS를 직접 코딩해서 원하는 스타일대로 꾸밀 수 있으며 원하는 폰트를 적용시켜 사용할 수 있습니다. 폰트를 적용하고나서 "적용이 안 된다" 라는 질문을 가끔 받습니다. 구체적인 내용을 파악해보니, 분명 글꼴을 적용시켰는데 폰트 목록에 해당 글꼴이 나타나있지 않다라는 의미였습니다. 이 부분에 대해서 명쾌하게 답변을 드리도록 하겠습니다. "글꼴을 수동 적용 시켜도 글쓰기 에디터 모드에서는 해당 폰트 목록이 나오지 않습니다." 티스토리 구형 글쓰기 에디터에서의 글꼴 목록 입니다. 친효스킨은 현재 리디바탕체가 본문에만 적용되어..

WEB&SNS/티스토리 2020. 2. 1. 00:07

티스토리 신형 글쓰기 에디터에서 이미지에 수동으로 대체텍스트 Alt 속성 넣기

구형 글쓰기 에디터에서는 대체텍스트 기능을 따로 제공하는데, 신형으로 넘어가면 해당 기능을 따로 제공하지 않습니다. 물론 없어도 됩니다. 와 태그로 이 기능을 충분히 커버할 수 있기 때문입니다. 단, 대체텍스트 즉 alt 속성을 이미지에 따로 넣는 가장 큰 이유는 네이버 웹마스터도구에서 링크관리에서 느낌표로 경고가 뜨는 부분때문에 그렇습니다. 사실 이렇게 대체텍스트를 입력한다해도 100% 해결이 된다는 보장은 없습니다. 네이버 웹마스터도구를 떠나서 원래 이미지에는 무조건 alt 속성이 들어가는게 정석으로 알려져 있습니다. 브라우저의 오류나 서버 이상으로 이미지가 손상되어 깨지는 경우에 해당 공란을 대체텍스트로 채워서 사용자가 알아볼 수 있도록 만든 일종의 사용자 편의성 부분 때문에 이미지에는 alt 속성..

WEB&SNS/티스토리 2020. 1. 31. 00:03

아이패드프로에서 티스토리 새로운 글쓰기 에디터를 사용해본 후기

이번에 아이패드프로와 함께 사용할 블루투스 키보드 및 마우스 리뷰글을 작성한 바 있습니다. 모든 준비는 끝났습니다. 티스토리가 업데이트 되면서 새로운 글쓰기 에디터도 선보였죠? 신형 글쓰기 에디터는 어도비 플래시 플레이어를 지원하지 않습니다. 그렇기 때문에 iOS 환경에서도 작성할 수 있을거라 판단을 했고 바로 테스트로 들어갔습니다. 키보드와 마우스 정보는 아래의 글을 참고하시면 좋을 것 같습니다. 1만원대 로이체 MUSES KT5 블루투스 키보드 사용 후기 카페에서 잠시 작업하는 설정샷을 찍어봤습니다. 보통 밖에서 티스토리 글쓰기를 할 때는 노트북으로 작업합니다. 샤오미 노트북인데 겁나 무겁습니다. 이것 저것 하면 거의 3kg 인데 가방에 장시간 넣고 다니면 어깨가 뻐근합니다. 발도 너무 아프구요. 아..

WEB&SNS/티스토리 2019. 11. 23. 00:07

티스토리 새로운 글쓰기 에디터 장단점

이번에 친효애드온을 업데이트 하면서 티스토리에서 새롭게 제공하는 글쓰기 에디터도 사용해봤습니다. 1.14 버전 이상의 친효스킨에서는 새로운 글쓰기 에디터를 지원하기 때문에 마음 놓고 사용하셔도 됩니다. 새로운 글쓰기 에디터를 써보고나서 느낀 장단점이 몇 가지 있습니다. 한번 이야기해 보도록 하겠습니다. 새로운 글쓰기 에디터 장점1. 어도비 플래시 플레이어를 지원하지 않음 가장 마음에 드는 부분입니다. 아시다시피 점점 플래시 플레이어 기술이 사라지고 있습니다. 리소스도 많이 잡아먹고 별도의 프로그램을 추가 설치해야하는 번거로움 때문이었습니다. 이 새로운 글쓰기 에디터를 개발하느라 기존 글쓰기 에디터에서 계속해서 플래시 경고창이 떴나 싶습니다. 어차피 신형 에디터가 이 부분을 해결해 주니까요. 2. 깔끔함 ..

WEB&SNS/티스토리 2019. 9. 17. 00:04

티스토리 댓글을 최신순 (역순) 정렬로 만드는 방법

티스토리 방명록의 경우는 항상 가장 최근 글이 최상단에 올라오게끔 되어 있습니다. 그런데 댓글은 이와는 상황이 반대입니다. 최신 댓글이 저 맨 아래에 위치하게 됩니다. 그리고 "이전 댓글 더 보기"는 맨 위에 있습니다. 이게 상당히 불편했습니다. 혹시 이걸 역순으로 정렬하는 방법이 없을까 싶어서 검색해보니 이미 많은 분들이 해답을 주고 계셨습니다. display: flex; 속성을 사용한다면 역순 정렬이 가능하다는것을 깨달았습니다. 바로 실전에 써먹어봤습니다. 결과는 어떻게 되었을까요? 성공입니다. 현재 보고 계시는 이 스킨에서도 적용이 되었습니다. 또한 친효스킨에도 적용이 완료 되었습니다. 생각보다 별거 없습니다. 어떻게 하는지 알아보도록 합시다. HTML 세팅하기 먼저 자신이 사용하고 있는 스킨의 H..

WEB&SNS/티스토리 2019. 8. 4. 00:04

반응형 스킨 제작을 위한 티스토리 HTML 구조 이해하기

저도 까먹기 전에 빨리 이걸 써놔야 할 것 같습니다. 더불어 티스토리 스킨을 직접 제작하려고 결심하신 분들도 계실 것 입니다. 그분들에게 조금이나마 도움이 되었으면 하는 바램도 있습니다. 티스토리 스킨을 처음 만들려고 도전했을 때, HTML 스킨 구조가 어떤건지 쉽사리 파악이 되지 않아서 다소 고생한 경험이 있습니다. 경험을 바탕으로 최대한 자세하면서 단순하게 설명해 보겠습니다. 또한 티스토리에서 제공하는 스킨 가이드 페이지도 같이 참고하시면 이해하는데 도움이 될 것입니다. 이곳에서의 설명은 HTML과 CSS를 어느정도 이해하고 계신 분들을 위한 강좌입니다. HTML 웹코딩을 좀 하실 줄 아신다면 아마 쉽게 이해가 되시겠지만, 코딩과 태그에 대한 기초 지식이 없으신 분들이시라면 파악하시는데 조금 어려움이..

WEB&SNS/티스토리 2019. 8. 2. 00:07

티스토리 스킨 변경 전 꼭 해야 할 일

스킨을 변경하시기 전에 꼭 하셔야 하는 일이 있습니다. 바로 백업입니다. 현재 사용하는 스킨을 백업하시면 메타 태그들도 같이 백업이 되기 때문에 스킨 보험을 들어놓는 것과 같습니다. 꼭 백업을 진행해 주세요. 여기에서 백업은 두가지가 있습니다. 티스토리 관리자에서 스킨 백업 우선은 티스토리 자체적으로 몽땅 백업하는 방법이 있습니다. 관리자에서 진행하게 됩니다. 단 사이드바는 백업되지 않으니 반드시 사이드바는 별도로 추가한 모듈이 있다면 메모장 같은 공간에 따로 백업해 주시기 바랍니다. 관리자에서 왼쪽 카테고리에 보시면 꾸미기 > 스킨 변경이 있습니다. 해당 항목으로 들어갑니다. 그러면 오른쪽 메뉴가 변경이 될텐데요, 사용중인 스킨 이라는 항목이 나올 것 입니다. 여기에서 자신의 스킨명을 다시 확인하시고 ..

WEB&SNS/티스토리 2019. 7. 22. 00:02

티스토리 메타태그 플러그인 사용 방법

티스토리가 점점 발전하는 모습이 눈에 보입니다. 아주 좋은 징조입니다. 오늘 보니까 플러그인에 못 보던 기능이 하나 생겼더군요. 메타 태그 플러그인이 보입니다. 개인적으로 추가되었으면 하는 플러그인 중 하나였는데 정말 좋습니다. 아시다시피 스킨을 변경하면 기존에 등록해 두었던 여러가지 메타 태그들을 다시 넣어야 하는 번거로움이 있었습니다. 이 번거로움을 조금 덜어 줄 아주 고마운 플러그인 입니다. 단 애드센스 승인 시 필요한 코드는 메타 태그 형태가 아닌 스크립트 형태이므로 이건 반드시 스킨 변경 이후에 수동으로 넣어줘야 합니다. 참고하시기 바랍니다. 앞으로 플러그인에 구글 애드센스 승인 코드 전용 플러그인도 생기기를 바래봅니다. 아래의 예제에서는 구글 서치콘솔 메타태그를 플러그인으로 넣어서 승인을 얻는..

WEB&SNS/티스토리 2019. 7. 20. 00:06

티스토리 로그인 비밀번호 변경 방법

티스토리 로그인 암호를 변경하는 방법입니다. 크게 어려운 부분이 없습니다. 로긍긴 할때마다 자꾸 비밀번호 변경하라고 안내화면이 나오는게 짜증이 난다면 뭐... 어쩔 수 없습니다. 정말 한번 바꿔주는 수 밖에 없습니다. 우선 로그인을 하시고 오른쪽 상단의 자신의 프사를 눌러주세요. 그러면 아래쪽에 계정관리 라고 하는 메뉴가 보이실 겁니다. 그쪽으로 들어갑니다. 왼쪽 카테고리 중 보안 > 비밀번호 재설정 으로 들어갑니다. 그러면 오른쪽에 현재 비밀번호를 입력하는 창이 나옵니다. 입력하시고 확인을 눌러주세요. 이제 여기에서 비밀번호를 변경하시면 됩니다. 새 비밀번호는 기존 비밀번호와 당연히 달라야 합니다. 모두 입력하시고 변경사항 저장 버튼을 누르시면 됩니다. 입력 후에는 자동으로 로그아웃이 됩니다. 이제 변..

WEB&SNS/티스토리 2019. 7. 13. 00:03

티스토리 로그인 아이디 변경 방법

저도 최근에 알게된 사실입니다. 로그인 아이디는 변경이 안될 줄 알았는데 되는군요. 이게 무한정 변경이 가능한건지는 모르겠지만, 최소 1회 한정에서는 변경이 가능하다는 사실을 알았습니다. 티스토리 주소는 변경이 어렵지만 로그인할때 필요한 이메일 형식의 아이디는 변경이 가능합니다. 어떻게 변경하는지 알아보겠습니다. 가장 먼저 할 일은 당연히 티스토리에 로그인을 하는 것 입니다. 그리고 오른쪽 상단의 자신의 프로필 아이콘을 클릭합니다. 그러면 아래에 계정관리 메뉴가 보일 것 입니다. 해당 메뉴로 들어갑니다. 자신의 계정 관리 화면으로 넘어오면 왼쪽 카테고리의 보안 카테고리에 있는 아이디 변경하기 메뉴를 누릅니다. 그러면 오른쪽에 현재 로그인 비밀번호를 입력하는 창이 나옵니다. 입력하시고 확인을 눌러주세요. ..

WEB&SNS/티스토리 2019. 7. 10. 00:06

스마트폰 모바일에서 티스토리앱, 브라우저앱 접속 시 차이점 및 변동사항

주기적으로 받는 질문 중 하나가 바로 이것입니다. "효자손님, 저는 모바일에서 접속하면 상단 애드센스가 나오지 않아요!" 하고 말입니다. 그러면 저는 또 바로 역질문을 하게 되지요. "혹시 티스토리 전용 어플리케이션으로 접속하신건 아니신지요?" 그렇습니다. 보통 스마트폰을 모바일이라고 하는데 여기에서 말하는 모바일이란 정확히는 모바일 해상도를 일컫는 말 입니다. 아시다시피 대부분의 티스토리 유저분들은 반응형 스킨을 사용합니다. 때문에 PC 컴퓨터에서 접속했을 때 블로그 스킨과 스마트폰에서 접속했을 때 스킨의 테마는 일치하게 되어 있습니다. 이때 모바일에서 접속하는 두가지 방법이 있습니다. 바로 티스토리 전용 앱으로 실행하는것, 나머지 하나는 브라우저 전용 어플리케이션으로 실행하는 것 입니다. 티스토리 전..

WEB&SNS/티스토리 2019. 4. 17. 00:03

티스토리 발행 후 인증 (확인창) 업데이트 적용과 그 의미는?

티스토리가 진짜 문제라고 생각되는 부분 중 하나가 있는데, 공지 없이 업데이트를 한다는 것 입니다. 최근부터인가요? 이제 글을 다 쓰고 발행버튼을 누르니까 예전같았으면 바로 발행이 완료되었는데 지금은 이상한 창이 하나 더 뜹니다. 일종의 확인창이죠. 개인적으로 괜찮은 업데이트라고 생각합니다. 왜냐하면 한번 더 확인을 시켜주는 일종의 알림창이기 때문이죠. 업데이트는 발전적이라고 생각하는데, 방금도 말씀드렸듯 좀 미리 예고 좀 하고 업데이트를 했으면 얼마나 좋았을까 싶어요. 지금 이 글을 발행하기 전에 찍은 스샷 이미지 입니다. 보시는 것 처럼 어떤 글인지에 대해 나오고, "이 글을 '티스토리입문' 카테고리로 발행합니다." 라고 한번 확인해 보시라는 의미의 문구가 적혀 있는걸 보실 수 있습니다. 이상이 없다..

WEB&SNS/티스토리 2018. 7. 12. 00:02

티스토리 썸네일 이미지 올리는 두가지 방법

최근 새롭게 깨닫게 된 썸네일 올리는 방법이 있어서 여러분들과 공유를 하고자 합니다. 검색해보니 이미 이렇게 진행하시는 분들도 꽤 많더라구요. 진작에 이 방법으로 했으면 골치아픈 텍스트 정리며 이미지 크기 정리를 신경 안 쓰고 그냥 주구장창 글만 작성했을텐데 안타깝습니다. 이제라도 알았으니 적극적으로 사용해 보려고 합니다. 본문에 넣지 않아도 썸네일로 등록할 수 있는 방법이 방법은 본문에는 없어도 티스토리 메인화면에 원하는 썸네일 이미지를 넣을 수 있는 방법입니다. 그러나 검색엔진에서는 반영이 안 되더군요. 일단 방법을 말씀 드리자면 오른쪽에 파일보관함이 보이실 겁니다. 거기에서 파일첨부를 통해 진행하시면 됩니다. 이렇게 원하는 이미지를 업로드 하시고, 대표이미지로 지정만 해주시면 썸네일로 지정이 되어 ..

WEB&SNS/티스토리 2018. 2. 22. 02:11

티스토리 카테고리 새 글 발행 여부 표시 기간 설정이 안될때 변경하는 방법

예전부터 이거 왜 안되나 싶어서 결국 참지못하고 고객센터에 문의를 남겼다. 답변은 역시 예상대로 티스토리 오류였다. 그냥 버그인 것 같은데, 검색에 큰 문제는 되지 않으니 쉬쉬하고 있는 듯 하다. 이런 사사로운 문제를 빠른 시일내에 해결해주고자 하는 자세가 필요하지 않을까 싶다. 한 번 이렇게 해보자!뭐 큰 문제는 아니다. 이걸 안 한다고해서 티스토리가 어떻게 되거나 하지는 않지만, 그냥 원하는대로 설정되지 않으니까 그게 걸려서 결국 임시방편으로 이 문제를 해결하는 것이다. 카테고리 보시면 새 글을 발행하면 N자 모양의 아이콘이 생기는 것을 알 수 있다. 이 아이콘이 언제까지 생성되게 할지를 정하는 문제인데, 원하는 기간대로 자꾸 변경되지 않아서 그동안 신경이 쓰였었다. 기본 기간이 3일로 되어 있다. ..

WEB&SNS/티스토리 2018. 1. 27. 20:00

친절한효자손 티스토리 글쓰기 기초 - 인용구 활용하기

티스토리 글쓰기 기능 중 인용구라는 것이 있다. 인용구는 다른 글에서 끌어다 쓴 구절을 강조할 때 사용하는 기능이다. 하지만 친절한효자손이 사용하는 인용구 방법은 그렇지 않다. 일단 다른 글에서 끌어다 쓸 일이 거의 없다. 그래서 이것을 어떻게 활용해야 좋을지 내심 고민하다가, 관련글을 넣는데 사용하고 있다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다##본 블로그는 크롬(Chrome Browser) 1920×1080 해상도..

WEB&SNS/티스토리 2017. 11. 29. 00:02

[친절한효자손] 티스토리 글쓰기 기능 중 글상자 활용 방법

한동안 티스토리 기본 강좌를 너무 소홀히 한 것 같다. 그래서 다시한번 초심으로 돌아가, 내가 처음 티스토리를 접했을 때 많은 난관에 부딫친 그 기억을 다시금 되살려 이제 막 시작하신 분들을 위한 콘텐츠를 많이 늘려나갈 것이다. 하나하나 글을 잘 살펴보시고 그대로 따라하시면 분명 쉽게 티스토리 사용법을 익힐 수 있을 것 이다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다##본 블로그는 크롬(Chrome Browser) 192..

WEB&SNS/티스토리 2017. 11. 28. 00:04

티스토리 기초 : 시작하기에 앞서 알아두면 좋은 팁

이번부터 새롭게 시작하는 티스토리 글 쓰기에 대한 디테일 강좌다. 복잡스럽게 설명하지 않고 최대한 심플하게 핵심만을 말씀드려 이해를 시켜드리는데 목적이 있고, 티스토리를 처음 접하시는 분들은 어디에서 글을 작성해야 좋을지를 모르시기 때문에 한번 이 글을 살펴보시면 대략적으로 글 작성하는데 있어서 충분한 이해가 되실것이라고 생각을 한다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다# 티스토리를 시작하기에 앞서, 이건 알아두면 ..

WEB&SNS/티스토리 2017. 7. 11. 00:03

티스토리 카테고리의 다른 글 갯수 늘리기 방법

본문의 마지막 부분에 보면 카테고리의 다른 글 이라는 모듈이 있다. 여기 갯수를 늘리고 줄이고를 쉽게 할 수 있는데 많은 분들께서 혹시 이것도 HTML/CSS 편집을 통해서 해야하는 것 아닌지 물어보시는 분들이 가끔 계신다. 이 부분을 한번 글로 써야할 것 같아서 이렇게 작업중이다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다# 티스토리 카테고리의 다른 글 갯수 늘리기 방법 이 방법은 HTML코드를 수정할 필요는 없고, 플러..

WEB&SNS/티스토리 2017. 6. 4. 00:02

티스토리 메인화면 티에디션 사용시 너비보정 방법

이 방법은 Fastboot 스킨에 국한되지 않고, 모든 스킨에서 티에디션을 사용할 때 가능한 방법이다. 단지 현재는 필자가 쓰는 스킨이 Fastboot 이므로 여기에서의 방법대로 진행하는 것일 뿐이다. 티에디션을 사용하시는 분들이라면 필수적으로 이 기능을 알고 계셔야 다양한 스킨에서 알맞게 조절해서 보기 좋게 꾸밀 수 있다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다# 티스토리 메인화면 티에디션 사용시 너비보정 방법 방명록..

WEB&SNS/티스토리 2017. 5. 19. 00:03

티스토리 블로그 폐쇄하기 방법

지금 필자는 티스토리를 3개 운영중이다. 하나는 메인블로그인 바로 여기, 그리고 다른 하나는 핸드메이드를 메인으로 운영하는 온라인공방 블로그, 나머지 하나는 보험관련 블로그이다. 예전에 테스트를 하느라고 하나를 더 만들었으나 뭔가 잘 못 건드린건지 전혀 방문자도 오르지 않고, 글 검색도 되지 않아서 이번에 폐쇄를 했다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다# 티스토리 블로그 폐쇄하기 방법 그렇다면, 원하는 티스토리 블..

WEB&SNS/티스토리 2017. 5. 2. 00:03

티스토리 아이콘 파비콘 변경 방법

티스토리를 사용하는 최대 장점 중 하나는 바로 커스터마이징일 것이다. 주인장 입맛대로 꾸밀 수 있다는 최대 장점이 더욱 티스토리를 사용할 수 밖에 없는 매력으로 다가온다. 이번 시간에는 티스토리의 기초 공사라 할 수 있는 아이콘 및 파비콘을 설명을 드리고, 어떻게 적용시키는지를 알아보겠다. 참고로 아이콘과 파비콘의 개념 설명과 적용 방법에 대한 내용일 뿐, 아이콘 만들기 부분은 그래픽 관련 콘텐츠 이므로 나중에 따로 글을 작성해 보려고 한다. 우선 아이콘 이라는 단어는 많이 들어봐서 잘 알 것이다. 스마트폰의 앱 디자인도 일종의 아이콘이며 가장 흔하게 사용되어지는 부분은 PC에서의 바로가기 아이콘이다. 티스토리에서 아이콘 부분은 댓글을 남길 때 프로필 사진으로 적용되어지는 부분이 있는데 바로 그곳에 적용..

WEB&SNS/티스토리 2017. 4. 18. 00:03

티스토리 움직이는 움짤 GIF 이미지 올리기 방법

티스토리 블로그를 사용하시려는 분들을 위한 글 입니다. 티스토리에 이제 막 입문하셔서 이것저것 글도 써보시고 사진도 올려보는것까지 이제 성공했는데 도통 움직이는 이미지는 어떻게 올려야 하는지 잘 모르시는 분들이 계실 것입니다. 저도 처음 티스토리 입문 시절 GIF를 어떻게 올려야 하는지 몰랐을 때, 그냥 넣었다가 블로그가 트래픽초과에 걸려 어렵게 풀려났던 아픈 기억도 있습니다. 하지만 생각보다 움직이는 GIF 이미지는 쉽게 올릴 수 있습니다. 어떤식으로 올리는지 한번 그 방법을 알아보도록 하여 티스토리를 사용하시는데 크게 막힘이 없도록 해보겠습니다. 우선 올리고자 하는 GIF 파일을 준비합니다. 그리고 당연히 티스토리의 글쓰기로 들어가야 할 것입니다. 두가지 방법으로 올릴 수 있습니다. 첫번째 방법첫번째..

WEB&SNS/티스토리 2017. 3. 9. 00:02

티스토리 블로그 링크 색상 변경 방법

링크 색상은 스킨마다 다를 수도 있습니다. 보통은 파란색이 링크가 걸렸을 때의 색상이며, 한번 들어간 곳은 보라색으로 표시가 됩니다. 흔히 검색포털 사이트에서 이와 같은 방식을 따르는데, 티스토리 및 HTML 수정이 가능한 사이트는 이 부분에 대한 커스터마이징이 가능합니다. 보통 CSS 스타일 부분의 상단에 먼저 놓으면 순차적으로 읽기 때문에 적용이 될 것이라고 생각하고 진행했더니 역시 잘 적용이 되었습니다. 그래서 필자의 글 중 관련글 같은 링크가 걸린 글들을 보면 기본 색상이 주황색으로 바뀌어 있음을 알 수 있습니다. 어떻게 변경하는지 한번 알아보겠습니다. HTML/CSS 편집 부분으로 들어가서 CSS 탭을 선택합니다. 위의 이미지에 나와있는 스타일 태그에 대한 자세한 설명은 다음과 같습니다. a:l..

WEB&SNS/티스토리 2017. 1. 29. 00:01

티스토리 이전 글 넣기 (관련글) 사용 방법

티스토리를 열심히 연구하며 오늘도 불철주야 노력하는 당신을 응원하며 필자도 힘내보도록 하겠다. 이번에는 티스토리 기본 기능인데 아주 멍청하게도 이제서야 알게 된 매우 유익한 기능을 알아보도록 하자. 바로 "이전 글 넣기" 기능이다. 애드센스 수익의 극대화 효과로서 반드시 알아야 할 기능으로 분명 요긴하게 쓰일 날이 반드시 찾아온다. 티스토리 사용자 분들이라면 꼭 알고 있어야 한다. 티스토리 이전 글 넣기 (관련글) 사용 방법이전 글 넣기는 그러면 어떨 때 사용이 되어지는 것인지 궁금할 것이다. 그 전에, 대체 이전 글 넣기가 뭔가..? 싶기도 한데, 간단하게 이야기해서 글 중간중간 지금까지 자신이 쓴 글을 링크를 거는 "관련글" 을 티스토리의 기본 기능을 통해 넣는 것이다. 지금 이 글과 연관이 되는 글..

WEB&SNS/티스토리 2016. 12. 26. 00:01

친절한효자손 취미생활

WEB&SNS/티스토리 → (68)건