본문 바로가기
카테고리 없음

링크위드인 위젯으로 블로그 다른글 썸네일 표시 linkwithin

by @@  2014. 4. 7.

블로그를 운영하다 보면 내 블로그의 좋은글들을 효과적으로 방문객들에게 보여주고 싶은 마음이 생깁니다. 티스토리에서는 카테고리 내 다른글 보기 플러그인을 제공하고 있지만, 텍스트 위주로 구성되 있어서 단조롭게 보입니다. 이때 효과적으로 사용할 수 있는 서비스가 바로 링크위드인 위젯입니다.

링크위드인 웹사이트에 접속하면 위와 같은 화면이 나타납니다. 오른쪽 하단의 보라색 박스를 확인해 주세요

 

본인의 이메일 주소와 설치할 블로그 주소를 적은 후 세번째 플래폼에서 Other를 선택합니다.

 

마지막으로 Width의 옆 상자를 클릭하면 3 - 5 개중 하나를 선택할 수 있습니다. 링크위드인 위젯에 표시될 본인 블로그의 인기글 숫자를 정하는 것입니다. 제 블로그는 5 stories로 선택했어요.

 

마지막으로 My blog has light text on a dark background 왼쪽의 상자를 확인해주세요. 보통은 흰색 바탕에 검은 글씨위주의 블로그가 많으니 체크하지 않지만. 배경이 검은색으로 이뤄진 블로그는 체크하여 줍니다. ( 본 블로그는 체크 하지 않았어요 )

 

Get Widget! 버튼을 클릭하면  

 

Get Widget! 버튼을 클릭하면 위와 같은 스크립트 코드가 생성됩니다. 위 스크린샷의 빨간 부분을 복사하여 본인의 블로그의 Html/Css에 붙여넣습니다. ( 티스토리에 활용하는 경우엔 위 스크립트중 site_id만 기억하고 아래의 설명에 따라서 진행해 주세요 )

 

 

 

티스토리 Html/Css에 삽입하는 방법

 

<div class="linkwithin_div">
<script>linkwithin_text=' '</script>
<script>
var linkwithin_site_id = xxxxxxx ;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
</div>

 

위 코드는 티스토리에 삽입하기 위한 스크립트입니다.

1. 우선 본인이 발급받은 스크립트 2번째 줄의 linkwithin_site_id 옆의 숫자를 위 코드중 xxxxxxx 위치에 입력합니다.

2. 티스토리 블로그 관리자 모드의 Html/Css 수정으로 들어갑니다. 그리고 Ctrl + F를 눌러 웹브라우저 검색창을 열어둡니다.

 

3. 모든 포스트 아래에 보이게 할 경우

- 티스토리의 Skin.html 창의 맨아래 </body> 윗 부분에 위 코드를 복사하여 붙여넣어 줍니다.

 

3. 다음뷰 추천버튼 아래

- Ctrl + F를 눌러 웹브라우저 검색창에

블로그를 운영하다 보면 내 블로그의 좋은글들을 효과적으로 방문객들에게 보여주고 싶은 마음이 생깁니다. 티스토리에서는 카테고리 내 다른글 보기 플러그인을 제공하고 있지만, 텍스트 위주로 구성되 있어서 단조롭게 보입니다. 이때 효과적으로 사용할 수 있는 서비스가 바로 링크위드인 위젯입니다.

링크위드인 웹사이트에 접속하면 위와 같은 화면이 나타납니다. 오른쪽 하단의 보라색 박스를 확인해 주세요

 

본인의 이메일 주소와 설치할 블로그 주소를 적은 후 세번째 플래폼에서 Other를 선택합니다.

 

마지막으로 Width의 옆 상자를 클릭하면 3 - 5 개중 하나를 선택할 수 있습니다. 링크위드인 위젯에 표시될 본인 블로그의 인기글 숫자를 정하는 것입니다. 제 블로그는 5 stories로 선택했어요.

 

마지막으로 My blog has light text on a dark background 왼쪽의 상자를 확인해주세요. 보통은 흰색 바탕에 검은 글씨위주의 블로그가 많으니 체크하지 않지만. 배경이 검은색으로 이뤄진 블로그는 체크하여 줍니다. ( 본 블로그는 체크 하지 않았어요 )

 

Get Widget! 버튼을 클릭하면  

 

Get Widget! 버튼을 클릭하면 위와 같은 스크립트 코드가 생성됩니다. 위 스크린샷의 빨간 부분을 복사하여 본인의 블로그의 Html/Css에 붙여넣습니다. ( 티스토리에 활용하는 경우엔 위 스크립트중 site_id만 기억하고 아래의 설명에 따라서 진행해 주세요 )

 

 

 

티스토리 Html/Css에 삽입하는 방법

 

<div class="linkwithin_div">
<script>linkwithin_text=' '</script>
<script>
var linkwithin_site_id = xxxxxxx ;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
</div>

 

위 코드는 티스토리에 삽입하기 위한 스크립트입니다.

1. 우선 본인이 발급받은 스크립트 2번째 줄의 linkwithin_site_id 옆의 숫자를 위 코드중 xxxxxxx 위치에 입력합니다.

2. 티스토리 블로그 관리자 모드의 Html/Css 수정으로 들어갑니다. 그리고 Ctrl + F를 눌러 웹브라우저 검색창을 열어둡니다.

 

3. 모든 포스트 아래에 보이게 할 경우

- 티스토리의 Skin.html 창의 맨아래 </body> 윗 부분에 위 코드를 복사하여 붙여넣어 줍니다.

 

3. 다음뷰 추천버튼 아래

- Ctrl + F를 눌러 웹브라우저 검색창에 를 입력한 후 나오는 문장 아래에 코드를 삽입합니다.

3. 카테고리 목록에 나타나게 하는 방법

- Ctrl + F를 눌러 웹브라우저 검색창에 ' Search Result  ' 를 입력한 후 나타나는 위치 아래에 코드를 삽입합니다.

 

이상으로 티스토리등 자신의 블로그에 링크위드인 위젯을 사용하여 썸네일이 보이는 다른글 목록을 추가하는 방법을 알아봤습니다. 본인의 블로그의 다양하고 좋은 글을 사람들에게 알리는 좋은 수단으로 사용되는 링크위드인 플러그인으로 방문자들이 오랜시간동안 블로그에 머물 수 있도록 도와주세요

를 입력한 후 나오는 문장 아래에 코드를 삽입합니다.

3. 카테고리 목록에 나타나게 하는 방법

- Ctrl + F를 눌러 웹브라우저 검색창에 ' Search Result  ' 를 입력한 후 나타나는 위치 아래에 코드를 삽입합니다.

 

이상으로 티스토리등 자신의 블로그에 링크위드인 위젯을 사용하여 썸네일이 보이는 다른글 목록을 추가하는 방법을 알아봤습니다. 본인의 블로그의 다양하고 좋은 글을 사람들에게 알리는 좋은 수단으로 사용되는 링크위드인 플러그인으로 방문자들이 오랜시간동안 블로그에 머물 수 있도록 도와주세요

댓글