320x100
|
|
개인적으로는 다음뷰 버튼이 딱 고정된 위치에서만 뜨고 다른곳에 뜰 수 없어야 한다고 생각하는데요. 그래야 그나마 공정하기 때문입니다. 다만, 다음뷰 관리자도 퍼가기에 대해서는 관대하고 문제가 전혀 없다는 입장이기 때문에 다음뷰의 변화를 기대하긴 어렵습니다.
블로그의 글의 첫 문단에 추천을 해달라는 다음뷰 버튼들을 심심치 않게 볼 수 있는데요. 이 버튼을 여기 둘 수 밖에 없는 상황이 되었습니다. 좋은글도 알리지 않으면 읽히지 않아서 필요없는 글이 될 수 있습니다. 사람들이 볼 수 없다면 의미가 없다는 것 이죠.
자 그렇다면 다음뷰 추천 버튼을 퍼가기를 해서 본문에 상단에 올려보도록 하겠습니다. 이것은 굳이 설명하지 않더라도 대부분 아실겁니다. 다음뷰 사이트에 가서 자신의 글의 퍼가기를 눌러서 코드를 글에 넣으면 됩니다. 물론 이것을 설명하려고 지금 글을 적는것은 아닙니다.
이런 일련의 과정을 자동화 하겠습니다. 아래 내용을 따라하면 자동으로 모든글에 다음뷰 추천버튼이 일정한 위치에 모두 뜨게 됩니다. 물론 이제는 추천은 양심에 맡겨야 합니다. 정말 괜찮은 글에만 판단하여 추천을 해줘야하기 때문이죠. 그래서 배경으로 글도 하나 넣어보았습니다.
"좋은 글이면 추천해주세요" 라고 넣어보겠습니다. 좋은글이면 추천 그게 아니라면 그냥 넘어가는 것이죠.
제 경우에 본문 맨 하단에 다음뷰 버튼을 가장 작게 해서 한쪽 구석에 두었는데 글을 잘 보신분들도 이 버튼을 찾지 못해서 추천해주고 싶어도 추천을 못해줬습니다. 실제 제가 이렇게 적는 이유는 추천버튼이 어디에 있냐고 어느분이 물어본적이 있기 때문입니다. 이제 상단에 올려두었으니 아무래도 추천의 갯수에 변화가 있을겁니다.
실제로 이것을 적용하고 이번달 (지금 2월 2일) 에 추천이 10개였던것이 86개로 갑자기 확 늘어낫네요. 이렇게 다음뷰 추천 수라는게 부질없는것이기도 합니다.
이 팁을 적용하는것이 껄꺼럽거나 이렇게 까지 해야하나? 라고 생각하는분도 분명 있을겁니다. 저역시도 그랬기 때문 입니다. 이것은 모든 블로거들이 마찬가지 일겁니다. 하지만 좋은글은 알려야한다는것과 추천을 하고 싶은데 찾기 어려운 위치에 놓아서 추천을 할 수 없는것을 보호하기 위해서 하는 조취이니 필요하신분만 적용하시기 바랍니다.
제 블로그의 상단을 보면 이미지 바로 위에 다음뷰 추천버튼이 올려져 있고 배경으로 "좋은 글이면 추천해주세요" 라는 글을 볼 수 있습니다. 이것은 다음뷰 추천 위젯 퍼가기를 통해서 넣은것이 아닙니다. jquery 로 자동화되어서 올라갑니다. 코드를 넣어주면 모든글에 이렇게 추가가 되며, 코드를 제거하면 모든글에서 다시 제거가 됩니다.
이제부터 본문의 맨 첫번째 이미지 바로 위에 다음뷰 추천버튼과 배경을 자동으로 표기하는 부분을 적용해보겠습니다.
1. 먼저 다음뷰를 먼저 보이도록 활성화 합니다. 기본형을 하셔도 되고 버튼형을 하셔도 상관은 없습니다.
<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
2. 노란색으로 표기한 코드를 skin.html의 <head></head> 사이에 넣어 줍니다. (라이브리를 쓰고 계시다면 이부분은 생략해도 됩니다.)
</s_t3>
<script type="text/javascript">
$('.article img:first').before($('.blogger-news-widget'));
</script>
</body>
</html>
<script type="text/javascript">
$('.article img:first').before($('.blogger-news-widget'));
</script>
</body>
</html>
.blogger-news-widget {
background: url("https://t1.daumcdn.net/cfile/tistory/123440504F2A62A629") no-repeat scroll center -4px transparent;
padding: 47px 0 20px 0;
}
4. 위 코드를 복사 한 뒤, style.css 의 맨 하단에 추가해 줍니다. 스타일은 원하는 스타일이 있다면 수정하셔서 쓰셔도 됩니다.
추가 팁//
만약에 이미지 2번째나 3번째 위에 나와야 한다면 아래 내용을 따라 주세요.
$('.article img:eq(1)').before($('.blogger-news-widget'));
위 설명한 코드에서 </body> 위에 넣어야하는 코드를 위와 같이 바꿔주세요. 노란색 부분 숫자는 떠야하는 이미지의 순번입니다. 참고로 순번은 0 부터 시작합니다. 두번째 이미지 앞에 다음뷰 추천버튼이 나타나야 한다면 위 코드에 숫자를 1을 넣어주면 되겠죠.
|
|
반응형
'유용한_팁 > 블로그_팁' 카테고리의 다른 글
| RSS 알아보기 씨디맨 컴퓨터 이야기 구독하기 (11) | 2012.09.01 |
|---|---|
| 라이브리 위치 변경 방법 블로그 팁 (33) | 2012.02.03 |
| IE6 에뮬레이터 IETester 설치 사용 방법 (4) | 2011.12.22 |
| 블로그 페이지뷰 카운터 Flag Counter 설치 사용 (8) | 2011.11.08 |
| 티스토리 카테고리에 하이라이트 주기 (7) | 2011.08.28 |
댓글