지금 이 블로그에 쓰이고 있는 bootstrap 기반의 티스토리 스킨입니다.
세부적인 디자인을 변경하고, 아이콘 로딩으로 인한 느린 속도를 개선했습니다. 또한 지금 이 블로그에 달려있는 광고 칸을 쓸 수 있도록 했습니다.
Font Awesome을 제거하고, Bootstrap이 기본으로 제공하는 glyphicon으로 대체했습니다.
image 폴더를 제거하고, oreo 폴더에 모든 파일을 넣었습니다. oreo 폴더에 있는 것만 모두 긁어서 업로드하시면 됩니다.verbose 폴더에 최소화(minify)하지 않은 파일들을 따로 담아두었습니다.verbose 폴더에 있는 파일을 수정하는 것이 편하실 겁니다 :)skin-with-adsense.html 파일을 따로 작성해두었습니다. 이 html 파일은 제 블로그에 집어넣은 두 가지 광고를 위한 코드만을 포함합니다. 이 파일에 adsense 코드를 복사해서 붙여넣으면 됩니다. 그리고 업로드할 때에는 꼭 파일명을 skin.html로 해야 하는 점을 잊지 마세요. 광고 코드를 넣는 위치를 빨리 찾을 수 있도록 아래 코드를 첨부합니다.
... 생략 ...
<body id="[##_body_id_##]">
<s_t3>
<section style="position:fixed;right:20px;top:22vh" class="visible-lg-block">
// your adsense code for 우측 큰 광고 (skyscrapper)
</section>
... 중략 ...
<section class="container" id="notices">
<s_rct_notice>
<ul class="notice-list margin-bottom-10">
<s_rct_notice_rep>
<li>
<a href="[##_notice_rep_link_##]"><i class="glyphicon glyphicon-info-sign"></i> [##_notice_rep_title_##]</a>
</li>
</s_rct_notice_rep>
</ul>
</s_rct_notice>
</section>
<section class="container margin-bottom-10">
// your adsense code for 반응형 광고
</section>
<section class="container" id="articles">
<s_local>
<div class="article">
<h3>위치 로그 페이지가 없습니다.</h3>
</div>
</s_local>
... 후략 ...
부디 개선만 됐으면 좋겠네요...
아래는 미리보기 화면 :>
| 4월의 초대장 나눔 (52) | 2017.04.09 |
|---|---|
| 2017년 3월 티스토리 초대장 나눔 (42) | 2017.03.05 |
| Oreo 0.2 업뎃 (디자인 및 속도 개선, adsense 예제) (27) | 2017.02.12 |
| 2017년 2월의 초대장 나눔 (47) | 2017.02.05 |
| 2017년 1월 초대장 나눔 (15) | 2017.01.01 |
| 12월의 초대장 나눔 (35) | 2016.12.03 |
이런 심플한 레이아웃 찾고있었는데 저한테 딱이내요!
단지 좀 아쉬운게 있다면 글쓰기 아이콘이 없어 관리 페이지 계속 들락날락거리게되내요;(제가 못찾는걸 수도...? ㅋ;)
그리고 메뉴바가 큰 카테고리만 출력이되는데 큰 카테고리를 클릭시 해당 카테고리 페이지로 가게되면 하위 메뉴들도
좀 표시가 되면 더 좋지않을까 싶내요.
안녕하세요 ~ 동건님 스킨 잘쓰고있습니다. 근데 한가지 질문이있어요. 유튜브 동영상은 width 100% 로 하면 모바일에서도 알맞게 크기가 바뀌는데요. 티스토리에서 글쓰기에서 자체적으로 올린 동영상은 크기조절이 안되네요. 어떻게 해야하죠? 바쁘신데 죄송합니다. ~ ^^;;
