태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.
  블로그홈 |  블로그 히스토리 |  재테크 |  펀드정복 |  투자개념&용어 |  경제 원리 |  금융투자소식 |  RSS구독 |  이메일구독 |  서비스하기 |  방명록
"스팟플렉스(Spotplex) 위젯 달기! 1편"에서는 자신의 블로그에 달 위젯을 만드는 것 까지 하였습니다.

이제는 이렇게 만들어진, 위젯을 실제 자신의 블로그에 붙이는 과정을 설명드리겠습니다.
개략적인 과정은 이렇습니다.

우선, 위젯 소스를 복사 한뒤 자신의 블로그의 사이드바 엘레먼트로 추가를 합니다.
그리고 이렇게 추가된 엘레멘트의 위치를 정해 줌으로써, 자기 블로그에 장착을 완료하게 되는것이죠.

자~ 그럼 하나하나씩 자세히 보도록 하죠.
"스팟플렉스(Spotplex) 위젯 달기! 1편"의 화면 기억나시죠? 3개의 칸으로 이루어진 화면에요.
거기서 [Preview] 버튼 옆에 [Get this widget] 버튼을 누르시면, 아래와 같이 소스가 화면에 나타나게 됩니다. Preview를 보셨던 화면이 소스를 나타내는 화면으로 바뀌게 되죠.


사용자 삽입 이미지

위의 소스를 설명에 나온것 처럼 Ctrl + C를 눌러서 복사를 마치시고요~!
아니면 마우스 오른쪽 버튼 누르신 후 "복사하기"를 누르시거나요~
해서 소스를 복사합니다.

사용자 삽입 이미지

그런 다음 자신의 블로그 사이트 소스 고치는 메뉴로 들어옵니다.
티스토리의 경우 "관리자" -> "스킨" -> "HTML/CSS 편집" 으로 들어가시면 소스 화면이 나옵니다.
skin.html 파일의 소스가 나온 화면에서 Ctrl + F 키를 누르시거나 해서 소스 중 1번에서 처럼
"<!-- /side02 -->" 를 찾습니다.

아니면, 사이드바 1번 부분을 찾으셔도 무방합니다. 어쨌든,
사이드바 엘레먼트를 생성 할 수 있도록 하면 됩니다.

찾으셨나요??

그럼, 이번에는 바로 위에서 엔터 한번 치셔서 빈줄을 하나 만들어 주시고요.
거기에
<s_sidebar_element>
<!-- Spot Plex Widget -->

</s_sidebar_element>

이렇게 4줄을 만들어 주세요.
가운데 빈칸은 복사한 소스코드를 넣을 부분입니다.

그럼 이제, 복사한 소스코드를 빈 줄에 붙여 넣어주세요.

그럼 위의 2번 빨간 박스 처럼, 소스가 들어가게 될겁니다.
그럼 저장한번 해주시고요.


사용자 삽입 이미지

"HTML/CSS 편집" 옆에 있는 "사이드바 설정"으로 들어가 주세요.
그럼 위의 화면처럼 "추가 가능한 모듈(스킨 기본)에
"<!-- Spot Plex Widget -->" 에 넣었던 "Spot Plex Widget" 이름의 위젯을 보실 수 있게 됩니다.
이것을~~!

사용자 삽입 이미지

위의 빨간 박스 에서 보이는 것 처럼 배치하실 사이드 바로 드래그&드롭해주시면 됩니다.
드래그&드롭하실때는 새로 위치하게 될 우리의 스팟플렉스 위젯이 들어갈 위치는
회색 바~! 로 나타나게 됩니다.

이렇게 하시고 블로그 첫 화면으로 와보세요~!

위젯이 들어가 있을 겁니다!

☞ 이 글이 괜찮았나요? ^^ 아래의 손가락 버튼과 Mixup 버튼은 본 글에 대한 추천 버튼입니다. ☜
☞ 여러분들이 관심과 응원 그리고 사랑에 이코노와이드는 더욱더 힘을 냅니다!! ☜
세계 주식시장 동향
※ 경제, 경영, 재테크, 금융, 개인 금융에 대한 각종 정보와 소식 그리고 지식에 대한
글을 서비스하는 이코노와이드(EconoWide) 블로그의 각종 포스트 내용과 소식들을
무료로 이메일을 통해 편리하게 받아보실 수 있습니다.
구글 피드버너 (Google FeedBurner) 시스템에 의해 기사가 이메일로 배달됩니다.
이메일로 구독하는 방법 자세히 보기
구독하실 이메일 :
구독을 신청하신 분들은 최종적으로 입력하신 메일로 정확한 이메일 주소 여부를 확인하는 메일이 갑니다.
그 메일을 통해 이메일 주소가 정확한지 확인하는 과정을 거친 후 정식으로 등록이 됩니다.
인증메일은 피드버너 시스템의 사정에 의해 다소 시간을 두고 도착하는 경우도 있습니다.
도착하지 않았다면, 2~3시간 후 다시 한번 입력하신 메일주소로 인증메일 도착여부를 확인해주세요.
Posted by 해피쿠스

댓글을 달아 주세요

  1. 기본으로 티스토리에서 지원하는 스팟플렉스 위젯을 사용하고 있는데
    위치가 가운데로, 그리고 기본창으로 이동만 되네요.
    위치변경과 새창으로 링크 수정을 하려면 어떻게 해야 할까요?
    답변 부탁드립니다...^^;

    • 마야의놀이터님 안녕하세요~!
      티스토리에서 제공하는 스팟플렉스는 사용해보지 못해서요 ㅋㅋ 이건 일일이 수정이 가능하지 않은 걸로 아는데.. 맞는지 잘 모르겠네요~!

이코노와이드 블로그 첫 화면으로 가시면, 다양한 카테고리의 최신 글들을 한눈에 쉽게 보실 수 습니다
이코노와이드 블로그 첫 화면으로 바로가기!