다음 뷰(view) 추천버튼 위에 안내메시지 자동으로 표시하기

누군지 잘 기억은 나지 않지만 언젠가 블로그에 방문한 이웃분께서 방명록에 남긴 글중에 ..
다음 뷰 추천버튼위에 "멘트"를 자동으로 넣는 방법이 없는지 물었던 기억이 있습니다.

그 당시에 뷰 추천버튼위에 안내멘트를 넣을 생각도 없고 관심도 없었기 때문에 ....
현재 알고 있는 방법이 없다고 답글을 달았던 적이 있는데..
어느정도 시간이 지난후에 보니.. ㅋ 그 방법이 이미 나와 있고....
저도 다른 블로그에서 사용하고 있었다는...

시간이 흐를 수록 저의 머리속은 백지화 되어 가나봅니다.
40이 넘어가면서부터 깜빡 거리기 시작한것 같습니다. ㅋ

그럼 본론으로 들어가서 위와 같이 다음뷰 추천버튼위에
"제 글이 마음에 안들어도 장려 차원으로다 추천한방 눌러주시면 열심히 하도록 하겠습니다."
와 같은 메시지를 표시하는 분들이 많이 있을것입니다.

이렇게 메시지를 표시하는 방법은

  1. 포스팅할때마다 입력하는 방법
  2. 서식을 만들어 매번 삽입하는 방법
  3. 프로그램을 이용하는 방법 (자동)

과 같이 3가지 방법이 있습니다.

편하기로는 3번이 가장 편한 방법인데 프로그램을 알지 못하면 불가능한 방법이라서..
많은 분들이 위의 1번이나 2번의 방법으로 이용할것입니다.

그런데 다행이도 위즈님이 해법을 마련해주셨더군요!
아래 링크를 따라가면 그 방법이 적혀 있습니다. ^^

 다음 뷰(view) 추천버튼위에 안내메시지 표시하기 => http://wiz.pe.kr/577

 

글자색 및 배경색 스타일 ...

메시지 색이나 배경등 서식을 지정하기 위해서는 style.css에 아래 내용을 추가 하면 되는데요!

div.blogger-news-widget {font-size:12px;color:#FF0000;font-weight:800;background-color:#c3c9e0;}

제가 IE8을 사용하고 있어서 그러는지는 잘 모르겠지만..
저는 적용을 했더니 아래와 같이 전체 배경에 색이 적용이 되더군요!

배경색이 전체에 적용된 모습

위와 같이 배경색이 전체에 적용이 되는 경우 배경만 제거하기 위해서는
background-color:#c3c9e0; <== 이 부분만 제거를 하면 해결이 됩니다.

저의 경우는 글자의 부분 강조를 위해서 style.css에 추가한 스타일을 삭제하고
메시지 출력부분에 아래와 같이 직접 태그를 넣어서 해결을 했습니다.

WizDaumViewText('<font color=tomato>이글이 도움이 되셨다면 <b>추천 한방 꾹!</b> 눌러주시면 감사하겠습니다~!</font>'); 

결과는 이렇습니다.

혹시라도 이런 기능이 필요하셨던 분이라면 이용해보세요!

덧. 위젯과 메시지의 간격을 띄우기 위해서는 줄간격을 조절을 하면 됩니다.

예)
WizDaumViewText('<span  style="line-height:38px;text-align:middle"><font color=tomato>이글이 도움이 되셨다면 <b>추천 한방 꾹!</b> 눌러주시면 감사하겠습니다~!</font></span>');

 

댓글을 달아 주세요

댓글창에 배경그림 넣는방법

  1. 이전 댓글 더보기
  2. BlogIcon 드자이너김군 2010.02.23 16:14 신고  댓글주소  수정/삭제  댓글쓰기

    역시 태그에 관한것은 kay님에게 맡겨야 한다니까요..ㅎㅎ
    저도 언능 적용해야 겠습니다~~

  3. BlogIcon 그래잇 2010.02.24 00:18 신고  댓글주소  수정/삭제  댓글쓰기

    유용한 정보 감사합니다. 저도 적용해 봐야 겠습니다..ㅋ

  4. BlogIcon 마루. 2010.02.26 17:45 신고  댓글주소  수정/삭제  댓글쓰기

    좋은정보네요...저도 바로 대입..ㅋㅋ

  5. 알파걸 2010.03.01 21:27 신고  댓글주소  수정/삭제  댓글쓰기

    Kay~님 반갑습니다.
    한번 시도해보았는데 생각보다 시간이 걸리네요^^

  6. BlogIcon 노지 2010.03.04 22:44 신고  댓글주소  수정/삭제  댓글쓰기

    전 글이 추천버튼 뒤에 있는지 ㄷㄷ; 다음뷰뒤에 배경색이 생기고 글은 안보이더라구요 쩝;

    • BlogIcon Kay~ 2010.03.05 12:01 신고  댓글주소  수정/삭제

      그런가요? ㅎㅎ
      지금 확인해보니.. 내렸는지 안 보이네요!
      어떤 충돌이 있던가.. 소스상의 오타나 탈자가 있지 않나 싶기도 하네요!

  7. BlogIcon 박기현 2010.03.08 19:43 신고  댓글주소  수정/삭제  댓글쓰기

    이거 어떻게 다는건가요...?

  8. BlogIcon 빠삐코 2010.03.17 17:18 신고  댓글주소  수정/삭제  댓글쓰기

    아..구글넣는것 처럼 스킨에다가 저 뷰버튼을 삽입하는 건가요? 저는 그냥 글 쓸 때마다
    그림자체를 드래그 해서 붙여넣기 했었는데요,, 스킨자체에 삽입하는 방법을 알아봐야겟네요 ㅎㅎ

  9. BlogIcon 그대를사랑합니다 2010.03.25 11:23 신고  댓글주소  수정/삭제  댓글쓰기

    아우.. 저는 이상하게
    문장 밑에 다음뷰 배너가 나오는게 아니라

    문장 오른쪽에 배너가 나와요.. 이거 어떻게 해야 하죠?? 알려주시면 감사하겠습니다

  10. BlogIcon Z-D 2010.04.07 09:09 신고  댓글주소  수정/삭제  댓글쓰기

    저도 저거 한번 해봐야 겠네요^^

    좋은 정보 감사합니다.

  11. BlogIcon 주영이아빠 2010.04.14 09:59 신고  댓글주소  수정/삭제  댓글쓰기

    할 생각도 못하고 있었는데 덕분에 좋은것 배워 갑니다.
    감사합니다. ^^

  12. BlogIcon 카푸리오 2010.04.18 18:40 신고  댓글주소  수정/삭제  댓글쓰기

    이거 적용해 봐야 겠네요. 잘 될런지 모르겠지만..
    감사히 쓸께요^^

  13. BlogIcon 솔바람소리 2010.07.25 10:47 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보앗습니다. 좋은하루 보네세요 ..^^

  14. BlogIcon 민구사이륙 2010.08.10 18:02 신고  댓글주소  수정/삭제  댓글쓰기

    윽.. 저는 <span> </span> 해서 줄간격을 해도 안띄워 지네요ㅠㅠ 케이님처럼 저렇게 띄우려면 어떻게 해야될까요? ㅠㅠ

  15. BlogIcon 대출컨설턴트 2010.10.18 13:31 신고  댓글주소  수정/삭제  댓글쓰기

    아~ 이렇게 하는것이군요.. ^^
    저는 매번 포스팅할때마다 수동으로 해야하는줄 알았네요..ㅠㅠ
    이제 블로그를 한번 키워볼려고 하는데 쉬운작업은 아닌듯 하네요..
    아직 초보다보니 할줄아는게 거의 없는데 많은 도움 받겠습니다. ^^
    그럼, 오늘하루도 행복한 하루되시길 바랍니다.

  16. 2010.11.08 03:12  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  17. BlogIcon hohoba 2010.11.08 16:33 신고  댓글주소  수정/삭제  댓글쓰기

    저도 추천하기 배너랑 위에 글 붙이는거 했어요. 너무 신기해요~ ㅋㅋ
    네이버블로그에도 한번 해봐야겠어요 ㅎㅎ
    너무 뿌듯하네요ㅋㅋ 감사합니다~

  18. BlogIcon 슬마로72 2011.05.02 13:07 신고  댓글주소  수정/삭제  댓글쓰기

    저는 박스부터 나왔으면 하는데요.^^ 어찌해야하는지...그냥 손가락만 나오고 박스는 왜 안나올까요??? 어떻게 하면 될까요??
    좀 알려주시면 안될까요??^^
    감사합니다.

    • BlogIcon Kay~ 2011.05.02 14:11 신고  댓글주소  수정/삭제

      플러그인 설정에서 daum view 모양을 선택할 수 있어요~
      버튼형 말고 기본형으로 선택을 해보세요

    • BlogIcon 슬마로72 2011.05.02 22:12 신고  댓글주소  수정/삭제

      댓글 알리미를 통해서 ..클릭하니까 여기로 와지는 군요...^^;;; 몰랐음.
      제가 버튼형으로 셋업을 했었네요..ㅡㅡ;;
      기본형으로 바꾸니까 바로 보이네요..인제 상단에 글을 써보아야겠네요.^^
      감사합니다.

  19. BlogIcon ♪추억은방울방울♪ 2011.07.07 21:53 신고  댓글주소  수정/삭제  댓글쓰기

    Kay님, 추천문구를 위가 아닌 아래에 달 수는 없을까요?
    저는 버튼형으로 할꺼라서 위에다 달면 좀 비율이 이상해보일것 같아서요.

  20. BlogIcon 익넷 2011.08.19 18:22 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다..~~~ ^^

  21. BlogIcon Alice'sStory 2013.06.25 23:44 신고  댓글주소  수정/삭제  댓글쓰기

    오홍.. 이런것이있엇다니!! 정말 저 아무것도몰르는 초보군요 ㅠ_ㅠ
    배울게 너무 많아여.. ㅎ
    감사합니다!! 근데.. 강조하는 태그가 tomato 인거에요?
    칼라태그인줄알고 지우고 칼라넣어봤는데.. 적용이 아얘안되더라구요.. ㅠ_ㅠ

    • BlogIcon Kay~ 2013.06.28 11:04 신고  댓글주소  수정/삭제

      tomato는 컬러색상명입니다.
      yellow, red 라고 바꿔넣으면 색이 바뀔거에요
      아니면 RGB값으로 #00ff00 과 같이 넣어도 됩니다.