다음뷰 추천버튼에 텍스트 추가하기

오랜만에 개발관련 내용을 작성하는 것 같습니다. 빡지님의 요청으로 다음뷰 추천버튼 부분에 텍스트를 추가하는 코드를 만들어봤습니다.

스킨에 적용해 사용 시 클라이언트 환경이나 스킨에 따라서 많은 로드가 걸릴 수도 있습니다.
그래도 사용을 하고 싶으시다면 아래 코드를 복사해서 블로그 스킨 하단에 추가를 해주시면 됩니다.

티스토리의 경우 관리자->스킨->HTML/CSS 편집에 들어가서 "skin.htm" 부분을 스크롤 해서 "</body>" 앞에 넣어 주시면 됩니다.

출력을 원하시는 문구는 아래코드의 반전 부분을 참고해서 살짝 바꿔주시면 됩니다.

<script type="text/javascript">
  function WizDaumViewText(txt)
  {
    var els = document.getElementsByTagName('div');
    for (var tmpi = 0; tmpi < els.length; tmpi++)
    {
      if (els[tmpi].className == 'blogger-news-widget')
      { els[tmpi].innerHTML = (txt+els[tmpi].innerHTML); }
    }
   }
   WizDaumViewText('글이 마음에 드셨다면 추천 한번 눌러주는 센스~!');
</script>

추가로 글자 스타일을 적용하고 싶으신 분은 스킨수정 페이지의 하단 style.css의 끝에 아래 코드를 수정해서 적용하시면 됩니다.

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

font-size:12px <- 폰트의 크기를 설정합니다.
color:#FF0000 <- 폰트 색상을 설정합니다.
font-weight:800 <- 폰트의 굵기를 설정합니다. (400~800)
background-color:#c3c9e0; <- 배경 색상을 설정합니다.

색상코드는 http://html-color-codes.info/ 를 참고하세요.

출력 예시 화면은 아래와 같습니다.

이전에 작성한 "CSS로 티스토리 추천버튼 정렬하는 방법"를 같이 사용해도 좋을 것 같군요.^^
버그나 문의는 이 포스트에 댓글로 작성을 해주세요.