이전에 3.1버젼에서 약간의 버그를 수정하고 디자인과 기능을 추가했습니다.

사용자들이 요구에 맞게 선택의 폭을 넓혔습니다. 이전보다 다양한 기능이 있으니 업데이트 내용을 꼭 확인하시고 사용하시기 바랍니다.


스킨 배포에 대해서는 여러번 이야기 했으니 공지사항의 스킨 배포에 대한 글을 읽어보시고 메일로 신청하시기 바랍니다.

업데이트가 단순한 업데이트가 아니네요.

3.1버젼이 이전에 비해 바뀐것이 없어서 이번에는 좀 많이 다듬었습니다.

그래서 재탄생한 Bootstrap_TS_ver.3.2 입니다.


이번에 초점을 맞춘것은 광고입니다.

부트스트랩은 반응형 레이아웃입니다.

브라우져의 너비에 따라 레이아웃이 맞게 변합니다.

특별한 마크업 요소를 넣지 않는한 bootstrap-responsive.css 에서 다 잡아주기 때문이지요.

반응형이다보니 고정너비의 광고를 넣으면 딱맞게 떨어지지가 않았습니다. 

그래서 이번에는 데스크탑에서는 딱맞게 떨어지도록 너비를 조정했습니다.


다양한 크기와 다양한 위치에 넣을수 있도록 하였으니 변경된 점을 잘 보시고 수정하시기 바랍니다.

안되는분은 꼭 댓글로 질문하세요.


먼저 전체 스샷을 참고하시기 바랍니다. 어느 위치에 광고가 들어가고 어떤 크기가 들어가는지 이미지로 표시되어 있기 때문에 보면 금방 알 수 있습니다.




자 갑니다.

1. 블로그 제목.

이전에 부트스트랩 스킨은 해더에 고정되어 있는 메뉴바를 사용했기 때문에 로고(타이틀) 부분이 좀 강조가 안된듯이 보였습니다.

그래서 이걸 보강하고, 선택할 수 있게 했습니다.


아래에서 보듯 상단 메뉴가 아래 제목 부분과 제목아래 블로그 설명부분을 넣었습니다.



이 부분이 싫은 분을 위해 사이드바에서 삭제할 수 있도록 했습니다.

사이드바에서 보여지는 부분은 s1-블로그제목 입니다.


2. 구글광고 728-90.

총 3군데에 넣을 수 있습니다.

위에 스샷을 첨부했으니 어느 위치인지는 참고하세요.

사이드바에서 관리가 가능합니다. 이름은 s2-본문최상단730광고 , s3-댓글위730광고 , s5-맨아래730광고 입니다.

사이드바 스샷은 아래에서 참고하세요. 같이 설명하겠습니다.


3. 탭 추천 포스트.

블로그에 관련 포스틀를 사용하고자하면 사용하시면 됩니다. 

단 링크는 수동으로 수정해줘야 합니다.

수정할때는 skin.html 을 에디터에 붙여넣기한 다음 작업하세요. 탭 추천 포스트를 검색하셔서 아래의 링크와 제목만 수정하시면 됩니다.





만약 사용하지 않는다면 사이드바에서 제거하시면 됩니다.


4. 사이드바 구글광고.

사이드바에서 구글광고를 넣을 수 잇는 사이즈는 총 3가지 입니다.

스샷을 보시면 알겠지만 125-125, 300-250, 336-280 총 3가지 형태입니다.

125-125는 광고대신 배너로 사용해도 됩니다.

사용안하시면 마찬가지로 사이드바에서 제거하면 됩니다.


수정하는 법.

제가 코드를 넣기 편하게 주석을 달아놨습니다.

주석 중간에 있는 코드를 광고 코드나 배너코드로 변경만 해주시면 됩니다.





5. 사이드바 관리.

자 이게 제일 중요합니다.

사이드바 관리에서 s1, s2, s3.... 등으로 나가는 머릿말은 사이드바1, 사이드바2, 사이드바3 .... 등을 의미합니다.

곧 메뉴들은 각각 같은 위치에 들어가야만 에러가 안납니다.


s2-본문최상단730메뉴가 사이드바 3 위치에 가면 안된다는 말입니다. 아시겠지요.

아래 스샷을 보시면 사이드바에 대한 이해가 가실겁니다.




6. SNS 링크.

사이드바에 sns 링크가 있습니다. 이걸 사용안하시면 사이드바에서 제거하면 됩니다.

만약 사용하실려면 링크를 본인것으로 수정해줘야 합니다.

사진을 첨부하니 참고하세요.


7. 자바스크립트 코드 최적화.

스킨에는 자바스크립트가 별로 안들어갑니다.

만약 부트스트랩에서 사용하는 코드를 사용하고 싶다면 스킨에 포함된 script.js 를 수정하면 됩니다.

여기에는 부스트트랩에서 제공하는 자바스크립트 모두와 코드하이라이트 기능을 하는 prettify.js 도 모두 포함이 되어 있습니다.

물론 css 에 다 들어가 잇습니다.

사용할건지 안할건지만 판단하면 됩니다.


배포하는 스킨에는 스킨에 포홤된 스크립트느 모두 주석처리햇으니 사용할려면 주석을 해제하면 됩니다.

주석처리한 코드


사용할려면 아래처럼 맨앞에 // 주석을 해제하면 됩니다.




한가지 더.

사이드바에서 처음부터 보여지는 사이드바 메뉴는 사이드바의 광고와, 공지사항, 카테고리, 최근글, 태그, RSS 입니다.

이 순서를 변경하고 싶다면 skin.html 을 수정하면 됩니다.

수정하는 방법도 간단하니 잘 보세요.


skin.html 에서 sidebar_show 를 검색합니다.

아래 스샷에서보듯 widget_content sidebar_show 게 같이 있으면 처음부터 보이는것이고, widget_content 만 있으면 안보이는 겁니다.

처음부터 보이고 안보이고의 순서를 바꾸고 싶다면 sidebar_show 만 넣고 빼면 됩니다.




8. 검색부분.

빠뜨려서 다시 작성합니다. ㅎㅎㅎㅎ.

기본 스킨에는 티스토리 검색을 사용할수 있도록 배포됩니다.

만약 구글검색을 사용하고자하면 주석을 그대로 바꿔주시면 됩니다.




해당 스킨의 배포는 공지사항을 참고하세요.



1 현재 쓴글에서 자바스크립트 부분이 업데이트 되었습니다.
2 댓글 보이고 감추기 부분에서 숫자 부분이 약간 수정되었습니다.. 수정된 것은 아래를 참고하세요.
3 배포파일에 태그 클라우드를 표시해주는 tagcloud.swf가 빠져서 추가했습니다.

tagcloud.zip



댓글보이고 감추기부분 html

<!-- 기본 마크업 -->
<a href="#rp" onclick="[#\#_article_rep_rp_link_##]" class="btn" id="aComment">
	<i class="icon-comment"></i> COMMENT
	<s_rp_count> 
		<span>[#\#_article_rep_rp_cnt_##]</span>
	</s_rp_count>
</a>
<a href="#tb" onclick="[#\#_article_rep_tb_link_##]" class="btn">
	<i class="icon-share"></i> TRACKBACK
	<s_tb_count> 
		<span>[#\#_article_rep_tb_cnt_##]</span>
	</s_tb_count>
</a>

<!-- 수정된 마크업, COMMENT TRACKBACK 의 위치가 변경되었습니다. -->
<a href="#rp" onclick="[#\#_article_rep_rp_link_##]" class="btn" id="aComment">
	<i class="icon-comment"></i> 
	<s_rp_count> COMMENT
		<span>[#\#_article_rep_rp_cnt_##]</span>
	</s_rp_count>
</a>
<a href="#tb" onclick="[#\#_article_rep_tb_link_##]" class="btn">
	<i class="icon-share"></i> 
	<s_tb_count> TRACKBACK
		<span>[#\#_article_rep_tb_cnt_##]</span>
	</s_tb_count>
</a>