블로그 다른글 추천 썸네일 위젯(linkwithin) 달기
블로그를 개설하여 글을 작성 하고 다른 인터넷유저들과 소통을 하는 블로거라면 누구나 나의 블로그에 많은 방문객들이 방문해서 정보를 공유 하는 바램과 더불어 더욱더 내 블로그에 오래 머물면서 좀더 다양한 소통 하기를 바랄겁니다.
그중 내 블로그에 방문한 방문객을 좀더 오래 머물도록 하기위해서는 다른 카테고리 글들을 소개하는 플러그인이나 글 속에 다른 관련글을 링크하는 등의 방법이 있습니다. 하지만 이러한 방법들은 텍스트 위주로 안내를 하고 있는데 텍스트가 아닌 썸네일 이미지를 통해서 내 블로그글 들을 랜덤하게 안내를 해주는 Linkwithin 이라는 유용한 위젯이 있어 소개를 합니다.
위 그림에서 보는 것처럼 블로그 하단에 5개의 스토리를 적용한 화면입니다. 적용하는 방법은 해당 linkwithin 사이트를 방문하여 코드생성후 간단하게 적용을 하면 됩니다.
1.먼저 LinkWithin 사이트를 방문합니다. ☞ LinkWithin 클릭
방문을 한후 이메일주소,블로그주소,블로그플랫폼,스토리 갯수를 선택한후 <Get Widget!>를 클릭합니다. 저는 티스토리 블로그 이기 때문에 other 와 5개스토리를 선택하였습니다.
2.소스코드가 생성이 되면 복사하여 블로그 스킨의 </body> 위에 넣으면 됩니다.
3.저는 블로그 하단에 위치시키고자 사용하고 있는 티스토리 스킨 관리자 화면->html/css편집 에서 ctrl+f 로 찾은후 바로 밑에 적용을 하였습니다.
*기본적으로 제공하는 코드와 조금 추가된것이 있는데 해당 위젯을 센터에 맞추고 원하는 곳에 위젯을
적용하기 위해서는 아래 소스코드를 추가합니다.
▶중앙에 정렬하기 위해서 <center>
▶위젯을 원하는 위치에 배치하기 위해서 <div class="linkwithin_div"> 위젯코드 </div>
▶위젯상단 "You might also like : " 문구를 원하는 것으로 바꾸려면 script>linkwithin_text='M.스타일의 추천글 보기'</script>
'IT Tech > 블로그' 카테고리의 다른 글
티스토리 이전글 관련글 링크 삽입하여 체류시간을 늘리기 (3) | 2015.12.29 |
---|---|
티스토리 블로그 외부스킨 적용하기 (0) | 2015.12.18 |
티스토리 블로그 에 페이스북 댓글 플러그인 장착하기 (7) | 2012.12.29 |
티스토리 블로그 링크 라인 제거 및 색상 변경 하기 (0) | 2012.12.26 |
티스토리 블로그 글 예약 하여 내가 원하는 시간에 포스팅 하기 (0) | 2012.12.25 |