이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

[스킨 가이드] simple white v3 - 사이드바 위젯 추가 하기


미리보기직접 추가한 방문자 통계 그래프


스킨을 만들 당시, 사이드바 위젯을 편하게 추가하거나 제거 하고싶어서 나름 깔끔하게 소스를 정리했었습니다.


스킨 파일의 간단한 수정만으로 위젯을 추가 할 수 있는 방법을 알려드리겠습니다.



위젯 추가

관리 > 꾸미기 > HTML/CSS 로 이동하셔서 <s_sidebar> 또는 <!-- 우측 사이드바 --> 를 Ctrl + F 로 찾아주세요.


아래 소스를 복사하셔서 원하는 위치에 붙여넣으신 후 내용을 수정하시면 됩니다.

<s_sidebar></s_sidebar> 사이에 위젯 소스가 들어가야 합니다.


	<s_sidebar_element> <!-- 위젯 제목 -->
	<div class="widget">
		<h3><i class="fa"></i> 위젯 제목</h3>
		내용
	</div>
	</s_sidebar_element>


여기서 주목하셔야 할 부분이 <i class="fa"></i> 입니다.

Font-Awesome소스인데요, 블로그에 추가한 Font-Awesome사이트를 방문하시면 다양한 아이콘이 있습니다.

원하는 아이콘을 골라서 <class="fa"></i> 대신 코드를 넣으면 됩니다.



이 소스를 사용하여, 구글 애드센스플리커 사진첩 등을 사이드바에 추가하실 수 있습니다.



반대로 위젯을 완전히 지우고 싶으시면 해당 위젯의 제목을 Ctrl + F 로 찾은 다음 제거하시면 됩니다.

최근 댓글