티스토리 블로그 다음뷰 버튼 예쁘게 꾸미기

티스토리 블로그 다음뷰 버튼 예쁘게 장식하기

 

 

 

 

 

위의 그림은 원래 티스토리 블로그에 삽입된 다음뷰 버튼이다.

 

 

 

 

 

위의 그림 처럼 조금 더 튀게 !! 손가락을 마구 누르고 싶은 맘이 생기도록 바꿔보자 - _-;;

 

 

 

 

 

 

 

티스토리 관리자 접속 - 플러그인 설정 - Daum view - 버튼형으로 설정 후 저장

 

 

 

 

 

 

글을 쓸때는 기본 설정에서 발행을 선택 하고 다음뷰 분류 선택 후 글을 저장 해야지 적용된다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

다음뷰 꾸미기.zip<-다운

 

 

위의 압축 파일에서 디자인을 고른다 - ㅅ- ;;;ㅋㅋㅋ

 

중간에 핑크색으로 표시된 부분은 다음뷰 버튼이 생기는 곳 이다.

 

응용 해서 자신만의 다음뷰 버튼을 예쁘게 꾸미면 되겠다.

 

 

움직이는 그림 gif 만드는 프로그램 다운 받기 바로가기 ↓↓↓↓

http://pinkschool.tistory.com/98

 

 

 

 

 

 

 

 

원하는 디자인을 선택 하거나 만들었으면 티스토리 관리자 접속 - HTML/CSS 편집 - 파일업로드에서 원하는 이미지를 업로드 한다.

 

 

 

 

 

 

 

다음뷰꾸미기.txt<-다운

 

티스토리 관리자 접속 - HTML/CSS 편집 - style.css 마지막 부분에 첨부한 코드를 삽입 한다.

 

/* 다음 뷰 꾸미기 */ div.blogger-news-widget { background: url(images/daumviewall.gif) no-repeat scroll center center; display:inline; clear:both; float:right; overflow:hidden !important; margin-top: 10px; margin-bottom: 10px; }

 

핑크색으로 표시된 부분이 이미지 이름이다. 업로드한 파일 명을 적어 넣으면 된다.

반드시 영문으로 이름을 설정 해서 업로드 하고 적용 해야 한다.

 

 

 

 

 

참고 자료      -      행복한부자 :: 티스토리 블로그
http://assetin.tistory.com/

 

씨디맨의 컴퓨터이야기 :: 티스토리 블로그
http://cdmanii.com