Fastboot 스킨 블로그 이름에 메인화면 링크 걸기 방법

Fastboot는 현재 제가 사용하고 있는 스킨입니다.

 

이것은 Readiz님계서 만든 스킨으로 무료로 배포하고 있는 스킨입니다. 이것을 사용하기 위해서는 HTML 수정을 통해서 나만의 블로그를 만들 수 있습니다. 저는 HTML/CSS 수정을 통해서 처음의 스킨과는 완전히 다르고 더 많은 기능을 넣었습니다. HTML 기초만 배워도 조금이나마 생각하고 수정할 수 있으므로 티스토리 블로그를 처음 접하시는 분이라면 HTML기초를 공부해 주시면 블로그 관리하는데 큰 도움이 됩니다.

 

눈썹있는 모나리사 : 무엇이든 알아가는 것을 좋아하고 습득한 지식은 사람들과 함께 공유합니다.

강에서 당신이 손을 담가 만지는 물은 흘러가는 마지막 물이자 다가오는 첫 물이다. 지금 이 시간이 바로 그렇다 - 레오나르도 다빈치

@ 세상의 모든 지식을 함께 공유하고 알아가는 곳 @

@ 진솔한 생각을 적어가는 곳 @

 

 

Fastboot 블로그 이름에 링크 걸기

 

패스트부트 스킨을 설치 했을 때 가장 위의 내 블로그 이름은 아무런 기능을 하지 않습니다. 그리고 링크가 걸려있지 않기 때문에 메인화면으로 가지 않습니다. 이것을 지금부터 링크 걸기를 통해서 링크를 걸고 마우스가 오버 됐을 때 어떤 색깔로 할지 바꾸어 보도록 하겠습니다. 제 블로그에서 하는 수정들은 어려운 것은 없습니다.

 

제목에 링크가 없더라도 홈으로 버튼을 통해서 홈메뉴로 갈 수 있지만 보통 사람들의 습성상 제목을 누르기 쉽습니다. 네이버에서 홈으로 갈때도 항상 네이버 제목을 누르잖아요. 같은 원리입니다. 그래서 우리는 내 블로그 제목에 본인의 블로그 홈으로 가는 링크를 걸어줄 것입니다. 쉽게 따라할 수 있으니 아래의 이미지를 통해서 배워보겠습니다.

 

 

▼ 티스토리 관리센터에서 왼쪽 메뉴의 HTML/CSS 편집 을 선택합니다.

 

 

▼ HTML에서 CTRL+F 로 rightMenus 를 찾습니다. 찾는 곳의 아래 부분을 수정할 예정입니다.

 

 

▼ 아래의 빨간 박스 안에 내용을 다음과 같이 바꿔 줍니다. 혹시 글자가 잘 안보이거나 어렵다면 아래의 파일을 다운받아 해당부분을 지우고 붙여넣기 해주세요. 

 

블로그 이름에 링크 걸기.txt

 

 

 

▼ 본인의 홈페이지로 가서 새로고침 해보시면 다음과 같이 링크가 걸린 것을 확인 할 수 있습니다. 다시한번 클릭해서 링크가 잘 적용되었는지 확인하세요.

 

 

▼ 이번에는 링크를 건 제목에 색깔을 바꾸어 보려고 합니다. 링크를 걸자마자 색깔이 약간 파랑색으로 변했는데요. 마우스를 올려 놓았을 때의 색상과 기본 색상을 설정 할 수 있습니다. 그런데 HTML/CSS는 있지 않은 CSS라서 제가 넣어 보려고 합니다. 아래의 파일을 받고 원하는 색상을 넣은 후 CSS창 가장 아래에 붙여넣기 하겠습니다. 따로 관리하는 것이 좋습니다. 나중에 문제가 생기더라도 지우면 되니까요.

 

링크 색상의 위에 것은 기본 글자 색상, 아래것은 마우스를 오버했을 때의 색상입니다.

 

링크 색상변경.txt

 

 

 

▼ 자 파랑색이었던 제목이 검정색으로 바뀌었습니다. 마우스를 오버했을 때도 색상이 바뀝니다.

 

Fastboot 스킨 블로그 수정 방법에 대해서 알아보았습니다. 위에서 부터 차근차근 수정하는 방법에 대해서 공부해 보려고 합니다. 티스토리 블로그를 보기 좋게 방문자들이 제 글을 보기 좋게 만들기 위해서 계속해서 노력을 해야겠습니다. 하나하나 배워나가고 함께 예쁜 블로그를 만들어 갑시다.

 

FastBoot 1.6.2 티스토리 반응형 스킨 설치 방법

Fastboot 스킨 최상단 메뉴 수정 방법

티스토리 블로그 대표사진 썸네일 만들기 방법

티스토리 블로그 게시글 네이버 검색 반영 요청 방법

티스토리 초대장 받는법