[스킨 가이드] simple white v3 - 사이드바 위젯 추가 하기
2014. 9. 9. 16:53,
티스토리/raphael,
직접 추가한 방문자 통계 그래프
스킨을 만들 당시, 사이드바 위젯을 편하게 추가하거나 제거 하고싶어서 나름 깔끔하게 소스를 정리했었습니다.
스킨 파일의 간단한 수정만으로 위젯을 추가 할 수 있는 방법을 알려드리겠습니다.
위젯 추가
관리 > 꾸미기 > 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 로 찾은 다음 제거하시면 됩니다.