여러가지 티스토리 블로그들을 돌아다니시면 추천버튼이 올라가 있는 경우가 있습니다.
012
방법은 두 가지 입니다.
첫번째는 게시물을 먼저 올리고 추천버튼을 올리거나
두번째는 게시물을 올림과 동시에 저절로 추천버튼이 생기는 경우 인데요.
첫번째는 그냥 올리기만 하면 되므로 두번째 강좌를 한번 알아 보겠습니다!
.
.
① 다음뷰 기본형으로 바꾸기 AND 파일 올리기
- 관리 - 플러그인 설정 - Daum View 설정에서 View on 박스를 기본형으로 변경 합니다.
그 다음 꾸미기 - HTML/CSS 편집 - 파일 업로드에 들어가거나 다른 비공개 게시물을 만들어 지정한 파일을 올립니다.
그리고 그 파일 올린 것에 마우스 오른쪽 버튼을 눌러 혹은 html모드로 그 파일의 위치를 알아냅니다.
그 다음 꾸미기 - HTML/CSS 편집 - 파일 업로드에 들어가거나 다른 비공개 게시물을 만들어 지정한 파일을 올립니다.
그리고 그 파일 올린 것에 마우스 오른쪽 버튼을 눌러 혹은 html모드로 그 파일의 위치를 알아냅니다.
click.js
Ex) cfile29.uf@197352454F0B2BB4080380.js
마지막으로 그 파일을 사용할 수 있게 문구를 변경해 줍니다.
Ex) http://자기아이디.tistory.com/attachment/cfile29.uf@197352454F0B2BB4080380.js
② HTML/CSS 편집
- 꾸미기 - HTML/CSS 편집 메뉴에 들어가서 편집을 해줍니다.
먼저 skin.html 부분에서 <head></head> 사이에
라는 문구를 넣어줍니다.
그리고 먼저 올렸던 파일의 경로/위치를 자바 파일에다가 넣어줍니다.
그 다음으로 Ctrl + F를 눌러 </body>를 찾아 앞에 지정된 두번째 문구,
라는 문구를 넣어줍니다.
사실 자바 파일만 올려줘도 추천 버튼은 자동적으로 올라가게 됩니다.
하지만, 예를 들어 저의 블로그에는 추천 버튼 위에 이미지가 하나 있습니다.
그런 분들은 style.css 맨 하단에 지정된 세번째 문구,
를 넣어줍니다.
지정된 파일에는 원하는 이미지 파일을 올려주시면 됩니다.
012
지정된 문구.txt먼저 skin.html 부분에서 <head></head> 사이에
<script src="자바 파일" type="text/javascript"></script>
라는 문구를 넣어줍니다.
그리고 먼저 올렸던 파일의 경로/위치를 자바 파일에다가 넣어줍니다.
그 다음으로 Ctrl + F를 눌러 </body>를 찾아 앞에 지정된 두번째 문구,
<script type="text/javascript">
$('.article img:first').before($('.blogger-news-widget'));
</script>
라는 문구를 넣어줍니다.
사실 자바 파일만 올려줘도 추천 버튼은 자동적으로 올라가게 됩니다.
하지만, 예를 들어 저의 블로그에는 추천 버튼 위에 이미지가 하나 있습니다.
그런 분들은 style.css 맨 하단에 지정된 세번째 문구,
.blogger-news-widget {
background: url("지정된 파일") no-repeat scroll center -4px transparent;
padding: 47px 0 20px 0;
}
를 넣어줍니다.
지정된 파일에는 원하는 이미지 파일을 올려주시면 됩니다.
③ 확인
- 그리고 잘 적용이 되어 있는지 확인만 하시면 됩니다.
※ 참고로 위에 있는 click.js 파일은 다음뷰만 될 뿐, Mixup 등 다른 메타사이트들은 적용이 되지 않으니 주의하세요.
※ 참고로 위에 있는 click.js 파일은 다음뷰만 될 뿐, Mixup 등 다른 메타사이트들은 적용이 되지 않으니 주의하세요.
사툰 , 사툰s , Wise사툰 , 와이즈사툰
'-TIP- > * 컴퓨터' 카테고리의 다른 글
| 티스토리 초대장 관련 총정리! (1) | 2012.05.26 |
|---|---|
| 티스토리 덧글 창 위에 다음 View 인기글/최신글 넣기! (4) | 2012.03.10 |
| 티스토리 방명록 창에 배경이미지 넣는 방법 (1) | 2012.03.02 |
| 더블클릭 하여서 맨 위/맨 밑으로 이동시키기 (1) | 2012.02.29 |
| 티스토리 덧글 창에 배경이미지 넣는 방법 (3) | 2012.02.08 |
