스킨을 바꾸면서...

티스토리의 스킨을 '#1'로 바꾸면서 정리를 해야겠다는 다짐을 하게된다.

겉으로 드러나는 디자인, 새롭게 설치한 메뉴등의 소스를 하나씩 정리를 해둬야 나중에 다시 활용하고자 할 때 헤매지 않고 바로 적용하기 위해서 필요하다.

 

본래의 '#1' 스킨을 다 헤집어 놔서 속을 들여다 보면 완전 엉망진창이다. 시간이 나는대로 보기좋게 이해하기 쉽게 정리를 하자.

글꼴을 웹폰트인 'Nanum Barun Gothic'로 변경했다. 본래 글꼴인 'Noto Sans'은 컴퓨터에서 글자 둘레가 흐릿하게 퍼져 보이는 현상이 나타난다. 

 

내 컴퓨터에서만 나타나는 현상일 수 도 있겠지만 내 눈이 뿌옇게 변해 버리는 느낌이 들어 바꿨다. 

 

 

최근에 올라 온 글, 본문에 적용하기.

 

아래 소스를 티스토리의 Html의 </head>위에 적어 주면 끝!

<script type="text/javascript"> $(function(){ $.ajax({ url : '/rss', dataType : 'xml', success : function(data){ var htmlnewarticle = '<div class="another_category another_category_color_gray" style="margin-top:30px;"><h4 style="color:#3db39e !important;font-weight:bold">최근에 올라온 글</h4><table>'; var zz = 1; var isizenewarticle = 10; // 최근글 출력할 갯수 $('item', data).each(function(){ htmlnewarticle += '<tr><th><a href="' + $("link", this).text() + '">' + $("title", this).text() + '</a></th></tr>'; if(zz==isizenewarticle){return false;} zz++; }); htmlnewarticle += '</table></div>'; $(".tt_article_useless_p_margin").after(htmlnewarticle); } }); }); </script>

 

최근 글의 갯수를 10개, 8개 정하면 작성된 문서가 그 이상이 되어야 나타난다. 즉, 최근 글이 10개면 작성된 문서 역시 10개 이상이 되어야 한다.

 

2016.06.13.

참조 : http://sometimes-n.tistory.com/29# 

 

<!-- 최근 글 본문에 넣기 --> <script type="text/javascript"> $(function(){ $.ajax({ url : '/rss', dataType : 'xml', success : function(data){ var htmlnewarticle = '<div class="another_category another_category_color_gray" style="margin-top:30px;"><a style="font-size:15px !important; color:#3db39e !important; font-weight:bold; border-bottom:1px dotted #90b633; display:block;">최근에 올라온 글</a><table>'; var zz = 1; var isizenewarticle = 10; // 최근글 출력할 갯수 $('item', data).each(function(){ htmlnewarticle += '<tr><th><a href="' + $("link", this).text() + '">' + $("title", this).text() + '</a></th></tr>'; if(zz==isizenewarticle){return false;} zz++; }); htmlnewarticle += '</table></div>'; $(".tt_article_useless_p_margin").after(htmlnewarticle); } }); }); </script><!-- // 최근 글 본문에 넣기 -->

 

본문 안에 있는 카테고리의 다른 글 보기하고 비슷하게 꾸미기 위해서 조금 수정을 해서 적용했다.

 

2016.06.14.