포스팅 썸네일 이미지

소프트웨어/사이트

티스토리 블로그, 웹사이트에 sns 공유 버튼 달기 - addThis

티스토리 블로그, 웹사이트에 sns 공유 버튼 달기 - addThis 나는 요즘 페이스북 페이지, 트위터 등 SNS 계정을 만들어 블로그를 홍보해보려고 하고 있다. 단순히 내가 직접 sns에 홍보하는 것뿐만 아니라 다른 사람이, 글을 읽는 사람이 sns에 내 글을 공유해주면 더 좋지 않을까 싶기도 했다. 트윈워드란 SEO관련 웹사이트에서 addThis 사이트를 처음 알게 됐다. addThis 사이트는 글 공유 버튼, 팔로우 버튼 등 다양한 위젯을 적용할 수 있게 해 준다. 그것도 무료로 말이다. 이번 글에서는 이 addThis 사이트를 통해 글 공유 버튼을 내 블로그나 웹사이트에 적용하는 법을 알아보도록 한다. 목차 1. addThis 사이트 가입하기 우선 addThis 사이트에 접속하자. 그럼 위와 같..

2020.09.28 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기

티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기 로그인을 하지 않고 댓글을 작성하면 프로필이 랜덤으로 설정된다. 나는 이 기본 프로필이 별로 마음에 들지 않다. 그래서 이것을 css나 jquery로 바꿔볼 수 있지 않을까 생각을 해봤다. 웹 개발은 거의 안 해봐서 그나마 쉬워 보이는 css로 댓글 프로필을 바꾸는 코드를 짜봤다. 목차 티스토리 게스트 댓글 아이콘 블로그에 로그인하지 않은 상태로 댓글을 작성하면 아이콘이 티스토리의 기본 아이콘으로 설정된다. 기본 아이콘은 총 8개 있으며 닉네임에 따라 랜덤으로 설정된다. F12를 눌러 개발자 도구를 실행해 댓글 아이콘의 구조를 살펴보겠다. 개발자 도구의 좌측 상단(빨간색 박스)을 클릭하고 댓글 아이콘을 클릭해보자. 단축키는 ctrl + shift ..

2020.09.01 게시됨

 포스팅 썸네일 이미지

소프트웨어/티스토리

티스토리 블로그 평점 댓글 리뷰등 위젯 모음, 달기 - widgetpack

티스토리 블로그 평점 댓글 리뷰 등 위젯 모음, 달기 - widgetpack 예전부터 블로그의 스마트폰이나, 앱, 사이트, 프로그램 등 리뷰글에 간단한 평점 위젯 같은걸 달아서 미리 간단하게 평점을 볼 수 있게 만들어 볼까라는 생각을 해왔었습니다. 직접 서버를 만들어서 구현을 하거나, 파이어베이스를 통해 구현을 해볼 생각도 잠깐 해봤지만 살짝 귀찮기도 해 가지고 이걸 구현한 서비스 같은 건 없는지 찾아보다가 widgetpack란 사이트를 찾게 되었습니다. widgetpack 사이트는 댓글, 리뷰, 평점 등의 위젯들을 제공하고, 쉽게 블로그에 달 수 있어서 다른 분들도 이걸 이용해보시면 좋을 것 같아서 이번 글에선 widgetpack 사이트에 대해서 써보려고 합니다. widgetpack 사이트 살펴보기 w..

2020.05.03 게시됨

 포스팅 썸네일 이미지

소프트웨어/티스토리

티스토리 블로그 소스코드 넣기 - hightlight.js 사용법

티스토리 블로그에 소스코드 넣기 - hightlight.js 사용법 저는 프로그래밍 강좌나, 라즈베리파이 관련된 글을 올릴 때 자주 글에 프로그래밍 관련 소스코드나, 명령어를 넣곤 합니다. 기존 티스토리의 '코드 문법 강조'라는 플러그인을 통해서도 글에 소스코드를 넣고 꾸밀 수 있는데, '코드 문법 강조' 플러그인은 지원하는 테마와, 언어의 수가 적어 쓰는데 불편함이 있을 때가 종종 있습니다. 그래서 오늘은 많은 분들이 자주 사용하고 총 185개의 언어와, 91개의 테마를 지원하는 hightlight.js를 티스토리 블로그에 적용하는 방법을 알려드리도록 하겠습니다. hightlight.js 적용하기 Getting hightlight.js 페이지 : https://highlightjs.org/downloa..

2020.03.30 게시됨

 포스팅 썸네일 이미지

소프트웨어/티스토리

티스토리 간단하게 페이지 무제한인 사이트맵 생성 만들기

티스토리 간단하게 페이지 무제한인 사이트맵 생성 만들기 저는 예전에 티스토리 블로그의 사이트맵을 만드는 법에 대한 글을 올린 적이 있었습니다. 하지만 최근에 수 초안에 간단하게 페이지 개수의 제한이 없는 사이트맵을, 직접 블로그에 사이트맵 파일을 업로드하지 않고 만들고 자동으로 사이트맵을 업로드하여 구글 또는 네이버 웹마스터 도구에 제출하는 법을 알게 되어서 이 방법에 대해 여러분에게 알려드리려 합니다. 사이트맵 이란, 구조 우선 사이트맵을 만들고, 사이트맵을 여러 웹마스터 도구에 제출하기 전에 사이트맵이 뭔지, 어떤 구조로 되어있는지 간단하게 살펴보도록 하겠습니다. 우선 구글 서치 콘솔과, 네이버 웹마스터 가이드에 따르면 사이트맵은 검색엔진에게 사이트에 있는 페이지, 동영상 및 기타 파일과 각 관계에 ..

2020.03.18 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

티스토리 자동으로 이미지 alt 태그 속성 달아주는 툴

변환하기 alt 태그 추가 alt태그란 우선 alt태그란 이미지의 대체 문구(alternative text)를 뜻하며, 이 alt태그는 이미지가 깨졌을 때 대체하여 보여지는 설명용 텍스트입니다. 네이버 웹마스터 가이드와 구글 검색엔진 최적화(SEO) 초보자 가이드에 따르면 이 alt태그를 작성하면 검색엔진이 해당 이미지를 이해하는데 도움을 줄 수 있으며, 이미지 검색결과에 활용할 수 있는 매우 중요한 정보로 간주된다고 합니다. 사용 방법 기존에는 티스토리가 따로 이미지에 alt태그를 달아주는 기능을 지원하지 않아서, 글쓰기 모드를 html모드로 바꾸고, 하나 하나 직접 번거롭게 alt 태그를 입력해줘야 했습니다. 수동으로 계속 입력하다 보니까 아무래도 헷갈리기도 하고 귀찮아서 이걸 글에 있는 이미지의 설..

2020.03.14 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

[JS, 티스토리] 다른 페이지, 글 또는 개인 도메인 자동 이동

[JS, 티스토리] 다른 페이지, 글 또는 개인 도메인 자동 이동 티스토리나 타 사이트에서 글을 올렸는데 모종의 이유로 그 글을 삭제하고, 새로 글을 올렸거나, 티스토리에 개인 도메인을 추가해줬을 때 기본 도메인에서 개인 도메인 또는 삭제한 글에서 새로 올린글로 자동으로 이동하는법에 대해 알아보겠습니다. 다른 페이지, 글로 이동 예를 들어 "https://test.com/42" 페이지에서 "https://test.com/60" 페이지로, "https://test.com/12" 페이지에서 "https://test.com/61" 페이지로 자동 이동 시키려면 바로 위에 입력해주세요. if() 안에 있는 주소는 기존 페이지 주소를, 밖에 있는 주소는 이동시킬 주소로 입력해주시면 됩니다. 한 페이지만 이동하시려면..

2020.02.17 게시됨

 포스팅 썸네일 이미지

소프트웨어/티스토리

티스토리 블로그 네이버 웹마스터 도구 등록, rss 사이트맵 제출하기

티스토리 블로그 네이버 웹마스터 도구 등록, rss 사이트맵 제출하기 네이버에 글이 노출되기 위해서 네이버 웹마스터 도구(서치 어드바이저)에 티스토리 블로그를 등록하고, rss와 사이트맵을 제출을 하면 좋습니다. 예전에는 티스토리라도 네이버에 잘 노출되고 그랬지만, 요즘에는 티스토리 블로그가 네이버에 노출이 거의 안되는 것 같습니다. 웹마스터 도구에 등록한다고 노출되는 것 같지는 않지만.. 다른 분들도 다 기본적으로 등록을 하시니 일단은 등록을 해보도록 하겠습니다. 웹마스터 도구란? 네이버에 따르면 웹마스터 도구는 '네이버 웹마스터도구는 본인이 운영하는 웹사이트의 검색 수집, 색인 반영 현황을 제공하고 검색에 친화적인 사이트로 관리하는데 필요한 진단 리포트를 제공하는 서비스'라고 합니다. 네이버 웹마스터..

2020.01.17 게시됨

 포스팅 썸네일 이미지

소프트웨어/티스토리

티스토리 사이트맵 만들기, 구글, 네이버에 사이트맵 제출

티스토리 사이트맵 만들기, 구글, 네이버에 사이트맵 제출 이번 글에서는 티스토리 블로그를 구글, 네이버에 노출시키기 위해서 사이트맵이란 것을 만들어서 제출해보고, 사이트맵을 만들기 전에 사이트맵이 뭔지도 알아보겠습니다. 또한 티스토리의 에디터가 이전 에디터에서 새로운 에디터로 바뀌게 되면서 파일을 업로드하면 'blog.tistory.com/attachment'로 업로드되던 것이 'k.kakaocdn.net'으로 바뀜에 따라 이전과 다르게 새롭게 사이트맵을 만들고 제출하는 법을 알려드리려고 합니다. 사이트맵이란, 사이트맵의 필요성 우선 네이버 웹마스터 가이드에 의하면 사이트맵(sitemap)은 검색로봇에게 사이트 내에 수집되어야 할 페이지들을 알려 주기 위하여 마련된 표준 규약이라고 합니다. 이 사이트맵을..

2020.01.16 게시됨