티스토리 블로그에 갤러리형 추천글 위젯 달기 - LinkWithin
2015.03.15 13:38
티스토리 블로그에 갤러리형 추천글 위젯 달기 - LinkWithin
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

블로그를 운영하는데 있어 검색으로 유입된 방문자를 얼마나 긴 시간 머무르게 하는것이 블로그 운영에 아주 중요합니다.

 

방문자가 긴 시간 블로그에 머무르게 하는 방법은 여러가지가 있지만 방문자가 원하는 정보를 얻고 바로 나가 버리는것보다 다른 글도 읽고 가면 좀더 머무르는 시간이 늘어납니다.

 

티스토리 자체 플러그인중 '카테고리 다른 글 보기'가 있지만 이 플러그인은 텍스트+카테고리안에 있는 글만 보여 줍니다.

 

그러나  LinkWithin는 설치된 블로그이 모든 글을 랜덤으로 보여주고 이미지를 이용한 썸네일 형태로 보여줘 좀더 시선을 끌수 있습니다.

 

제 블로그에는 LinkWithin를 설치하고 있지않지만 경우에 따라 LinkWithin가 도움이 될수 있으니 블로그를 운영하신다면 참고해 보세요.

 

갤러리형 추천글 위젯 달기 - LinkWithin

 

LinkWithin을 블로그에 달기위해 아래 링크로 이동하셔서 코드를 발급받아 주세요.

 

 

링크를 이용해서 접속하시면 위 화면이 나오는데 코드 발급은 아주 간단 합니다. 회원가입 이런거 없이 바로 코드를 받을수 있습니다.

 

Email: 
Blog Link: 
Platform: 
Width:

 

란을 채우시고 'Get Widget!'을 클릭하시면 됩니다.

 

여기에서 신경쓰실것은 티스토리 블로그에 적용할 것이니 Platform:  란에서 'Other'을 선택 하시면 됩니다.

 

그럼 아래 이미지 처럼 코드를 주는데 티스토리 블로그에 적용해 주시면 됩니다.

 

 

발급된 코드를 자세히 보면 간단합니다.

 

<script>
var linkwithin_site_id = 0000399;
</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>

 

위 코드가 제게 발급된 것인데 아주 간단하네요. 위 코드를 티스토리 관리->HTML/CSS 편집란에 넣으시면 되는데 약간 수정을 해서 사용하셔야 깔끔합니다.

 

<script>
var linkwithin_site_id = 0000399;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>

 

발급된 코드중 위 코드까지만 사용하시면 됩니다. 그리고 티스토리 본문 글중 LinkWithin가 나오게 하고싶은 자리에 위젯을 설치할때 DIV로 감싸주셔야 제대로 나옵니다.

 

<!-- LinkWithin 위젯 시작 -->
<div class="linkwithin_div">

 LinkWithin 스크립트

</div>
<!-- LinkWithin 위젯 끝. -->

 

위 소스를 이용하셔서 'LinkWithin 스크립트'안에 코드를 넣어 주시면 깔끔하게 표현됩니다.

 

위 글 대로 제가 발급받은 코드를 넣고 적용한 화면 입니다. 깔끔하게 이쁘게 보입니다.

 

근데 옥의 티 마냥 위젯 제목이 보이네요. 발급받은 코드에는 위젯 제목에 관한 부분은 없었는데.... 위젯 제목은 간한게 소스를 추가해서 수정해 줄수 있습니다.

 

<script>linkwithin_text='위젯 타이틀'</script> 코드를 적용해 주시면 됩니다.

 

<!-- LinkWithin 위젯 시작 -->
<div class="linkwithin_div">

<script>linkwithin_text='위젯 타이틀'</script>

 LinkWithin 스크립트

</div>
<!-- LinkWithin 위젯 끝. -->

 

위 소스를 이용하셔서 LinkWithin를 깔끔하게 블로그에 적용해 보세요.

 

이미지를 이용한 LinkWithin위젯을 통해 지난 글을 보여주무로써 방문자에게 새로운 읽을거리는 제공할수 있습니다.

 

설정, 기타 작업이 복잡하지않아 쉽게 적용가능하다는것도 큰 장점이겠네요.

 

전 이 글을 작성하면서 linkwithin코드를 발급받은 이유가 사이드바에 적용해 볼까 했는데 linkwithin의 기본으로 제공되는 썸네일 개수가 최소3개라 적용 실패 했네요.

 

사이드바에 뭔가 변화를 주고싶은데 마따한 아이템이 없네요.^^

저작자 표시 비영리 변경 금지
신고

, , , , , , ,