본문 바로가기
IT & TECH/TISTORY tool

티스토리 반응형스킨#1 모바일 PC 메뉴에 즐겨찾기 이웃추가 코드 넣기

by lilyryu 2017. 4. 20.

 

티스토리 반응형스킨 #1을 이용하고 있다. 티스토리는 네이버 블로그에 비해 이웃에 대한 개념이 약한 편이다. 그렇다고 티스토리의 반응형스킨에 즐겨찾기 메뉴가 빠져있는 점은 섭섭한 일이다. 이웃이라는 개념은 약할지라도 티스토리에서도 종종 이웃의 향기는 느껴진다. 구독하고 싶은 티스토리를 즐겨찾기에 추가 하고 싶은 이들을 위해 모바일과 PC 메뉴에 즐겨찾기를 넣어본다. 부디 이 티스토리 블로그가 즐겨찾기 하고 싶은 블로그가 되었으면 좋겠다. 그것은 전적으로 본인의 노력 여하에 달렸다. 

 

반응형스킨에즐겨찾기추가 (3).jpg

 

티스토리 반응형스킨#1 모바일 PC 메뉴에 즐겨찾기 이웃추가 코드 넣기>

 

반응형스킨에즐겨찾기추가 (9).PNG

 

먼저, PC 메뉴에 즐겨찾기 또는 이웃추가 코드 넣기이다.

관리의 HTML/CSS 페이지로 간다.

 

반응형스킨에즐겨찾기추가 (1).PNG

[CTRL+F]<ul class="list_name"> 를 찾는다.

 

반응형스킨에즐겨찾기추가 (2).PNG

RSS 바로 아래 

<li><a href="toolbar/popup/link" class="link_name" target="_blank">즐겨찾기+</a></li>

위의 코드를 입력한다.

blog_url 부분은 본인 블로그의 url로 대체하면 되고

즐겨찾기+본인이 원하는 문구로 대체하면 된다.

 

반응형스킨 즐겨찾기-코드.txt
다운로드

(ㅋㅋ두유님 감사합니다.^^)

 

반응형스킨에즐겨찾기추가 (3).PNG

저장하고 확인하면 위처럼 메뉴 RSS 아래에 즐겨찾기+라는 메뉴가 생성되어 있다.

 

반응형스킨에즐겨찾기추가 (4).PNG

클릭하면 "릴리류"를 링크에 추가하시겠습니까? 라는 메시지창이 뜬다.

확인하면 이웃으로 추가가 된다.

좋은 이웃 그룹에 추가되었으면 좋겠다.

 

 

 

다음은, 모바일 메뉴에 즐겨찾기 또는 이웃추가 코드 넣기이다.

 

반응형스킨에즐겨찾기추가 (5).PNG

 [CTRL+F]<div role="navigation" class="area_navi">를 찾는다.

 

반응형스킨에즐겨찾기추가 (6).PNG

방명록 바로 아래 

<li><a href="toolbar/popup/link" target="_blank">즐겨찾기+</a></li>

위의 코드를 입력한다.

PC부분과 마찬가지로 blog_url 부분은 본인 블로그의 url로 대체하면 되고

즐겨찾기+도 본인이 원하는 문구로 대체하면 된다.

 

 

반응형스킨에즐겨찾기추가 (1).jpg

저장하고 확인하면 모바일에도 메뉴 RSS 아래에 즐겨찾기+라는 메뉴가 생성되어 있다.

 

반응형스킨에즐겨찾기추가 (7).PNG

내친 김에 메뉴를 영문으로 변경해본다.

쓰기는 write로, 관리는 my&login으로, 태그는 tag로, 방명록은 Leave me a message로, 즐겨찾기는 favorite으로 바꿨다.

 

반응형스킨에즐겨찾기추가 (8).PNG

영문으로 기재한 메뉴의 모습이다.

 

티스토리 트위터 글보내기 플러그인 설정 Tistory2Twitter 계정 연동

티스토리 구글에도 등록하자! 검색엔진/웹마스터도구/사이트맵을 한방에~

티스토리 사이트맵 만들고 네이버 웹마스터도구에 제출하기

티스토리 블로그에 유튜브 영상을 넣는 방법 2가지

 

반응형스킨에즐겨찾기추가 (2).jpg

모바일도 영문으로 통일한다.

 

반응형스킨에즐겨찾기추가 (10).png

구독하고 싶은 블로그나 미디어는 쉽게 접근하기 위해 홈화면추가 하기도 한다. 북마크 목록도 이용한다.

즐겨찾기, 홈화면추가, 북마크의 기능이 통합되어 저장되는 어떠한 프로그램 내지는 앱이 있으면 좋겠다. 개발해볼까?

 

네이버 웹마스터 도구에서 웹 페이지 수집 요청하기

티스토리 네이버 웹마스터도구에 등록하고 RSS 제출하기

티스토리 맞춤법검사 크롬 Chrome 으로 해결하자!

 

 

댓글