다음뷰 추천버튼 작게 만들기

(매우 슬프게도) 그리 잘 되는것 같지는 않지만, 블로그를 운영하는 유저로써 Daum View는
방문객 유치를 위해 꼭 필요한 기능입니다.
하지만, 방문객 유치를 위해서 여기저기 메타사이트에서 버튼을 추가하다보면
추천버튼들은 점점 많아지는데 크기, 위치 등이 서로 달라서 난잡하기 짝이 없게됩니다.

특히, 다음뷰는 텍스트큐브 닷컴 에서는 옵션을 제공하지만, 티스토리 블로그에서는
제공하지 않고있습니다. (이것도 차별이다 -_-)

이렇게, 디자인을 무시하는 크기와 난잡함 때문에......
필요하긴 하지만 미관상 처치곤란이기도 했던 다음뷰 추천버튼의 크기를
아주 심플하게 줄일 수 있는 방법을 소개합니다.

chatii 님이 소개해 주신 방법입니다.
일단, 링크된 텍스트문서를 통해 소스를 복사 합니다.

다음뷰 버튼 축소.txt

관리자 →스킨→HTML/CSS편집 메뉴에서 Ctrl + F 기능으로 article 를 찾습니다.
꽤 여러개가 있을텐데, 그중에서

(매우 슬프게도) 그리 잘 되는것 같지는 않지만, 블로그를 운영하는 유저로써 Daum View는
방문객 유치를 위해 꼭 필요한 기능입니다.
하지만, 방문객 유치를 위해서 여기저기 메타사이트에서 버튼을 추가하다보면
추천버튼들은 점점 많아지는데 크기, 위치 등이 서로 달라서 난잡하기 짝이 없게됩니다.

특히, 다음뷰는 텍스트큐브 닷컴 에서는 옵션을 제공하지만, 티스토리 블로그에서는
제공하지 않고있습니다. (이것도 차별이다 -_-)

이렇게, 디자인을 무시하는 크기와 난잡함 때문에......
필요하긴 하지만 미관상 처치곤란이기도 했던 다음뷰 추천버튼의 크기를
아주 심플하게 줄일 수 있는 방법을 소개합니다.

chatii 님이 소개해 주신 방법입니다.
일단, 링크된 텍스트문서를 통해 소스를 복사 합니다.

다음뷰 버튼 축소.txt

관리자 →스킨→HTML/CSS편집 메뉴에서 Ctrl + F 기능으로 article 를 찾습니다.
꽤 여러개가 있을텐데, 그중에서 치환자를 찾습니다.

바로 이부분 인데요, 찾으셨다면 스샷에서 보이는 </div> 아랫부분 에 복사해두었던 소스를
붙여넣기 한 후, 저장합니다.

이제 이렇게 작은 버튼이 출력 될 거에요^^



P.S/ 혹시 좌우 정렬을 하고 싶다면

style.css 의 맨 아래에

.blogger-news-widget { text-align: right !important; }

라는 소스를 넣으면 우측 정렬이 됩니다.

치환자를 찾습니다.

바로 이부분 인데요, 찾으셨다면 스샷에서 보이는 </div> 아랫부분 에 복사해두었던 소스를
붙여넣기 한 후, 저장합니다.

이제 이렇게 작은 버튼이 출력 될 거에요^^



P.S/ 혹시 좌우 정렬을 하고 싶다면

style.css 의 맨 아래에

.blogger-news-widget { text-align: right !important; }

라는 소스를 넣으면 우측 정렬이 됩니다.