티스토리 사이드바에 구독버튼 아이콘 링크 달기!!

티스토리 스킨꾸미기
HTML 모르는 유키도 금새 배우는 사이드바에 rss 구독버튼 아이콘 달기~!!

메인화면 우측 상단에 보이는 빨간 네모칸 안에 구독단추 보이시나요?
티스토리에서 기본적으로 제공하는 본문하단의 구독버튼도 귀엽고 심플해서 맘에 들지만..
미투데이 페이스북등은 이용하지 않는 관계로 필요한 아이콘만 모아 따로 사이드바에 배치해 보았어요..
응용하면 자기만의 맞춤버튼을 설정할 수 있답니다.. 꺄~ >_<  


① 아래 하단 사이트 (트위터 버튼 생성)에서 마음에 드는 버튼 클릭후 복사된 문구를 가져오세요..

https://twitter.com/about/resources/buttons

눈치채셨나요? ㅋㅋ 저도 트위터 단추에서 힌트를 얻었어요..
자 그럼 이제 나만의 단추를 만들어 봅니다..

② 먼저 원하는 버튼의 이미지를 다운받거나 만들어주세요.. 
사이즈는 포토샵에서 통일 시켜주시구요.. 
전 네이버 친구추가 / 트위터 팔로우/ 한RSS / 오픈캐스트 버튼을 여기 저기서 다운받거나 직접만들었답니다. 

이미지는 jpg 파일도 상관없어요.. 이제 자신이 운영하는 블로그에 비공개로 이미지를 올려주세요.. 
이미지에 마우스를 대고 우클릭-> 속성 -> 주소를 복사해줍니다.. 

③ 복사한 이미지 주소는 2>번 위치에 , 자신의 링크주소는 1>번 위치에 ,
마우스를 가져갔을 때 보여주기를 원하는 코멘트를 3>번위치에 바꿔 넣어주세요..
이런식으로 원하는 버튼 갯수만큼 변환해서 만들어 놓습니다..

④ 티스토리 스킨-> 사이드바 설정-> HTML배너출력 사이드바에 추가-> 편집으로 들어가서 붙여넣기 하면 완성!!  

※ 참참!! 버튼을 클릭했을때 기존 창이 아닌 새창에서 뛰우길 원하시면
링크주소뒤에 taget=blnak 를 추가해주세요!!

유키버튼 이미지 다운로드  ↓

기존 티스토리 제공 버튼에 몇개 사이즈를 맞춰 추가했습니다.
파일 첨부를 해도 마우스 우클릭이 금지 되어있어 그런지 다운이 안되네요.. 
프린트 스크린으로 오려서 사용하세요~ ^__^;; 
사실 저도 몇개는 그렇게 데려왔습.. 긁적긁적 >_< 
 이미지를 올릴때는 하나씩 잘라서 각각 올려주세요~