아래 손가락을 눌러주세요. 

 





 쉽게 이야기하면 '카테고리 다른 글 더보기'를 '썸네일 이미지 링크 위젯'으로 대체하여 가독성의 효율의 높이는 방법입니다. 이 문서에서는 '썸네일 이미지 링크 위젯'을 설치하는 방법을 소개합니다.




 아래 그림이 바로 '썸네일 이미지 링크 위젯' 모습입니다. 그림과 제목의 조합으로 일반 글만 있는 목록보다 훨씬 가독성이 뛰어나죠?


 아래 그림이 티스토리에서 제공하는 기본 '카테고리 다른 글 더보기' 입니다. 이 목록 숨기고 위의 방법을 설치하겠습니다. '카테고리 다른 글 더보기' 숨기는 방법은 티스토리 관리자모드에서 [플러그인] - [플러그인 설정] - [꾸미기] 에서 카테고리 다른 글 더보기를 취소하시면 됩니다.






  linkwithin에서 위젯 코드 생성





1. 다음 사이트로 이동합니다.

-> http://www.linkwithin.com/learn




2. 아래와 같이 유효한 이메일 주소와 설치하려는 블로그 주소를 입력하고, Platform은 Ohter로 선택합니다. Width는 썸네일 이미지의 개수를 나타냅니다. 5 stories 를 선택하면 5개의 이미지를 보이게 할 수 있습니다. 마지막 체크 박스는 자신의 블로그 글 배경이 어둡다면 체크하시면 됩니다.


모두 입력하였으면 Get Widget! 버튼을 눌러줍니다.






3. 이렇게 해서 생성된 코드로 설치를 해야 하는데, 몇 가지를 추가해야 합니다.






4. 파란색 부분은 썸네일 이미지의 위치를 설정하는 코드이며 추가해주어야 합니다. 보라색 부분은 썸네일 이미지 링크의 제목을 설정할 수 있는 코드입니다. 작은 따옴표(' ') 사이에 제목을 입력할 수 있고 빈 공간으로 두면 제목을 지정하지 않게 됩니다.


<center>

<div class="linkwithin_div">

<script>

var linkwithin_site_id = 0000000;

</script>

<script>linkwithin_text=' '</script>

<script src="http://www.linkwithin.com/widget.js"></script>

<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

</div></center>







  생성한 코드 배치하기




1. 코드를 추가하기 위해 티스토리 관리자모드에서 [HTML/CSS 편집] - [HTML/CSS] 탭으로 이동합니다. 그리고 단축키 ctrl+f 로 article_rep_desc 를 검색하여 skin.html 에서 위치를 찾습니다.








2.


위에 생성한 코드를 추가하게 되면 아래와 같은 위치에 '썸네일 이미지 링크'가 위치하게 됩니다. 제목 바로 아래부분이죠?








아래에 생성한 코드를 추가하게 되면 본문 아래에 배치됩니다.








posted by 쪼재