티스토리 고래스킨 블로그에 버튼을 만드는 방법을 알아보겠습니다. 고래스킨 뿐만아니라 그냥 티스토리 블로그에 적용할 수 있기때문에 따라하시면 됩니다. 간단한데 처음하는 분들은 어려울 수 있습니다. 하지만 한번만 해보면 금방 이해할 수 있습니다.
버튼 만들고 서식 CSS 설정
1. 우선 버튼 만드는 사이트에 접속해주세요. 우리가 사용할 사이트는 (https://www.bestcssbuttongenerator.com/) 인데요. 많은 사람들이 사용하고 간단하게 만들 수 있습니다. 사이트에 접속하면 맨 왼쪽에 마음에 드는 버튼을 만들고 맨오른쪽에서 사이즈를 조절합니다.
2. 마음에 드는 버튼을 만들었다면 그 버튼을 눌러주세요. 그럼 오른쪽에 위에 사진처럼 나오는데요. 맨 윗줄에 태그를 복사해주세요.
3. 블로그관리홈에서 서식관리에 들어가서 [서식쓰기]를 하고 html에 아까 복사한 태그를 넣고 제목을 정한뒤 저장을 해주세요.
4. 이제는 CSS를 넣어줘야 하는데요. 블로그관리 페이지에서 [스킨편집]에서 [html편집]에들어서 상단에 [CSS]를 누르고 아까 번튼 만드는 사이트에 첫줄빼고 뒤에 .mybutton부터 끝가지 복사해서 아무데나 넣어주면 되는데요. 저는 편의를 위해서 맨 아래 넣어주었습니다.
5. 이제 글을 쓸때 [서식] 에 들어가서 아까 저장한 서식을 불러오고 링크를 넣어주면 버튼이 완성됩니다. 포스팅할때는 링크만 보이지만 미리보기나 포스팅이 완료되면 블로그에는 제대로 표시 되니깐 걱정마세요.
고래스킨 버튼 링크 색상 해지
고래스킨은 버튼을 만들면 링크 색상이 고정되어 있는데요. 그래서 번튼을 만들때 색상으로 고정하는 방법을 알아보겠습니다.
1. 우선 CSS에 들어가서 [.post-content a]에 color에 색상 우선순위를 풀어야 하는데요. 뒤에 !important를 빼주시면 색상 고정이 풀리는데요. 이번에 새로운 버전 4.1에는 색상 고정이 사라졌습니다. 그래서 위에 사진처럼 없으면 됩니다.
2. 이번에 버튼에 우선순위를 주면 되는데요. [.mybutton]을 찾고 위에 사진처럼 color뒤에 [!important;]를 입력해주시면 번튼 색상이 고정이 되게 됩니다.
