반응형 블로그 스킨 - markquery

반응형 블로그 

자료 출처 : http://jaebok.tistory.com/79  (티스토리 반응형웹 skeleton 스킨 소개 및 활용)

소스 다운로드 : https://github.com/markquery

• tistory-spidersweb0 markquery skeleton - spider's web for tistory
• tistory-doobedoo0 markquery skeleton - doo be doo for tistory

티스토리 블러그에 반응형웹 스킨을 적용 : http://jaebok.tistory.com/80

기타 비교적 자세하게 설명을 해 둔 곳이다.

---

[스킨 수정]

0. 구글 애드샌스 광고 넣기

HTML/CSS > Skin.html 에서

##_article_rep_desc_## 를 찾아서 상단부에 넣으면 된다.

---

( 적용 예 : )

<div style="text-align:center;">

  <table border="0" cellspacing="0" cellpadding="0" width="100%">

     <tr>

         <td width="90%">             

<script type="text/javascript"><!--

google_ad_client = "ca-pub-7070696421384839";

/* T_Starcatch_14_Img1 */

google_ad_slot = "2020790980";

google_ad_width = 336;

google_ad_height = 280;

//-->

</script>

<script type="text/javascript"

src="//pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

         </td>

     </tr>

  </table>

</div>

1. 상단 메뉴 수정        

HTML/CSS > Skin.html 에서

<ul class="nav navbar-nav"> 를 찾아 수정해 주면 된다.

---

( 적용 예 : )

<!-- 드러븐메뉴 Life -->

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Life <b class="caret"></b></a>

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">

<li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life"><a property="dc:title" href="https://starcatch.tistory.com/category/Life"> Life </a></li>

<li class="divider"></li>

<li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Day"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Day"> Day </a></li>

        <li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Edu"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Edu"> Edu </a></li>

<li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Jobs"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Jobs"> Jobs </a></li>

        <li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Books"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Books"> Books </a></li>

        <li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Money"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Money"> Money </a></li>

        <li typeof="sioc:Page" about="https://starcatch.tistory.com/category/Life/Shopping"><a property="dc:title" href="https://starcatch.tistory.com/category/Life/Shopping"> Shopping </a></li>

</ul>

</li>

2. 최근글과 Copyright 수정하기  (참조 : http://jaebok.tistory.com/82)

HTML/CSS > Skin.html 에서

http://markquery.com/feed 를 찾아서  http://starcatch.tistory.com/feed 로 바꿔 준다.

HTML/CSS > Skin.html 에서

Copyright 부분을 찾아 자기 부분만 수정한다. 저작권 부분은 그냥 둔다.

3. 달력과 방문자 통계 추가하기 (참조 :  http://jaebok.tistory.com/89 )

HTML/CSS > Skin.html 에서

<s_sidebar> 여기에 넣기 </s_sidebar>

4.

0