Barista7

현재 Fastboot 스킨을 사용중인데, 이번에 모듈을 추가하면서 약간의 변화를 주고자 한다.

 

추천 모듈은 블로그에 작성된 많은 글 중에서 보여주고싶은 포스팅이나 링크를 게시할수 있게 해준다.

 

이렇게 게시된 글을 통해 페이지 뷰를 늘릴수 있으리라 기대해 본다.

 

추천모듈 다는 방법은 예전에 포스팅한 것중에 우측 사이드바에 애드센스광고 달기와 같은 방법으로 하면 된다.

 

소스코드는 아래에 첨부된 것을 사용하면 된다. 그럼 지금부터 한번 따라서 해보자.

 

 

 

 

 

티스토리 Fastboot 스킨에서 우측 사이드바에 추천(Recommended) 모듈 다는 방법

 

 

 

 

 

추천(Recommended)모듈이 최종적으로 게시되었을때의 모습은 아래 그림과 같을 것이다.

 

 

 

 

 

이렇게 추천모듈을 한번 설정해 놓으면 자동으로 변하지 않는다. 변경하고 싶을때는 처음 코드를 삽입할때처럼 수동으로 포스팅된 글 URL을 변경해주면 된다.

 

지금부터 순서대로 따라해 보자.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. 이미지 준비하기

 

먼저 추천모듈에 들어갈 썸네일 이미지를 만들어 주어야 한다.

 

이미지 사이즈는 80x80 픽셀이 적당한데, 티스토리 Writings의 기본이미지인 book_big.jpg를 참고하면 된다.

 

 

 

 

 


나는 정확하지는 않지만 book1_big.jpg과 비슷한 크기로 간단하게 만들어서 업로드할 생각이다. 파일이름도 링크걸기 편하게 만들고 기억해두자.

 

업로드 방법은 블로그관리홈>꾸미기>스킨편집>html편집>파일업로드 순으로 클릭해서 이동하면 된다.

 

 

 

 

 

 

 

 

 

 


하단의 "+추가"를 클릭하고 올릴 이미지 파일을 선택해서 업로드 하면된다.


 

 

 

 

 

간단하게 만든 이미지 파일을 업로드 하였다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 추천 모듈 CSS 코드 삽입하기

 

추천모듈 CSS 수정코드는 첨무파일 다운받아 사용하면 된다.

 

 

 

 

 

 

 

블로그관리홈>꾸미기>Html편집>CSS 를 클릭하여 이동한다.

 

 

메모장에서 코드를 복사한 후 붙여넣기 적당한 곳을 찾아 붙여넣으면 된다.

 

 

 

 

 

나는 '페이지' 위쪽에 붙이기로 했다. 붙여넣기 후에 저장을 클릭하고 빠져나온다.

 

 

 

 

 

 

 

 

 

 

3. 포스팅 된 글 URL주소 복사하기

 

다음에는 추천 모듈에 게시할 글을 찾아서 확인해 두면 된다.


추천모듈에 들어갈 목록은 원하는만큼 추가하면되는데 너무 많은것보다는 4~5개가 적당할 것 같다.

 

자신이 추천하고싶은 포스팅 글 갯수만큼 URL을 준비한다.

 

 

 

 

 

 

 

 

 

 

 

 

4. HTML편집 추천 모듈 코드 삽입하기

 

이제는 HTML에서 배너를 추가하면 되는데 자신이 편한 방법으로 하면된다.

 

 

블로그관리홈>꾸미기>Html편집 에서 코드를 넣어도 되고,

 

 

 

 

 

블로그관리홈>꾸미기>사이드바로 이동해서 플러그인으로 제공되는 HTML배너출력을 사용해도 된다. 어떤것을 사용해도 상관없다.

 

 

 

 

 

나는 HTML편집으로 코드를 삽입해 보았다.

 

 

 

 

 

HTML에 삽입할 코드는 아래의 첨부파일을 다운받아 사용하면 된다.

 

 

 

 

 

 

 

기존에 넣었던 애드센스 광고 모듈 위쪽에 추천모듈을 삽입하고 저장하였다.

 

 

 

 

 

저장한후에는 사이드바 왼쪽 기본모듈에 '추천모듈' 만들어진것이 보일것이다.

 

 

 

 

 

 

만들어진 '추천모듈'을 '+'를 클릭해서 적용시키고 변경사항 저장을 하면 끝난다.

 

 

 

 

 

잘나오는지 확인해보면~, 역시 잘나오고 있다.

 

 

 

 

 

 

지금은 한개의 링크를 추가했지만 4줄을 만들고 싶다면, 아래의 코드부분을 추가로 복사해서 붙여넣기 하면된다.

 

 

 

 

 

 

추천글 한줄을 더 만들어 보았다.

 

 

 

 

저장후에 확인해 보면 잘 노출되고 있다.

 

 

 

 

너무 간단하니 쉽게 따라할 수 있을것이다.

 

 

 

 

 

 

 

지금까지 티스토리 Fastboot 스킨에서 우측 사이드바에 추천(Recommended) 모듈 다는 방법에 대해 알아보았다.

 

 

 

 

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요! 

 

 

 

 

반응형








공유하기

facebook twitter kakaoTalk kakaostory naver band