Backup/Tistory
채널(Channel) 채팅 플러그인 티스토리 적용 방법
채널(Channel) 채팅 플러그인 티스토리 적용 방법
2018.01.18채널(Channel) 채팅 플러그인이번에는 '채널'이라는 채팅 플러그인에 대해서 소개하려고 합니다.채널은 온라인 고객과 실시간으로 대화하여 구매를 유도할 수 있는 툴입니다. 팀 내부의 빠른 소통이 가능하여 고객과의 좋은 대화로 이어질 수 있습니다.채널의 플러그인을 설정 후 짧은 코드를 붙여넣기만 하면 바로 사용이 가능합니다. 채널(Channel) 서비스 가입 (https://channel.io/)채널 홈페이지로 이동하여 시작 버튼을 누릅니다. 각 항목에 맞춰 입력하시면 됩니다. 휴대폰 번호는 선택사항이라 입력하지 않으셔도 됩니다. 가입이 되었다면 새 채널 만들기라는 항목이 뜹니다. (채널 이름, 채널 주소, 운영중인 홈페이지 주소 입력)운영중인 홈페이지 입력 항목에는 자신의 티스토리 블로그 주소를 적으시..
티스토리 블로그 네이버 검색 노출시키기 (네이버 웹마스터 도구) (2/2)
티스토리 블로그 네이버 검색 노출시키기 (네이버 웹마스터 도구) (2/2)
2018.01.09블로그 주소를 클릭합니다. 왼쪽 메뉴에서 요청 > RSS 제출 버튼을 누르고 블로그주소/rss를 적고 확인을 누릅니다. RSS가 등록된 것을 확인할 수 있습니다. 사이트맵 생성 (http://www.check-domains.com/sitemap/index.php)블로그 주소를 적고 Always로 변경 후 Create Sitemap 버튼을 누릅니다. 사이트맵이 만들어지기까지 약 10분정도 소요됐습니다. 사이트맵이 만들어졌으면 XML sitemap을 다운로드 버튼을 눌러서 다운받습니다. 블로그로 이동하여 글쓰기 > 파일 > 첨부파일 > 사이트맵 > 비공개로 선택하고 글을 작성합니다. 작성된 글에서 첨부파일이 있는데 오른쪽 마우스 눌러 링크 주소 복사를 합니다. 다시 웹마스터 도구로 돌아와서 요청 > 사이트맵..
티스토리 블로그 네이버 검색 노출시키기 (네이버 웹마스터 도구) (1/2)
티스토리 블로그 네이버 검색 노출시키기 (네이버 웹마스터 도구) (1/2)
2018.01.09안녕하세요. 이번에는 티스토리 블로그를 네이버 검색에 노출시키는 방법에 대해서 알아보도록 하겠습니다.티스토리는 다음 블로그로써 다음에는 검색이 잘되지만, 네이버에서는 네이버 블로그가 우선순위이므로 검색이 안됩니다.그래서 티스토리 포스팅을 노출시키기위해서는 네이버 웹마스터 도구를 이용해야합니다. 네이버 웹마스터 도구 (http://webmastertool.naver.com/)네이버 웹마스터 도구를 사용하기 위해 먼저 로그인을 합니다. 로그인을 하고나서 사이트 추가 버튼을 누릅니다. 사이트 정보 입력란에 자신의 블로그 주소를 입력합니다. HTML 태그를 선택하고 해당 메타태그를 복사하여 티스토리 블로그 관리자페이지로 이동합니다. HTML / CSS편집을 클릭합니다. 복사한 메타태그를 사이에 넣습니다. 그리고..
티스토리 #1 스킨 - AddThis 내 블로그 게시물 추천 슬라이드
티스토리 #1 스킨 - AddThis 내 블로그 게시물 추천 슬라이드
2018.01.09이번에는 AddThis라는 서비스를 이용하여 내 블로그 게시물을 추천해주는 슬라이드를 보여주는 방법에 대해서 설명하려고 합니다. 이것은 AddThis라는 서비스의 API를 적용하였을 때 모습입니다. 적용 방법은 아래를 따라 하시면 됩니다. AddThis 홈페이지 접속 (https://www.addthis.com/)AddThis 홈페이지에 접속하여 Google, Facebook, Email로 중앙에 있는 버튼을 눌러 먼저 가입을 합니다. 회원가입 후 로그인을 하시면 위와 같이 대시보드가 나오는데 좌측 상단에 TOOLS 메뉴를 선택합니다. 그리고 우측에 보면 ADD NEW TOOL 버튼을 누릅니다. 여러분은 처음 툴을 추가하는 거여서 Slider 항목을 추가하지 않아 안 보이실 겁니다. Related Pos..
티스토리 #1 스킨 - 공감 버튼 밑에 이미지와 문구 넣기
티스토리 #1 스킨 - 공감 버튼 밑에 이미지와 문구 넣기
2018.01.06이번 포스팅에서는 티스토리 스킨에서 공감 버튼 밑에 이미지와 문구 넣는 방법에 대해서 알아보도록 하겠습니다. HTML / CSS 편집 페이지 열기먼저 블로그 관리페이지에서 사이드바 메뉴 항목에 보면 HTML / CSS 편집 항목이 있습니다. 다음 항목을 클릭하여 HTML/CSS 편집 페이지를 열어주세요. HTML에 소스 코드 추가HTML 항목에서 제일 하단으로 스크롤을 내려주시면 태그가 있습니다. 태그 바로 위쪽에 다음 코드를 넣어주세요. CSS에 소스 코드 수정css 제일 하단으로 스크롤을 내려서 다음 코드를 넣어서 폰트 크기를 키웁니다..heart * {font-size: 25px;} 이미지 파일 업로드저는 공감 버튼 밑에 이 이미지를 넣기 위해서 업로드를 하겠습니다. 파일 업로드 항목으로 이동하여 ..
티스토리 #1 스킨 - 마우스 스크롤 시 상단바 없애기
티스토리 #1 스킨 - 마우스 스크롤 시 상단바 없애기
2017.12.27이번에는 티스토리 #1 스킨에서 마우스 스크롤 시 상단바를 Fade In/Out 효과에 대해서 적용해보도록 하겠습니다. HTML / CSS 편집 페이지 열기먼저 블로그 관리페이지에서 사이드바 메뉴 항목에 보면 HTML / CSS 편집 항목이 있습니다. 다음 항목을 클릭하여 HTML/CSS 편집 페이지를 열어주세요. HTML에 소스 코드 추가HTML 항목에서 제일 하단으로 스크롤을 내려주시면 태그가 있습니다. 태그 바로 위쪽에 다음 코드를 넣어주세요. script.txt 위와 같이 코드를 추가한 후 우측에 저장 버튼을 눌러 지금까지 작업했던 모든 항목들을 저장합니다.이제 블로그로 이동하면 스크롤 시 상단바가 Fade In/Out 효과가 적용이 되어있는 것을 확인할 수 있습니다.
티스토리 #1 스킨 - 리스트 썸네일 위치 변경하기
티스토리 #1 스킨 - 리스트 썸네일 위치 변경하기
2017.12.23이번에는 티스토리 #1 스킨에서 기본적으로 보여지는 리스트 썸네일의 위치를 변경해보도록 해보겠습니다.티스토리 #1 스킨을 적용하면 기본적으로 썸네일은 오른쪽으로 보여지게 됩니다. HTML / CSS 편집 페이지 열기먼저 블로그 관리페이지에서 사이드바 메뉴 항목에 보면 HTML / CSS 편집 항목이 있습니다. 다음 항목을 클릭하여 HTML/CSS 편집 페이지를 열어주세요. CSS에 소스 코드 수정CSS 항목으로 이동하여 Ctrl + F를 눌러 thumbnail_post를 입력하여 다음 코드를 찾아줍니다..list_content .thumbnail_post { float:right; width:150px; height:150px; margin:6px 0 5px 30px }위 코드를 다음과 같이 변경을 합니..
티스토리 #1 스킨 - 맨 위로 버튼 추가하기
티스토리 #1 스킨 - 맨 위로 버튼 추가하기
2017.12.23티스토리 블로그가 타 블로그보다 차별화가 있는 점은 바로 블로그 스킨을 내 마음대로 편집이 가능하다는 점입니다.html, css, javascript, jquery 등의 프로그래밍 언어를 이용하여 스킨을 꾸밀 수 있다는 것이 엄청난 강점인 것 같습니다.이번에는 티스토리 #1 스킨에서 글에서 맨 위로 올라가는 버튼을 구현해보겠습니다. HTML / CSS 편집 페이지 열기먼저 블로그 관리페이지에서 사이드바 메뉴 항목에 보면 HTML / CSS 편집 항목이 있습니다. 다음 항목을 클릭하여 HTML/CSS 편집 페이지를 열어주세요. HTML에 소스 코드 추가HTML 항목에서 제일 하단으로 스크롤을 내려주시면 태그가 있습니다. 태그 바로 위쪽에 다음 코드를 넣어주세요. script.txt CSS에 소스 코드 추가..