티스토리 블로그를 작성하면 마지막에 구독과 좋아요를 부탁한다는 글을 넣고 합니다.
이때 매번 같은 문구를 타이핑한다는게 이만저만 귀찮은게 아니죠.
조금 더 나아가서 그 부분을 html태그로 만들어서 사용한다면 조금 편하긴 하겠지만,
그 복붙작업도 귀찮긴 마찬가지죠.
이 글에서는 간단하게 티스토리에서 제공하는 서식기능을 이용해서 블로그에 구독과 좋아요를 부탁하는 이미지가 추가되게 서식을 만들어서 글 작성시 활용할 수 있는 팁을 알려드리겠습니다.
브라우저는 크롬브라우저 기준으로 설명드리겠습니다.
1. 먼저 구독버튼을 활성화 합니다.
구독버튼을 관리자 설정에서 활성화 할 수 있습니다. 그러면 내 블로그의 고유 아이디 값으로 된 버튼이 생기게 되는데요. 이 버튼의 HTML 태그를 알아야 하거든요.
관리자메뉴에서 메뉴바/구독설정을 클릭하고 구독 버튼 설정 기능에서 구독버튼을 표시합니다로 변경하시면 됩니다.
그리고 미리보기를 해보시면 위치를 설정한 쪽에 구독버튼이 보일꺼에요.
이 때 태그를 얻기 위해서 크롬브라우저 기능을 조금 이용하게 되는데요.
F12버튼을 누르면 아래와 같이 개발자도구 창이 뜨게됩니다. 이때 좌측상단에 화살표 버튼을 누르면
미리보기 창의 요소들의 태그를 확인할 수 있게 되는데요.
화살표 버튼을 한번 누르고 미리보기의 오른쪽 구독버튼위에 마우스 커서를 가져다 놓고 클릭하면 해당 태그를 개발자도구에서 확인하실 수 있어요.
선택된 블럭에서 copy->copy outerhtml 해서 메모장같은 곳에 복사해놓으세요.
2. 구독버튼에 해당하는 이미지 블로그에 올려놓기
비공개로 사용할 이미지를 하나 첨부해서 저장을 먼저하고, 해당글을 조회하고 나서 F12버튼을 눌러 위와 비슷하게 태그를 복사하시면 됩니다.
3. 서식 만들기
서식에 필요한 태그는 확보했으니 이제 구독버튼 서식을 만들어야죠.
관리자메뉴에서 서식관리-> 서식쓰기 버튼을 눌러주세요.
글쓰기 편집창과 똑같은데 HTML 모드로 작성하세요.
4. 글작성시 서식 불러오기로 사용
글쓰기에서 ...으로된 확장 기능에 서식불러오기 기능이 있어요.
서식목록에서 방금 작성한 구독좋아요 서식을 불러오면 글에 추가되요.
글을 쓰다보니 내용이 좀 복잡했지만 실제 해보시면 과정자체는 간단합니다.
이런 방법으로 블로그 글에 구독버튼을 손쉽게 추가해보세요.