Tistory Skin CERULEAN_BLUE 무료 배포

블로그에 "개인적으로 한 프로젝트를 홍보할 방법이 없을까" 고민하던중, 광고 배너 형식으로 블로그를 만들어 홍보하면 좋겠다 라는 생각을 하게 되어 만든 스킨입니다.

 

아래 사진과 같이 Banner 영역에 자신이 홍보하고싶은것을 사진형식으로 넣을수 있습니다.

 

여러가지 Banner를 넣을 수 있으며, 자동으로 인식하여 스크롤 및 하단의 "몇번째 배너인지 알려주는 점" 이 증가하게 됩니다.

 

자신의 배너를 삽입하는 방법은 아래와 같습니다.

1. 블로그 관리의 스킨편집에 들어갑니다.

2. 'html편집' 버튼을 누릅니다.

3. html편집창을 클릭하고 ctrl+f를 눌러 검색창을 연 후, Banner-tag를 입력하여 다음 코드를 찾습니다.

<!-- TAG:: Banner-tag
	Sample of banner.
	Plase Copy and paste under tag to post your banner.

	----- Copy and past under -----

	<div class = "window-element">
	<a href="{Enter the link to move when clicked}">
		<img class="banner" src="./images/Banner.svg"/>
	</a>
	</div>
-->

4. 위 코드 블럭에서 <div class = "window-element"> 부터 </div>까지를 복사한 후 태그바로 밖에 붙여넣으면 끝.

이때, 보여줄 이미지 경로를 src에 클릭시 이동할 링크를 href에 설정하면 됩니다.

자기소개 수정하기

아래 사진과 같이 자동으로 적용되는 블로그 소개글 말고, 자신이 작성한 소개글을 추가할 수 있습니다. - 생략가능

(검정색 네모)

마찬가지로 스킨편집에 들어가서 ctrl + F 를 누르고, Custom introducte 를 검색후, 다음 코드블럭을 찾으면 됩니다.

<!-- TAG:: Custom introduce -->
<!-- You can type custom introduce here -->
<!-- TAG-END:: Custom introduce You can type custom introduce here -->

TAG::와 TAG-END가운데의 주석을 제거한 후, 자유롭게 글을 작성할 수 있습니다.

스킨 다운로드 방법

(스타를 눌러주시면 개발에 큰 도움이 됩니다!)

https://github.com/devxb/CERULEAN_BLUE

 

GitHub - devxb/CERULEAN_BLUE: Tistory skin

Tistory skin. Contribute to devxb/CERULEAN_BLUE development by creating an account on GitHub.

github.com

위 링크에 들어가서, 다음 버튼을 클릭한 후,

Download Zip 버튼을 클릭합니다.

 

마찬가지로 블로그설정 -> 스킨 변경에 들어가서 스킨등록 버튼을 누르고, 다음 사진과 같이 모든 파일을 업로드 해줍니다.

그 후, 저장을 누르고 스킨 보관함에 들어가서 저장된 스킨을 적용하면 끝 입니다.