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

다음 뷰(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>');