2010/02/08 23:35 INFORMATION/how to blog
제 블로그 오른쪽에 빨간 Follow me 보이시죠?
저도 트위터를 한답니다.
제 트위터.. 별거 없지만 Follow 하실분들은 클릭하시면 되구요~
자기 블로그에 이런 트위터 라벨을 달고 싶으신분은 이렇게 하시면 된답니다.

설정하기
1. http://www.go2web20.net/twitterfollowbadge/ 이 싸이트에 들어가세요.
2. Twitter account 에는 자신의 트위터 주소(http://twitter.com/donggeulami)에서 뒤에 donggeulami만 적어주면 된답니다.
3. Label은 Follow us, Follow me, Follow, My twitter 중 하나로 라벨의 문구를 바꿀 수 있습니다.
4. Color는 자신의 블로그에 맞춰서 어울리는 색깔로 바꿔주면 된답니다.
5. Side는 블로그 오른쪽에 라벨을 붙일건지 왼쪽에 붙일건지 결정해주면 되구요.
6. From top은 블로그 제일 상단에서부터 몇 픽셀이나 아래로 내릴건지 알려준답니다.

블로그에 적용하기
1. 각각의 내용을 수정하면 오른쪽에 파란손이 가리키는 라벨이 바로 바로 바뀌니까 그거 보면서 수정하시면 되구요..
2. 이렇게 해서 모든 내용이 완료가 되면 아래쪽에 UPDATE CODE를 클릭해서 html 소스를 복사합니다.
3. 그리고 나서 블로그 관리 페이지에 있는 스킨이라는 메뉴로 들어가셔서 HTML/CSS 편집 화면으로 갑니다.
4. Skin.html 부분을 가장 아래쪽까지 스크롤을 내려보면 </body></html>이 보입니다.
5. 이 바로 앞에 복사한 코드를 붙여넣어주면 끝!!! 이랍니다.




갑자기 블로그코리아에서 유입되는 경로가 많아서 보니 블코 메인에 떠 있더라구요.. ^^
Tag 인기글에...
역시 트위터가 요즘 대세를 이루긴 이루나 봅니다!


저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/231 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://1manshow.net BlogIcon Sukhofield 2010/02/09 12:01  Addr  Edit/Del  Reply

    감사합니다..
    이거 디게 궁금했거든요...

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2010/02/09 12:46  Addr  Edit/Del

      ^^
      제 블로그로 조금이나마 궁금하셨던 내용이 해소되셨나요?
      즐거운 오후 보내시구요~

2009/05/29 09:07 INFORMATION/how to blog

하나의 카테고리에 수많은 하위 카테고리가 있다면 처음에는 상위 카테고리만 보이게 되어 있습니다.
그럼 블로그 방문자들이 내 블로그에 어떤 종류의 카테고리가 있고 어떤 글들이 있는지 확인하기가 쉽지 않죠.
하나 하나 클릭을 해서 봐야 하니까요...
그렇다면 한번에 모든 카테고리를 보여줄 수 있는 방법은?

아래 박스에 있는 내용은 제 블로그의 카테고리 태그입니다.
여기서 붉은색으로 되어 있는 부분을 넣어주면 기본적으로 하위카테고리가 펼쳐져 있는 상태로 유지가 된답니다.

<s_sidebar_element>
<!-- 카테고리 모듈 -->
<div id="category">
<h3>Category</h3>
<div class="wrapAbContent">


<!-- 카테고리 펼침 start -->               
<script language="JavaScript">try{expandTree();}catch(e){}</script>
<!-- 카테고리 펼침 end -->

</div>
</div>
</s_sidebar_element>


일부 스킨의 경우는 형식이나 방법이 조금씩 다르기 때문에 저 빨간색 태그를 넣어주는 위치가 조금씩 달라질 수 있지만 왠만해서즌 저 위치가 맞는것 같더라구요...
아시죠? "<!-- -->" 이 표시는 알아보기 편하게 코멘트를 적어준거라는것을....
저 위에 html 태그는 메모장으로 저장해서 올려놨으니 다운받아서 복사해서 쓰시면 됩니다.
복사해서 쓰실땐 빨간색 저 부분만 쓰시면 되구요~


저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/196 관련글 쓰기

댓글을 달아 주세요

2009/05/22 10:21 INFORMATION/how to blog
아침에 출근을 해서 컴퓨터를 켜니 Windows Update를 하라는 메세지가 뜨더군요.
어떤걸 업데이트를 하나 보니 익스플로러8 버전으로 업데이트가 된다고 하기에 별다른 생각없이 업데이트를 실행했습니다.
한참을 업데이트를 하고 컴퓨터 리부팅 후 정상적으로 컴퓨터가 작동을 하는것을 보고 나서 바로 블로그를 들어왔습니다.

그런데!


보시는바와 같이 팝업창 차단 표시처럼 이상한 경고문구가 뜨면서 블로그 윗쪽 레이아웃이 이상하게 바꼈습니다.
이건 먼가요~~~~
경고문구에는
"교차 사이트 스크립팅을 방지하기 위해 Internet Explorer가 이 페이지를 변경했습니다. 자세한 내용은 여기를 클릭하십시오."
이렇게 나오더군요...

그래서 찾아봤습니다. 교차 사이트 스크립팅이 뭔지를..

 교차 사이트 스크립팅(XSS)란...
 종종 피싱 사기를 위해 사용되는 교차 사이트 스트립팅(XSS)은 웹 사이트가 다른 신뢰할 수 있는 웹 페이지에 악의적인 코드를 주입할 때 발생합니다. 이 공격의 의도는 사용자가 웹 페이지에 입력하는 암호와 기밀 금융 정보 등을 기록하여 악의적인 사이트로 보내기 위한 경우가 많습니다. 감염된 페이지를 봐도 신뢰할 수 있는 웹 페이지와 다른 점을 찾을 수 없을 수도 있어 개인 정보가 손상될 수 있습니다. Internet Explorer는 자동으로 이러한 악의적인 코드를 차단합니다.

이런거라고 하더군요.
제 블로그가 피싱 사기를 위한 사이트라는 말인가요? 물론 그런건 아니겠지만 어쨌든 블로그에 들어올때마나 이런 경고문구가 나오니 불편합니다.
그래서 임시로라도 이걸 풀어야겠죠.
티스토리에서 빨리 어떻게든 해결을 해줬으면 좋겠습니다만...

 교차 사이트 스크립팅(XSS) 해재 방법

 Step1.
익스플로러의 "도구"메뉴에서 "인터넷옵션"(Alt+T+O)을 클릭해서 들어갑니다.


 Step2.
인터넷 옵션의 두번째 탭인 "보안"탭으로 들어갑니다.

 Step3.
아래쪽에 보이는 "사용자 지정 수준"을 클릭하고 들어갑니다.


 Step4.
그러면 아래와 같이 여러가지 어려운 말들이 많이 나오는데요,
여기서 스크롤바를 반 이상 내리다 보면 "스크립팅"이라는 항목이 있답니다.
그리고 그 하단에 보시면 "XSS 필터 사용" 에 대한 사용여부를 체크할 수 있도록 되어있습니다.
바로 "시용 안 함"에 체크를 하고 확인버튼을 누르고 나갑니다.


 Step5.
익스플로러를 닫고 다시 새로운 창을 뛰운 다음 블로그를 들어가보면 경고문구는 사라져 있습니다.

차~암 쉽죠~~~~잉!

하지만 아직까지 블로그의 상단 레이아웃이 바뀐 이유는 찾지를 못하고 있습니다.
왜냐하면 다른버전의 익스플로러나 사파리, 크롬에서는 잘 보이니까요...


저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/191 관련글 쓰기

  1. IE8 설치 후 티스토리 블로그에 들어가면 위 이미지와 같이 알림줄이 뜹니다. 해결 방법은 없고, "교차사이트 스크립팅을 방지하기 위해 이 페이지를 변경했습니다"라고만 나오는데 이거 원인이 뭔지, 알림줄을 안 나오게 할 해결방법을 아시는 분 댓글 좀 부탁드려요~ 포스팅하고 살펴보니, 사이드바에 있던 다음 애드클릭스가 막혀있네요. 빨간색 표시부분이 원래 애드클릭스 광고가 있던 부분인데 IE8설치 후 '#'이라고만 표시되고 나오지 않고 있습니다. 아마도..

  2. 익스플로러 8  삭제

    2009/07/28 15:03 | Tracked from Nice Timing

    난 새거, 새로운 걸 너무 좋아하므로 오늘 아침 회사 PC를 켜니 업데이트 하랜다, 익스플로러 8로- 으악, 귀찮은 일이 생길거 같지만 궁금해서 참을 수가 없어! 결국 업데이트를 해버림- 그리고 티스토리에와서(요즘 활성화시키고 싶어 죽겠는데 시간이 안난다. ㅠㅠ) 이올린도 가입하고 이올린에 추천하기 버튼을 눌렀는데! 두둥- XSS 교차사이트 스크립팅 어쩌구 하면서 안되는 거다. 으악! '내 이럴줄 알았지 ㅁ;니허;ㅣㅁ넝히 닝기미' 이러면서 저 문구를..

댓글을 달아 주세요

  1. Favicon of http://daenami.com BlogIcon EL。 2009/05/22 15:12  Addr  Edit/Del  Reply

    이렇게 쉬운 방법이 있었군요..^^;
    저도 저런 경고문구가 계속 뜨길래.. 해결방법을 찾다 못찾고 있는데
    마침 구글 크롬2.0이 새롭게 나왔다고해서 바꿔버렸어요 ㅋ
    크롬 2.0 속도도 더 빨라지고 괜찮네요^^

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2009/05/22 15:49  Addr  Edit/Del

      조금이라도 도움이 되셨다면 다행이네요...
      구글 크롬.. 저도 2.0 버전이 나왔다는 말은 들었는데
      요즘 IE를 더 자주 사용하다보니 크롬은 뒷전이 되었네요..
      크롬 다운받아서 써봐야겠네요.
      IE는 다운그레이드 하려구요... 예전버전으로....

  2. 아름다움 2009/09/02 11:24  Addr  Edit/Del  Reply

    우와, 고맙습니다!
    너무 쉽게 해결되네요~

    저희집 컴퓨터에 문제가 있는줄 알고 학교까지 갈뻔 했습니다-_-;

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2009/09/07 18:00  Addr  Edit/Del

      ㅎㅎㅎ
      NAVER만 잘 찾아봐도 나오는 내용인걸요~
      그래도 도움이 되셨다니 기분은 좋네요! ^^

  3. 이미현 2011/04/13 12:43  Addr  Edit/Del  Reply

    너무 감사드려요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ♥

2009/02/07 16:59 INFORMATION/how to blog
 donggeulami.tistory.com에서 www.donggeulami.pe.kr로 도메인과 DNS를 바꿨습니다. 덕분에 모든 메타사이트에 랭킹 및 포스트를 처음부터 다시 시작해야 하는 일이 벌어졌네요.

예전에 네이버에서 무료로 pe.kr 도메인을 제공하는 서비스를 소개한적이 있었습니다.

2008/12/12 - [how to blog] - 나만의 주소.pe.kr 도메인 무료로 받기

그러고 나서 DNS를 변경하지 않아서 일부러www.donggeulami.pe.kr 주소를 치고 들어가지 않으면 무조건 티스토리로 연결이 되어 있었습니다.
그런데 지난주에 갑자기 제 도메인을 쓰고 싶다는 생각이 들었습니다.
그래서 여기 저기 찾아보면서 2차 주소로 변경하는 방법을 터득했습니다.

티스토리 가이드 블로그 - 2차 도메인 설정하기
2차 도메인 변경 방법 by rukxer님

위 2개의 링크가 제가 도움을 받은 사이트입니다.
워낙 여러 블로거들이 2차 도메인 변경하는 방법을 올려놓아서 제가 또 여기에 설명할 필요는 없을것 같네요.
무료로 DNS 서비스를 해주는 DNSever 에 가입하셔서 서비스를 받으시면 됩니다.

그런데 DNS를 변경하고 나서부터 문제가 시작되었습니다.
다음 블로거뉴스 발행이 안되고, 믹시, 올블로그, 블코 등 메타사이트에 RSS가 등록이 안되거나 모든 글들이 두개씩 올라가기 시작했습니다. 각각의 매타 사이트의 제 정보관리 페이지에서 RSS를 변경할 수 있는것도 있었지만 다음 블로거뉴스처럼 변경이 불가능 경우도 있었습니다. 직접 RSS 주소 변경이 불가능할 경우에는 고객센터나 관리자에게 문의를 하면 1~2일 이내에 모두 처리를 해주더군요.

다음 블로거 뉴스 2차 도메인 설정
다음 블로거뉴스의 경우는 2차 도메인을 설정하는 블로거를 위해서 2차 RSS주소도 받아주더군요.
다음 ID, 기존의 다음 블로거뉴스 주소, 2차 블로거뉴스 주소를 고객센터 메일로 보내면 처리를 해주더군요.

그래서 이제는 모든게 정상화 되었지만...
야후 블로그 랭킹은 바닥을 떨어지고 말았네요...

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/130 관련글 쓰기

댓글을 달아 주세요

2009/01/19 23:32 INFORMATION/how to blog
별 생각없이 새로 나온 스킨도 감상할 겸 스킨 페이지에 들어가서 미리보기 몇개를 봤습니다.
그리고 스킨을 변경할 생각이 없었기에 다시 제 블로그로 돌아왔죠.
그런데 HTML로 만들어놓은 사이드바 메뉴들이 모두 사라지고 사용하지 않던 기본 모듈들이 모두 튀어나와 있는게 아니겠어요?
이런... 말로만 듣던 사이드바 초기화!
어떻게 복구할 수 있는 방법이 없을까 찾아보다가 거의 대부분의 블로거분들께서도 이런 사고(?)를 겪고나서 다시 사이드바를 셋팅하셨다고 하더군요.
그래서 저도 어쩔수없이 다시 사이드바를 셋팅했습니다.
다행히 비공개 포스트로 사이드바에 쓰던 이미지들을 모두 올려놨으니 그나마 빨리 복구가 되었습니다.
만약... 그 이미지들이 없었다면... 생각도 하기 싫어지네요.
그래서 이번에는 모든 HTML Tag들을 메모장에 붙여넣어서 이미지들과 같이 비공개 포스트에 올려놨습니다.
만약의 사태에 대비하기 위해서요...
덕분에 저녁시간 아주 잘 보냈습니다...
티스토리 운영자 여러분!
혹시 사이드바 복원하는 그런 기능 첨부 안되실까요?

여튼... 스킨 미리보기... 왠만하면 하지 마시길.....

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/98 관련글 쓰기

  1. 멋진 스킨이 새로나와도 절대 미리보기 금지  삭제

    2009/02/02 12:17 | Tracked from koozistory

    티스토리 쓰는 유저분들 참고하세요. 처음엔 오류(관련링크 - http://koozistory.tistory.com/1551)인줄 알고 몇일 기다려 보았으나 상황은 여전합니다. 뭐가 문제인가 이것저것 살펴봤으나 뭐가뭔지도 모르겠고... 해서 글을 검색해보던중 http://donggeulami.tistory.com/98 이곳 동그라미 님의 글을 참조한후 새로나온 스킨을 미리보기 한 것이 문제란걸 알았습니다. 동그라미 님은 다행히 이미지 및 소스들을 백업..

댓글을 달아 주세요

  1. Favicon of http://damonisch.tistory.com BlogIcon 데모니슈 2010/05/12 12:06  Addr  Edit/Del  Reply

    전 아무 생각없이 스킨을 바꿨는데, 사이드바가 적용되지 않는 스킨이거든요.
    기존 스킨 사이드바에 별건 없지만 나름 소중한 ;; 즐겨찾기만 Html로 해서 몇 십개 넣어놨었는데,
    사이드바 적용되는 스킨으로 다시 바꾸면 기존의 사이드바 내역이 뜨나싶어서
    혹시나 하고 검색해봤는데, 정녕 초기화되는건가요?ㅠㅠ
    할 수 없군요.ㅠㅠ 미리보기로도 삭제된다니 후덜덜이네요.ㅡ.ㅡ;;;
    새로운 마음으로 시작해야겠네요.^^*

2009/01/16 16:30 INFORMATION/how to blog
 제 블로그는 Feedburner를 이용해서 RSS를 전송을 하고 있습니다. 그런데 몇일전부터 Feedburner에 접속을 하면 페이지가 열리지 않더군요. 저는 단순히 로딩속도나 싱크가 맞지 않아서인가.. 하고 넘어갔었습니다. 그런데 오늘 Feedburner페이지에 접속을 하니 문제가 있더군요. 용량이 너무 크다고... 그래서 여기 저기 알아보면서 해결을 했습니다.

Feedburner에 접속을 하니 Bang! Kapowww! Krakkk! 도무지 알 수 없는 이상한 말을 하더군요.
영어와는 많이 친하지 않아서 대충 읽어보니 제 RSS의 용량이 너무 크다고 합니다. 512K가 넘는다고 하네요.
요즘같은 세상에 512K라니요.. Feedburner를 Google에서 인수를 했다고 하는것 같던데 Google이 용량을 512K로 제한을 한건가요? 설마....
하여튼 제가 포스팅을 하면서 글을 많이 적는편도 아니고, 물론 RSS용량에는 이미지나 동영상 용량은 포함되지 않는다고 합니다.


불현듯! 몇일전에 RSS전송 갯수를 좀 늘린것 같은 생각이 들어 제 티스토리 환경설정>기타설정 에서 RSS와 관련된 부분을 수정을 했습니다.
간혹 제가 받아보는 RSS중에 내용 전체가 아닌 일부를 보여주는 분들도 계셔서 부분공개를 하고... 이렇게 하면 용량이 조금 줄어들겠죠.
그리고 갱신되는 포스트의 숫자도 10개로 줄였습니다.


그랬더니 정상적으로 RSS를 내보내고 수신하고 하더군요.
혹시 자신의 RSS가 512K를 넘는다고 오류가 생기시는 분들은 위 두가지 선택사항을 적절히 조합해보세요.

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/94 관련글 쓰기

댓글을 달아 주세요

  1. 최용수 2009/01/16 17:08  Addr  Edit/Del  Reply

    좋은정보 감사합니다
    ysc21m@hanmail.net 로 티스토리 초대장 부탁드립니다
    수고하십시요

    • Favicon of http://donggeulami.tistory.com BlogIcon 동그라미™ 2009/01/16 17:12  Addr  Edit/Del

      유용한 정보가 되셨다니 다행이네요.
      메일주소로 초대장 보내드렸습니다.
      부디 유익한 블로그 만드시가 바랍니다.
      감사합니다.

2009/01/14 12:25 INFORMATION/how to blog
 Google AdSense에서 PIN번호가 적힌 옆서가 도착했습니다. 블로깅 초기에는 광고수익이라는 말에 어떻게 좀 수익을 올려볼까.. 하는 생각을 했었는데 요즘에는 그냥 관심을 갖지 않고 있었습니다. 그런데 PIN번호가 적힌 우편물이 도착을 했네요. $100 수표를 받으려면 아직도 멀었는데 말이죠...

정말로 미국에서 AIRMAIL로 우편물이 왔습니다. 한국에 있는 Google에서 우편물이 올줄 알았는데 아니더군요.
멀리 미국에서 오느라 수고했다~ 옆서야...


옆서 뒷면에는 커다랗게 Google 로고가 찍혀 있습니다.


미국에서 왔는데 옆서 안에는 한글로 내용이 적혀 있네요. 옆서를 열면 PIN번호 입력하는 방법과 PIN번호가 적혀 있습니다.


그러면 Google AdSense에 들어가서 PIN번호를 입력해보겠습니다.
우선 Google AdSense에 들어가서 로그인을 해야겠죠?
그리고 내 계정 탭을 클릭합니다. 그러면 지급절차 안내와 함께 AdSense를 시작해서 지금까지의 수익금이 얼마인지를 알려줍니다.


다음으로 지급 내역을 클릭합니다. PIN정보와 혹시나 PIN번호 옆서가 도착하지 않았을 경우 새로운 PIN번호를 요청하는 내용과 옆서로 받은 PIN번호를 입력하라는 공간이 있습니다.
참고로 PIN번호는 최초 수익금이 $10 이 넘어가면 자동으로 PIN번호를 보내주는데 이 시점에서부터 6개월 내에 PIN번호를 입력하지 않으면 모든 수익금이 없어진다고 합니다.


PIN번호를 입력하면 아래와 같이 지불 가이드 등을 볼 수 있는 페이지가 나오면서 완료가 됩니다.


이제 $100 이 넘어서 수표를 받기를 기다려야겠죠?
저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/89 관련글 쓰기

댓글을 달아 주세요

  1. BlogIcon ; 2009/05/22 13:20  Addr  Edit/Del  Reply

    엽서 아닌가요??ㅎㅎ

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2009/05/22 13:24  Addr  Edit/Del

      옆서라고 단정짖기는 조금 힘들것 같습니다.
      아래쪽과 좌우에 봉인된 스티커를 뜯어내면 펼쳐지고
      그 안쪽에 PIN과 관련된 내용이 적혀 있거든요.

2009/01/09 08:57 INFORMATION/how to blog

 티스토리에서 제공하는 기능중에 원하는 블로그나 웹사이트를 링크에 추가해서 본인의 블로그에 보여줄 수 있습니다. 그런데 자주가는 블로그, 올블로그같은 메타사이트, 본인의 즐겨찾기 링크 등 여러 항목들로 링크를 나누는건 불가능하죠. 그래서 사이드바에 있는 링크를 여러 항목으로 나눠봤습니다.


아래 노란박스안에 코드가 원래 제 블로그 skin.html에 있는 링크 코드입니다.
그 중에서도 연두색 박스 안의 코드가 링크에 추가된 사이트 이름을 url를 링크시켜주는 일을 하고 있습니다.
붉은색으로 보이는 등과 같은 치환자를 사용해서 링크를 표시해주고 있습니다.
는 링크에 추가되어 있는 사이트의 url을, 는 사이트 이름을 보여주는 치환자입니다.
나머지 코드들은 블로그 스킨에 맞게 정해져 있는 코드들입니다.

<!-- 링크 -->
<s_sidebar_element>
<div id="link">
<h3>Links</h3>
<ul><s_link_rep><li>
<a href="" onclick="window.open(this.href); return false"> .</a>
</li></s_link_rep></ul>
</div>
</s_sidebar_element>

그럼 여러가지 분류를 나눠서 링크를 정리해보도록 하겠습니다.
단!! 티스토리에서 제공하고 있는 링크추가 하기를 통해서는 분류를 나눌 수 없습니다.
그래서 원래의 링크가 하나의 항목으로 들어가고 다른 항목들을 추가하는 방식으로 되게 되어있습니다.
나중에 티스토리에서 이런 기능을 추가해주는것도 좋을것 같네요. 링크 분류 나눠서 추가하기...

아래 코드가 완성된 코드입니다. 제 블로그 사이드바에 있는 링크를 보여주는 코드들이죠.
이 코드들 중에서 빨간 상자 안에 있는 코드는 필수적으로 들어가야 하는 코드입니다. 티스토리에서 기본으로 제공하고 있는 링크를 나타내주는 코드입니다. 초록색 글씨로 위에서 말씀드린 치환자를 표시해 두었습니다.

그리고 빨간색 글씨로 되어 있는 부분은 링크에 분류를 표시해준 아이콘들의 링크주소입니다. 제 링크를 그대로 사용하셔도 되고 아니면 따로 만드셔서 해당 링크를 가져가 쓰셔도 됩니다.

파란색
글씨로 된 부분은 링크 드롭다운창에 보여지는 글자입니다. 원하시는 문구로 변경하시면 됩니다.

 <!-- 링크 -->
<s_sidebar_element>
<div id="link">
<h3>Links</h3>
<ul><li>
<table>
<div id="as_div" align="center" >

<!-- blog link -->
<tr><td>
<img src="http://cfs15.tistory.com/image/22/tistory/2009/01/07/08/37/4963eb3e52d5e" align="absmiddle">&nbsp;<select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:135px;">
<option value="">My Links</option>
<s_link_rep>
<option value=""></a></option>
</s_link_rep>
</select></td></tr>

<tr><td>
<!-- Favorite site -->
<img src="http://cfs15.tistory.com/image/2/tistory/2009/01/07/08/37/4963eb3e6204e" align="absmiddle">&nbsp;<select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:135px;">
<option value="">Favorite</option>
<option value="http://www.tistory.com"> 티스토리</option>
<option value="http://www.naver.com"> 네이버</option>
<option value="http://www.daum.net"> 다음</option>
<option value="http://www.google.co.kr"> 구글</option>
<option value="http://www.google.com/adsense"> Adsense</option>
<option value="http://www.yahoo.co.kr"> 야후!</option>
</select></td></tr>

<tr><td>
<!-- meta site -->
<img src="http://cfs15.tistory.com/image/16/tistory/2009/01/07/08/37/4963eb3e580fa" align="absmiddle">&nbsp;<select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:135px;">
<option value="">Meta Site</option>
<option value="http://bloggernews.media.daum.net/"> 다음 블로그 뉴스</option>
<option value="http://www.blogkorea.org/"> 블로그 코리아</option>
<option value="http://allblog.net"> 올블로그</option>
<option value="http://mixsh.com/"> 믹시</option>
<option value="http://www.eolin.com/"> Eolin</option>
</select></td></tr>

</div></table>
</li></ul>
</div>
</s_sidebar_element>

연두색 박스에 있는 코드들은 제가 추가한 다른 사이트들입니다.
원하는 분류만큼 아래쪽으로 계속 추가를 하시면 되고 해당 분류 안에서 추가하고자 하는 사이트가 있으면 직접 url과 사이트 이름을 <option value="사이트 url">사이트이름</option> 이렇게 넣어주시면 됩니다.

저 많은 코드를 직접 입력하시려면 한참 걸리실테니 제 코드를 다운로드 받아가셔서 입맛에 맞게 고쳐서 사용하시기 바랍니다.




저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/83 관련글 쓰기

  1. 블로그 스킨 수정 소식  삭제

    2009/08/15 15:10 | Tracked from 언제나 소녀

    오늘 드디어 링크를 드롭다운 메뉴로 변경하였습니다. 그동안 벼르고 별렸는데,,,, 막상 하다보니 코드를 만들어 두신 분이 있어서 많은 도움을 받았지요. 전부터 하려던건데 그때 자료를 어디서 봤는지 찾기가 난감해서요. 동그라미님의 동그라미 스튜디오 블로그에서 방법을 참고했습니다. ( http://www.donggeulami.pe.kr/83) 그래서 현재 제 스킨에서 링크는 요렇게 보이죠^^ 링크와 메타 블로그 링크를 모두 드롭다운메뉴로 만들어 버렸어요..

댓글을 달아 주세요

  1. Favicon of http://funfungirl.tistory.com BlogIcon 뻔뻔한유네씨 2009/03/08 02:02  Addr  Edit/Del  Reply

    흐흐- 이거보고 링크 예쁘게 바꿀 수 있었어요. 감사합니다~

  2. Favicon of http://lois.tistory.com BlogIcon 로이스 2009/08/15 15:14  Addr  Edit/Del  Reply

    유익한 내용에다가, 코딩 문서까지 다운로드 받을 수 있어서
    저도 스킨 쉽게 수정했어요.

    감사합니다.
    트랙백도 남기고 갑니다.

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2009/08/17 08:55  Addr  Edit/Del

      로이스님!
      제 블로그 방문해주셔서 감사합니다.
      로이스님 블로그 가보니 참 깔끔하게 해놓으셨네요.
      재밌는 포스팅 많이 해주세요!
      종종 들려보께요~

  3. Favicon of http://jeonghyun.tistory.com BlogIcon 조정현 2009/10/30 20:27  Addr  Edit/Del  Reply

    동그라미님 덕분에 제 블로그도 링크르 드롭다운으로 바꿨어요 .. 궁금하던거 였는데
    속 시원하게 해결했습니다. 감사합니다.^^

    • Favicon of http://www.donggeulami.pe.kr BlogIcon 동그라미™ 2009/11/02 14:47  Addr  Edit/Del

      저도 다른 블로거 덕분에 이렇게 포스팅도 하고 여러분들께 도움도 드릴 수 있었답니다.
      즐거운 블로깅 되세요!

  4. Favicon of http://ghozi.net/ban-terbaik-di-indonesia-gt-radial BlogIcon Ban Terbaik di Indonesia GT Radial 2011/11/24 12:27  Addr  Edit/Del  Reply

    이것은 훌륭한 게시물입니다! 그것은 매우 유익한했습니다. 난 당신 작품의 자세한 내용을 읽기에 최선을 다하겠습니다. 또한, 내가 나중에 다시 올 수 있도록 웹사이트를 즐겨찾기에 확인했다. 나는 그것을 읽는 모든 순간을 즐기고

  5. Favicon of http://www.morefreeinformation.com/Art/549959/52/Ice-Skating.html BlogIcon info 2012/03/30 14:20  Addr  Edit/Del  Reply

    나는그모 을수없었다.

2009/01/06 11:00 INFORMATION/how to blog
 블로그에서 운영자에게 e-mail을 보낼 수 있는 웹페이지를 만들어주는 사이트가 있습니다. 보통은 'mailto' 태그를 이용해서 이메일주소를 링크를 거는데요. 이럴 경우에는 아웃룩을 통해서만 이메일을 보낼 수 있습니다.
하지만 이 사이트는 웹페이지에서 바로 설정된 이메일 주소로 메일을 보낼 수 있도록 해주네요.

http://kontactr.com/ 에 접속을 합니다.

화면 가운데 보이는 'Sign Up' 버튼을 누르고 간단한 가입절차에 들어갑니다.

회원가입은 복잡하지 않네요. 이름, 받을 이메일주소, 아이디(Username), 비밀번호만 입력하면 바로 가능합니다.

자... 여기서부터...
가장 위에 있는 'Your Contact Page : ~~~'라고 있는곳에 주소는 정해진 이메일 주소로 메일을 보낼 수 있는 페이지로 연결이 되는 주소입니다.

저같은경우에는 사이드바에 있는 지난번에 포스팅했던 이메일주소 아이디 만들기를 통해서 만든 이미지에 저 주소를 링크걸었습니다.

아니면 따로 'contact me' 버튼을 통해서 이메일주소 페이지를 링크걸고자 하시면 아래쪽에 Buttos에 있는 HTML Code를 복사해서 사이드바 또는 해당 페이지에 삽입하면 된답니다.

참고로.. 아이디만 다르면 여러개의 이메일 보내는 페이지를 만들 수 있네요. 저도 두개 만들어서 이메일주소 이미지에 링크 걸어뒀습니다.

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/79 관련글 쓰기

댓글을 달아 주세요

2008/12/25 19:35 INFORMATION/how to blog
 제 블로그 이미지 아래에 보면 동그리미™의 이메일주소가 아이콘으로 되어 있습니다. 제가 삽질해서 만든건 아니구요.. 웹사이트를 돌아다니다보니 이런 아이콘을 만들어주는 사이트가 있더군요.

http://services.nexodyne.com/email/index.php 주소로 들어가보시면 아시겠지만 외국사이트입니다.
그래서 아쉽게도 다음, 네이버같은 우리나라 메일계정은 아이콘으로 만들 수 없습니다.
하지만 거의 하나씩은 가지고 계실 MSN, hotmail, gmail, yahoo 메일 등 외국 계정은 왠만한건 다 있습니다.


웹사이트를 들어가시면 이메일 아이디와 계정을 선택할 수 있는 페이지가 보입니다.
가지고 계신 아이디를 입력하고 계정을 선택한 다음 아래 'Generate' 버튼을 누르세요. 그러면...


이렇게 보이실겁니다.
'Generate' 버튼 아래쪽에 만들어진 아이콘이 보이시죠?
자~ 그럼 지금부터...
아래 빨간색으로 나와있는 URL은 만들어진 아이콘의 링크 주소입니다. 블로그에 저 주소를 가져다 붙이시면 아이콘이 웹페이지에서 보이게 됩니다.
아니면 그 아래쪽에 'To save this icon, click here' 에서 'click here'를 클릭하시면 아이콘을 컴퓨터에 저장하실 수 있습니다. 그럴경우에는 이미지를 블로그에 비공개로 포스팅하시고 그 이미지의 주소를 복사해서 웹페이지에 붙이시면 됩니다.

저같은 경우에는 자주 사용하는 두개의 이메일주소 아이콘을 만들어서 제 공지사항 글에 포스팅한 후 사이드바에 'html 배너출력' 메뉴박스에 붙여넣었습니다.
아시겠지만 e-mail을 보낼 수 있게 링크 걸어주는 html tag는 "mailto:"입니다.
이미지 링크 뒤에 <a href="mailto:자신의메일주소"></a> 를 입력하시면 MS Outlook를 통해서 이메일을 보낼 수 있는 링크가 들아가게 됩니다.

<table>
   <tr>
      <td>
         <a href="mailto:donggeulami@gmail.com">
         <img src="http://cfs13.tistory.com/image/36/tistory/2008/12/25/18/40/495354f7509e9">
         </a>
      </td>
   </tr>
   <tr>
      <td>
         <a href="mailto:donggeulami@hotmail.com">
         <img src="http://cfs13.tistory.com/image/18/tistory/2008/12/25/18/40/495354f76a237">
         </a>
      </td>
   </tr>
</table>


이 코드는 제가 블로그에 만들어 놓은 이메일 주소 메뉴의 코드입니다.
두개의 메일주소 아이콘을 보여주려고 table 함수를 쓴거구요.
정말 간단하죠?!


저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/67 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://nice4you.tistory.com BlogIcon 꼬마나무a 2008/12/26 00:16  Addr  Edit/Del  Reply

    좋은정보 감사합니당

2008/12/12 09:56 INFORMATION/how to blog

네이버 블로그에서 2년간 도메인 주소를 제공하는 이벤트를 진행하고 있네요.
12월 31일까지 선착순 50,000명에게 .pe.kr 도메인을 제공합니다.
네이버 회원이면서 국내 도메인 관리 업체 회원이면 신청 가능합니다.

도메인신청하러가기



네이버 회원이면 바로 로그인 후 pe.kr도메인 신청하기를 클릭하면
바로 다음과 같이 팝업창이 뜨게 됩니다.



여기서 인증키를 복사한 후 아래 도메인 등록 업체 중 하나를 선택해서 들어가면 되는데요.
저는 whois에 회원등록이 되어 있어서 바로 whois로 들어갔습니다.



해당 페이지에서 기본정보들을 모두 입력한 후 네임서버 정보에서 포워딩 신청을 체크하면 아래 무료 포워딩 신청을 할 수 있는 입력란이 생깁니다.
여기서 연결할 URL에 현재 사용중인 블로그 주소를 입력하면 기존의 블로그 주소와 신청한 도메인이 연결이 되게 됩니다.

whois같은 경우에는 이와 같이 URL만으로 포워딩이 가능하지만 그렇지 않은 도메인 등록업체도 있는걸로 알고 있습니다.
그럴때는 자신의 블로그의 IP주소를 알아야 하는데요...
그럴땐 http://oxtag.com/php/p/wwwinfo.php  여기로 들어가서 ip주소 및 서버, 서버시간 등 원격 정보를 확인할 수 있니다.
여기서 확인된 정보들로 기존의 주소와 새롭게 등록된 주소를 연결할 수 있습니다.

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/46 관련글 쓰기

  1. 주간 블로고스피어 리포트 102호 - 2008년 12월 2주 주요 블로깅 : 구글의 세계 지배 계획? ... 은 아니고 ^^ Web-Strategist에서 공개한 "구글에 대한 모든것(All about the Google)"이라는 슬라이드 자료를 소개하고 있습니다. 구글을 이해하는 데 큰 도움이 되는 자료입니다. 구글 "데스크톱같은 웹서비스 개발 가능"…플러그인 기술 공개 : 구글이 오픈소스 웹 개발 프로젝트 ‘네이티브 클라이언트(Native Cli..

댓글을 달아 주세요

2008/11/26 15:13 INFORMATION/how to blog
일부 스킨에는 rss 아이콘이 없는 경우가 있습니다.
이때 사이드바에 rss 아이콘을 넎으려면
사이드바 설정에서 "HTML 배너출력"을 사용하신 후
편집을 누르시고

<center>
<a href="http://donggeulami.tistory.com/rss" title="동그란세상 구독하기" rel="alternate" type="application/rss+xml">
<img src="http://www.hongkiat.com/blog/wp-content/uploads/rssicons/feed-icon.gif">
</a></p>
</center>

위 tag를 입력하시면 됩니다.
단!
첫번째 빨간 글씨에는 본인의 블로그 rss주소를,
두번째 빨간 글씨에는 rss버튼에 대한 설명을,
세번째 빨간 글씨에는 원하는 rss버튼 이미지의 주소를 입력하시면 됩니다.
rss버튼 이미지의 주소는 여러 사이트에 있는 이미지에서 오른쪽 마우스 버튼을 누르시고
속성에 나와있는 주소를 붙여넣으시면 됩니다.

여러 rss버튼이 있겠지만 참고삼아 rss버튼이 몇가지 있는 사이트를 알려드립니다.

rss 아이콘 보러가기

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/3 관련글 쓰기

  1. 블로그 사이드바에 RSS 버튼 설치하기  삭제

    2008/11/26 15:55 | Tracked from 스노우밸리의 작은이야기 :)

    블로그의 구독자 수를 늘리려면..? 블로그 컨텐츠가 좋아야 함은 물론이고, 이와 더불어 적절한 위치에 RSS 구독 버튼을 설치해야 할 것입다. (물론 블로그 스킨과 잘 어울린다면 금상첨화... ^^") 요즘은 디자인이 독특한 버튼 이미지도 많아 이것 하나로도 블로그 개성을 충분히 살릴수 있죠~ 방법또한 매우 간단하니 저같은 초보님들 도움 되시길 바랍니다. 방법은 매우 간단합니다. 요약하면 3단계로 구분 할 수있습니다. Step 1. RSS 버튼 다운..

댓글을 달아 주세요

2008/11/26 13:02 INFORMATION/how to blog

http://help.naver.com/service/exMailQuestion.jsp?question_gubn=service&TBID=TBOX20071231000001&sub_tb_id=TBOX20071231000011

위 링크로 들어가서 신청을 하면 주소의 정확성, 성인 및 광고글 여부 등을 확인한 후 등록이 되면
네이버 블로그 검색결과에 나오게 된다.

저작자 표시 비영리 변경 금지
posted by 동그라미™

Trackback http://www.donggeulami.pe.kr/trackback/2 관련글 쓰기

  1. 내블로그를 네이버에 RSS피드(블로그검색) 등록 하기  삭제

    2008/11/26 13:59 | Tracked from 스노우밸리의 작은이야기 :)

    효과적인 블로깅을 위해.. 많은 방문자가 내 블로그로 방문하여 좋은 게시물을 많이 읽고 간다면...좋을 것입니다. 그러기 위해서는 많은 곳에 일단 노출이 되어야 하는데, 포털 사이트중 가장 많은 사랑을 받고 있는 네이버(NAVER)에 자신의 블로그를 검색이 되게 등록 하여 봅시다. (↑이는 네이버에서 RSS피드등록요청을 통해 할 수 있습니다.) 방법은 매우 간단합니다. 블로그의 주소와 요청사유를 기재하여 등록 요청을 하면, 주소의 정확성/성인 및 광..

댓글을 달아 주세요

  1. Favicon of http://snowvalley.tistory.com BlogIcon snowvalley 2008/11/26 13:12  Addr  Edit/Del  Reply

    성공하셨군요...ㅋ

  2. Favicon of http://koreasee.com BlogIcon 닥즐 2008/11/26 13:28  Addr  Edit/Del  Reply

    아쉽지만 전 글이 몇개 없어서 짤리듯.ㅎ

  3. Favicon of http://koreasee.com BlogIcon 닥즐 2008/11/26 13:28  Addr  Edit/Del  Reply

    아쉽지만 전 글이 몇개 없어서 짤리듯.ㅎ