티스토리 블로그 이웃추가버튼 만들기~ 정말 쉬워요

 

안녕하세요~ 헨젤입니다.

 

네이버와는 다르게 티스토리 블로그는

 

이웃위젯이 따로없어서 불편한점이

 

 

많은데요. 그래서 오늘은 티스토리 블로그

 

이웃버튼 만드는 방법~ 을 포스팅

 

해볼까 합니다 ㅎㅎ 크게 어렵지 않으니

 

천천히 따라와주세요~

 

 

 

 

 

 

우선 이웃추가 로고에 쓸

 

이미지가 필요한데요. 적당한 크기의

 

이미지를 먼저 구해주세요~

 

저는 이쁜 바탕에 글자를 넣어봤어요.

 

 

 

 

 

 

 

이미지를 구하셨으면 블로그 관리에

 

들어가셔서 스킨편집을 눌러주세요.

 

 

 

 

 

 

스킨편집에 들어가셨다면

 

html 편집을 눌러줍니다.

 

 

 

 

 

 

파일업로드를 누르시고

 

준비하신 이미지를 추가해주세요.

 

 

 

※ 기존에 있던 이미지들을 삭제하면

 

블로그가 정상작동되지 않을수 있으니

 

다른 이미지들은 그대로 두세요.

 

 

만약 건들었을시 저장을 하지말고

 

나가기하시거나 다른스킨으로 바꾸신뒤

 

다시 원래스킨으로 바꾸기해야 됩니다.

 

 

 

 

 

 

그 다음은 추가된 이미지에 대고

 

오른쪽마우스를 클릭해 링크주소

 

복사하기 하거나 or 속성을 클릭하여

 

직접 링크주소를 드래그,복사해줍니다.

 

그러고 난뒤 저장 클릭!

 

 

 

 

 

 

이웃추가 소스.txt 

 

그러고 난뒤 바로위에 첨부해둔

 

이웃추가 소스.txt 를 다운로드

 

하셔서 메모장을 실행시켜주세요.

 

 

 

 

 

 

 

 

그 다음엔 아까 스킨편집에서

복사했던 이미지 링크주소를

 

[기본 이미지주소]

[마우스 오버시 바뀌는 이미지주소]

[기본 이미지 주소]

 

위 3군데에다 붙여넣기하시고

전체 복사해주세요.

 

 

 

 

 

 

전체 복사하기 하셨다면 꾸미기의

 

사이드바를 클릭해주세요~

 

 

 

 

 

 

 

HTML 배너출력을 + 추가하기

 

하시고 편집을 누르셔서 원하는

 

이름으로 바꾸시고 원하시는

 

위치로 옮겨주세요.

 

 

위 사진은 설명하기위해서

 

하나 더 만들어본거구

 

저는 이웃추가로 이름을

 

변경하고 맨아래로 위치시켰어요~

 

 

 

 

 

 

 

원하는 위치로 HTML 배너를

 

위치시켰다면 편집을 클릭!

 

 

 

 

 

 

 

기존에 있던 HTML 소스를

 

전부 삭제하시고 아까 전체복사했던

 

링크를 소스란에다가 붙여넣기합니다.

 

그러고 확인을 눌러주세요 ^^

 

 

 

 

 

 

쨘~ 그러면 이렇게 이쁜 이웃로고가

 

블로그 한켠에 생긴답니다.

 

참 쉽죠 ? 

 

처음하면 생각보다 어려우실수있는데

 

 천천히 따라오신다면 충분히 하실거라고

 

 생각되고 저는 이만 여기서 포스팅을

 

마치도록 하겠습니다~

 

 

읽어주셔서 감사드리구 ^^

 

도움이 되셨다면 공감한번씩만

 

부탁드릴게요 ~