티스토리 링크버튼 1분순삭! 서식 저장, 글쓰기 방법

 

 

안녕하세요. 

자유를 꿈꾸는 앤자머 입니다. 

 

티스토리 버튼 링크를 만들어 넣는 방법을 알려드리겠습니다. 쉽게 알려드릴테니 잘 따라오세요!!

 

버튼사이트로 바로가기

 

1. 링크버튼 만들기 시작합니다.

위 사이트로 이동하셨으면, 아래와 같이 보일것입니다. 

왼쪽 화면을 휠로 내리면서 원하는 모양 버튼을 찾아서 클릭하세요. 

 

원하는 것을 찾아서 누르셨나요!? 아래 화면처럼 보이실겁니다. 이제 다왔습니다.

이제 get code를 클릭하세요.

 

클릭하고 나면 아래 사진처럼 코드가 생성되는것을 볼수 있습니다. 

빨간 상자부분을 드래그 하여 ctrl + c 복사를 하세요. 

 

저는 처음에 맨 위까지 복사를 해서 넣었더니 안되서 다른 포스팅을 또 찾아보느라 시간을 허비하였습니다. 

제가 한 실수는 여러분들은 하지 않기를 바라며 세세하게 알려드립니다.^^

순서대로 따라 오시면 버튼에 링크까지 넣으실수 있습니다. 

 

이제 티스토리 관리창에 스킨편집으로 들어갑니다. 

HTML을 누르고 들어갑니다.  여기까지 어려우신거 없으시죠?  잘 따라오시는 중이라 믿습니다. 

 

이게 CSS로 들어가서 맨 밑으로 내려갑니다. 

그리고 ctrl + v로 복사했던 코드를 붙혀넣으면 됩니다. 

코드 생성 1분만에 완성 하셨죠!?!?!? 코드 1분 완성 끝~ 입니다^^

이제 준비는 다 됐으니, 사용법을 알아야겠죠!?

 

2. 링크 버튼 서식 저장하고 글쓰기

이제 서식으로 만들어 놓고 글쓰기 할때마다 불러와서 쓰기만 하면 됩니다. 

다시 버튼 사이트로 돌아와서 서식을 만들기 위한 코드를 복사합니다. 

 

복사한 코드를 서식으로 만들기 위해 관리창 - 서식관리에 들어갑니다. 

 

서식 제목을 정하여 작성하세요. 저는 '녹색버튼'으로 저장하였습니다. 

저는 본문에 아무것도 안쓰고 했는데, 

이렇게 가운데 띄우고 아무글씨나 써놓으시면 html모드에서 편하실수 있습니다. 

그리고 이제 기본모드를 HTML 모드로 변경해주세요. 

 

 

복사한 코드를 붙혀넣을겁니다. 

이렇게 붙혀 넣고, 완료 버튼을 누르면 서식저장 끝입니다. 

 

글쓰기에서 사용할때 이름 바꾸는 위치는 green이라고 쓰여있는곳 입니다. 

저는 맨 위에 버튼링크에 "버튼사이트 바로가기"로 변경하였습니다. 

 

 

 

글을 쓰다가 기본모드 옆 점3개를 누르시면 서식이 있습니다. 

누르고 들어가면 "녹색버튼"이라고 저장한 서식이 있을겁니다. 그걸 누르면 아래 사진처럼 생성됩니다. 

이게 기본모드를 HTML로 바꾸시고 'green' 위치에 원하는 문구를 써 넣으세요. 

 

지금 표시된 곳의 이름을 변경하고 글쓰기 창으로 빠져나옵니다. 

파랗게 밑줄친 모습으로 버튼이 보일텐데 당황하지 마시고, 왼쪽 하단 미리보기를 눌러보면

정상적으로 나오는 것을 확인할 수 있습니다. 

 

 

이렇게 오늘은 링크 버튼을 만들고, 서식으로 저장하여 글에 넣는법까지 알아보았습니다. 

저도 배우면서 알려드리는 부분입니다. 잘못된부분은 알려주시면 감사히 배우겠습니다^^

 

버튼링크 사용법 마무리 하겠습니다.

감사합니다.