티스토리

티스토리

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

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

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

    티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기 로그인을 하지 않고 댓글을 작성하면 프로필이 랜덤으로 설정된다. 나는 이 기본 프로필이 별로 마음에 들지 않았다. 그래서 이것을 css나 js로 바꿔볼 수 있지 않을까 생각을 해봤다. 기존의 코드는 댓글 아이콘을 div 태그로 표시하는 내 스킨을 기준으로 만들어졌었다. img 태그로 아이콘을 사용하는 경우엔 제대로 작동하지 않는 듯하다. 따라서 코드를 조금 수정했다. 😀 티스토리 게스트 댓글 아이콘 블로그에 로그인하지 않은 상태로 댓글을 작성하면, 댓글의 아이콘이 티스토리의 기본 아이콘으로 설정된다. 기본 아이콘은 총 8개 있으며 닉네임에 따라 랜덤으로 설정된다. 서로 다른 사람이, 같은 닉네임으로 댓글을 단다면 같은 아이콘으로 표시될 것이다. 그..

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

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

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

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

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

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

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

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