본문 바로가기

블로그/FastBoot 1.6.2

FastBoot 티스토리 최상단 꾸미기 총정리

티스토리 최상단에 있는 메뉴에 아이콘을 추가시키는 방법을 알려드리겠습니다. 직접 진행하면서 만들었기 때문에 따라하시기만 한다면 문제없이 무난하게 적용될 것입니다. 혹시 막히는 부분이 생기시면 댓글달아 주시기 바랍니다. (티스토리 글쓰기 아이콘 추가, 티스토리 바로가기 아이콘 추가, 티스토리 즐겨찾기 아이콘 추가, 티스토리 로그인, 로그아웃 오류 수정하기)


테슬라의 모든 정보를 모으는 블로그,

테정원을 검색하세요!!

글, 사진 및 이미지 ▶ CopyLeft(C) 김성훈

#CopyLeft(C)는 저작권의 반대 개념으로, 카피라이트(CopyRight)와 반대되는 말입니다. '지적소유권' 이 오히려 정보의 물길을 막는 장애물이 되고 있는 현실을 극복하기 위한 운동입니다#

#사진과 이미지의 일부는 퍼온 것도 있습니다#


 블로그 

FastBoot 티스토리 최상단 꾸미기 총정리


당연한 이야기이지만 티스토리 반응형 스킨인 FastBoot1.6.2가 설치된 상태에서 시작합니다.


FastBoot 1.6.2 설치하는 방법


처음 티스토리를 시작하면서 굉장히 불편했던 점은 글쓰기를 하려면 블로그 관리에 가야한다는 점이었습니다. 물론 상단 메뉴에도 글쓰기를 추가 시킬 수 있습니다. 하지만 전 최상단에 칸을 더 활용하고 싶었습니다. 먼저 티스토리 화면에서 어떤 위치가 최상단 메뉴이고, 상단 메뉴이고, 상단바인지 알려드리겠습니다. 원래 명칭이 있을테지만 많은 블로거님들이 쓰는 명칭을 종합해서 제 나름대로 명칭을 만들어봤습니다. 




티스토리 글쓰기 아이콘 추가


이제 최상단 메뉴에 글쓰기 아이콘을 집어넣어 보도록 하겠습니다. 




블로그 관리에서 (꾸미기 -> 스킨편집 -> html편집)으로 갑니다.


글쓰기 아이콘 추가 첨부파일

티스토리 최상단 글쓰기 아이콘 추가.txt



Ctrl+F로 '데스크탑용 네비게이션 바' 라고 검색하여 첨부 파일에 든 내용을 빨간색 부분이 있는 곳에 붙여줍니다.  



티스토리 바로가기 아이콘 추가 + 즐겨찾기 아이콘 추가


이제 최상단 메뉴에 티스토리 바로가기와  아이콘을 집어넣어 보도록 하겠습니다. 


첨부파일

티스토리 바로가기 즐겨찾기 아이콘 추가.txt



Ctrl+F로 '데스크탑용 네비게이션 바' 라고 검색하여 첨부 파일에 든 내용을 빨간색 부분이 있는 곳에 붙여줍니다. 단, 즐겨찾기에는 본인의 홈페이지 주소로 수정하신 뒤에 집어넣으셔야 합니다. 첨부파일엔 아래와 같이 아이디, OOO이라고 되어있으니 이 부분을 수정하시면 되겠습니다.


<a href="https://www.tistory.com/" target="_blank" title="Tistory 바로가기">Tistory</a><a href="javascript:window.external.AddFavorite('http://아이디.tistory.com/','OOO 블로그 입니다.');" title="OOO 블로그 즐겨찾기 (인터넷 익스플로러 전용)">Favorite</a>



FastBoot 티스토리 로그인, 로그아웃 오류 수정


이제 최상단 메뉴에 티스토리 로그인, 로그아웃 오류 수정을 해보도록 하겠습니다. 


첨부파일

Fastboot 로그인 로그아웃 오류 수정.txt



Ctrl+F로 'Login Button" 이라고 검색하여 첨부 파일에 든 내용을 빨간색 부분이 있는 곳에 붙여줍니다.




최종화면은 위 사진과 같이 나오게 됩니다. 수고하셨습니다. 




카카오 플러스 친구 버튼을 만들어놨습니다. 댓글로 물어보기 힘든 부분은 더욱 편하게 물어보세요! (예, 사진으로 설명해야할 경우)


블로그 꾸미기 관련글

FastBoot 티스토리 서식 활용하기

FastBoot 티스토리 기본 글꼴, 글자크기 설정하기

FastBoot 티스토리 추천 포스트 모듈 추가하기

FastBoot 티에디션으로 티스토리 꾸미기

FastBoot 사이드바 카운터, 방문자 그래프 합치기

FastBoot 상단바 꾸미기

FastBoot 애드디스로 SNS 공유하기 버튼 만들기

FastBoot 상단에 배경 이미지 설정하기

FastBoot 최상단 꾸미기 총정리

FastBoot 상단메뉴 영어에서 한글로 바꾸기

FastBoot 블로그 관리 설정 최적화

FastBoot 1.6.2 설치


도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!