티스토리 블로그에 위젯달기

밋밋한 블로그를 꾸며줄 위젯을 달아보겠습니다.+_+

위젯을 제공해주는 싸이트 입니다.+_+
http://wzdfactory.com/

 

참 여러가지 위젯이 많이 있습니다.

이제 이 위젯을 티스토리에 붙여보겠습니다. 제 블로그에있는 말풍선 시계 위젯을 넣어보겠습니다.

빨강색부분의 검색창에 "말풍선"이라고 적고 검색을 합니다.

그럼 요렇게 "말풍선 시계" 라는 위젯이 나와요.
클릭해서 보면

미리보기 창에서 직접 마우스로 사이즈등을 변경도 할 수 있구요.

요렇게 시계의 색상도 바꿀 수 있답니다. 미리보기를 눌러서 미리 볼수도 있구요 +_+

아! 제 블로그의 사이즈는 가로 사이즈를 200 으로 하면 메뉴 부분하고 딱 맞더라구요.


이제 원하는대로 모양을 만들었으면

위젯 퍼가기 버튼을 누릅니다.

그럼 이렇게 "가입 후 코드 생성" "비회원 코드생성" 버튼이 나옵니다.


위에 나와있는것처럼 코드 관리와 통계기능을 이용하려면 회원 가입을 하시면 되구요. 그냥 위젯만 쓰시려면 비회원 코드 생성을 누르시면 됩니다.


"비회원 코드 생성" 버튼을 누르면

코드가 복사되고 Ctrl + V 를 누르면 소스가 붙여진다는 메시지 창과 함께 소스도 제공이 됩니다.

이제 이 소스를 복사 한 후에

티스토리 계정으로 로그인 한 후~ admin으로 들어가서

"플러그인 - 플러그인 설정" 으로 들어갑니다.

그리고 여러 항목 중 "배너출력" 이라는 항목을 찾아서 "사용" 버튼을 누릅니다.

그리고 "스킨 - 사이드바 설정" 으로 들어갑니다.

그리고~ "사용 가능한 모듈" 에 있는 "HTML 배너출력" 을 오른쪽에 있는 "사이드바 꾸미기" 에 있는 자신이 넣고 싶은 위치에다가 드래그 앤 드롭을 합니다.

그럼 이렇게 "HTML 배너출력" 이라는 항목이 오른쪽으로 옮겨집니다. 그리고 여기서 "편집" 버튼을 누르면

요런 창이 나오는데요. 우리는 시계를 넣으려고 하니깐요. 이름에다가 "시계"라고 적으시고.

HTML 소스 부분에다가 아까 복사해 두었던 소스를 붙여 넣으면

요렇게요+_+ 그리고 확인 버튼을 누르면

요렇게 "시계"라는 항목으로 바뀌게 됩니다.


그리고 상단위에 있는 "저장" 을 누르고

다시 블로그로 가보면

요렇게 내가 넣었던 공간에 시계가 나오게 됩니다.

다른 여러 위젯도 넣어서 밋밋했던 블로그를 더 이쁘게 꾸며봐요 +_+