태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 툴바



2008/05/26 14:31

이글루스에 촛불 다는 방법

사용자 삽입 이미지



블로그에 촛불 다는 방법!

사용자 삽입 이미지


블로그에 촛불 달기 : http://www.sealtale.com
촛불 코드생성/발급/이미지다운이 되지 않는 경우 이글을 꼭!!!!
참조해주세요.
http://sealtale.tistory.com/196
이 아래 댓글을 다시면 확인하는 속도가 느려집니다 ㅠㅠ


사용자 삽입 이미지
코드 발급 받기를 통해 코드가 복사되었지요?
그럼 본인의 블로그로 이동합니다.

1. 블로그 관리자(config)로 이동해주세요.
사용자 삽입 이미지

2. 블로그 스킨을 들어갑니다.
사용자 삽입 이미지

3. 현재 사용중인 스킨에서 '소스편집'을 눌러주세요.
사용자 삽입 이미지
3. (소스편집을 한번도 하지 않으신분의 경우 소스 편집에 동의하기 체크 박스가 나옵니다. 체크하시고 수정하시면 됩니다)

HTML 편집하기에서
ctrl+F 를 누르고 <div id="sidebar">를 찾아주세요.
(이글루스 구버전 스킨인 경우 sidebar 가 없을 수 있습니다.
그 때는 <DIV CLASS=PROFILE> 를 찾아 붙여넣어주세요. - 말씀해주신 세루님 감사합니다..^^)

사용자 삽입 이미지

클릭하면 이미지가 모두 보입니다.

사용자 삽입 이미지

클릭하면 이미지가 모두 보입니다.


4. 그 아래에 발급 받은 코드를 붙여넣어주세요.
(마우스 우클릭 혹은 단축키 ctrl+v)
(그 div 안에서 위아래 따라 위치 조절됩니다)
사용자 삽입 이미지

클릭하면 이미지가 모두 보입니다.


5. '지금 적용하시려면 여기에 체크하세요.' 에 체크하고 저장해주세요.
사용자 삽입 이미지


6. 끝!
사용자 삽입 이미지


예제 확인 :
http://zeduic.egloos.com

블로그에 촛불 달기 :
http://www.sealtale.com


* 촛불이 여러개 반복되어서 나오는 경우!

- 스킨에 따라 촛불 여러개가 메뉴 쪽에 반복되어 나오는 경우도 있다고 합니다.

그런 경우 이글루스에 있는 '메모장'에다 소스 붙여서 다시면 하나만 예쁘게 달린다고 합니다.
의견 주신 소피아(
http://synsophia.egloss.com)님 감사합니다..^^

운영자는 시간 여유 생기는 대로 곧 캡쳐해서 그림으로 자세한 안내드리도록 노력하겠습니다.

*
원하는 위치에 배너 달려면..아래소스 처럼하시면 됩니다.
- SEEYA 님이 주신 의견입니다 ㅎ(http://seeya.egloos.com)
<div style="position: absolute; top: 0px;right:3px;background-color: transparent;"> [소스들어가는곳]
</div>

이글루스html 소스 아무곳에 넣으면 됩니다.
[html소스 적용되는 모든블로그나 홈페지에서도 적용가능]
위에넣어도 되고 아래에 넣어도 되고요.
top: 0px;right:3px; 위치만 수정해주시면됩니다.
top 상
bottom 하
left 좌
right 우
예를들어
상단 오른쪽 위치에 넣을려면 top: 0px;right:0px;
상단 왼쪽 위치에 넣을려면 top: 0px;left:0px;
하단 왼쪽 위치에 넣을려면bottom: 0px;left:0px;
하단 오른쪽 위치에 넣을려면bottom: 0px;right:0px;
너무 왼쪽이나 오른쪽 상단에 치우치면 숫자를 넣어서 위치 수정하시면 됩니다.
top: 5px;right:5px; <--------이런씩으로 조금씩 수정해서 원하는 위치에 넣으면 됩니다.

<완성된 소스 형태>

<div style="position: absolute; top: 0px;right:3px;background-color: transparent;">
<a href="http://www.sealtale.com" target="sealtale"><img width="162" border="0" height="94" alt="Candle" src="http://www.sealtale.com/PublicImageSeal.aspx?value=160655"></a>
</div>



추가내용>
촛불배너 클릭했을때 점선 안생기게 할려면
<a href="http://www.sealtale.com" target="sealtale"> 여기에서 onfocus="this.blur()" 만 추가해주면 됩니다.

<a href="http://www.sealtale.com" target="sealtale" onfocus="this.blur()">



촛불 코드생성/발급/이미지다운이 되지 않는 경우 이글을 꼭!!!!
참조해주세요.
http://sealtale.tistory.com/196
이 아래 댓글을 다시면 확인하는 속도가 느려집니다 ㅠㅠ
Trackback 0 Comment 25

Trackback : http://sealtale.tistory.com/trackback/164 관련글 쓰기

  1. df 2008/05/26 22:37 address edit & del reply

    오른쪽 클릭 금지랑 복사 금지 해 놓고 뭘 하라는 건지.. 일일이 다 쓰란 건가요?

  2. jin_a 2008/05/26 22:57 address edit & del reply

    지금 풀었습니다 :) 확인해주세요!

  3. nothingz 2008/05/27 01:27 address edit & del reply

    덕분에 촛불 달았습니다. 고맙습니다.

  4. 홍월영 2008/05/27 11:13 address edit & del reply

    파이어폭스에서는 코드생성이 아예 안 되네요.

    • zeduic 2008/05/27 11:20 address edit & del

      앗 곧 시정해보도록 하겠습니다.

  5. 소피아 2008/05/29 14:05 address edit & del reply

    저는 이 방법 쓰려고 하니깐
    중간에 스킨 내 코드가 꼬이는지
    촛불이 여러 개가 반복되서 나오더라고요-_-;

    그래서 이글루스에 있는 '메모장'에다 소스 붙여서
    촛불 달기에 성공했습니다.

    혹시 저같은 분들 있으실지 모르니깐
    메모장에 옮겨놓는 방법도 써주시면 좋겠는데요.^^

    • zeduic 2008/05/29 15:55 address edit & del

      네, 글 수정 해두도록 하겠습니다 :)

  6. 김태 2008/05/30 12:54 address edit & del reply

    감사합니다. 덕분에 촛불 달았습니다. 그렇게 어렵지 않네요. ^^

    • zeduic 2008/06/03 15:35 address edit & del

      저희가 순간이동능력이 있다면
      바로 옆에 가서 해드리고 싶어요 ㅠ
      이렇게 달아주시니 정말 감사합니다..^-^

  7. 세루 2008/06/01 15:32 address edit & del reply

    아무리 검색해봐도 sidebar 태그가 없어서 뭔가 했더니 제가 구버전 스킨을 쓰고 있더군요. 혹시 비슷한 경우가 있을지 모르니, 그경우엔 <DIV CLASS=PROFILE>라는 태크 밑에 달면 된다는 안내도 있으면 좋을것 같습니다. 전 그렇게 해서 달았습니다.

    • zeduic 2008/06/03 16:29 address edit & del

      감사합니다. 세루님 ..^-^
      글 수정하였습니다. 좋은 정보 감사드려요 ㅎ

  8. 린린 2008/06/02 03:13 address edit & del reply

    촛불무사히 달았습니다 감사합니다

    • zeduic 2008/06/03 16:30 address edit & del

      린린님
      참여 정말 감사합니다! ㅎ

  9. 경성 2008/06/03 15:45 address edit & del reply

    블로그는 쓰지 않아서 싸이에 촛불 달았습니다. 제발 하루빨리 이 문제가 해결됐으면 하네요. 온라인 촛불달기가 많이 퍼져서 인터넷을 하는 모든 분들이 촛불을 달았으면 좋겠습니다.

    • zeduic 2008/06/03 16:32 address edit & del

      경성님 소중한 참여 감사드립니다.
      같은 마음으로 주위에 이 마음과 촛불을 알리다보면
      조금 더 세상이
      환해져 있을 거라고 생각합니다,^-^

  10. 유젯 2008/06/04 21:12 address edit & del reply

    덕분에 촛불을 달 수 있었습니다! 키보드밖에 두드리지 못하는 무력함에 가슴이 아팠는데 작게나마 저항의 움직임을 보일 수 있어서 너무 행복합니다ㅠ
    감사합니다!!

    • jin_a 2008/06/10 12:38 address edit & del

      유젯님,
      저희와 함께 해주셔서 저희가 더 더 감사해요.

      계속 같이 해주실꺼죠? 헤헤,

  11. 지금은 2008/06/05 05:55 address edit & del reply

    어떻게 달아야 되나 - 스킨 수정이 늠 어렵다 - 고민을 잠깐 했었는데 이렇게 친절한 설명이 있었다니요! 진작 올것을. T.T
    - 이글루스도 이제 메이저임을 실감 ㅎㅎ -

    • jin_a 2008/06/10 12:36 address edit & del

      지금은님, 쉬웠다니 정말 감동이에요!
      헤헤, 이글루스는 메이저에
      동감 ㅋㅋㅋ

  12. 붉은그림자 2008/06/06 07:23 address edit & del reply

    고맙습니다! 덕분에 이렇게 멀리서라도 응원의 촛불을 밝히네요 ^^

    • 베리_Very 2008/06/09 01:31 address edit & del

      붉은 그림자님 함께 해주셔서 감사합니다!!
      멀리서 방문해주시다니 감격이예요 -_ㅠ
      이 촛불들이 멀리멀리 퍼졌으면 좋겠네요
      붉은 그림자님 좋은 하루 되시길!

  13. boiled 2008/06/09 20:27 address edit & del reply

    친절하게 설명해주신 덕분에 쉽게 달았어요 >ㅂ<
    알려주시는대로 따라했을 뿐인데도 보고있자니 굉장히 뿌듯하네요 ㅎㅎㅎㅎ
    감사합니다~^^

    • jin_a 2008/06/10 12:36 address edit & del

      감사합니다:> 쉬웠다니 너무나 감동감동 ㅠㅠ

      더 열심히 하겠습니다! 감사합니다!

  14. Pharmgni 2008/06/30 11:33 address edit & del reply

    감사~!!!

    • zeduic 2008/07/01 10:55 address edit & del

      참여해주신 Pharmgni님께 더 감사드립니다 ^-^