'나래 생각/블로그 꾸미기.운영'에 해당되는 글 22건

다음에서 운영하는 티스토리 블러그에도 네이버 이웃커넥트 위젯을 추가할 수 있습니다.

대한미국 검색 시장의 70%를 차지하는 네이버이니 블로그 운영자로서 그냥 무시할 수 는 없지요...

순서대로 차근차근 따라만 오시면 아주 쉽게 추가할 수 있습니다.

1. 네이버 블로그 이웃 커넥트페이지로 이용하세요 --> http://section.blog.naver.com/sub/InstallConnectWidget.nhn

2. 네이버에 로그인후 이동한 페이지에, 보이는 순서대로 원하는 옵션을 선택합니다. 선택한 옵션에 따라 오른쪽 미리보기가 변경됩니다.

첫번째 옵션인 '이웃커넥트 위젯을 설치할 블로그'는 티스토리에 설치할것이기에 '다른 블로그로 퍼가기'를 선택하여야 합니다.

3. 제가 원하는 옵션을 선택후 '퍼가기' 누르면 팝업되는 창입니다.

4. '코드복사'를 누르시면 클립보드에 저장되었다는 메시지가 나타납니다. 코드를 선택후 'Ctrl+C' 하셔도 됩니다.

5. 티스토리 관리자 메뉴에서 '사이드바 --> 'HTML 배너출력' --> 편집'을 선택하세요

6. 원하는 이름 넣시고 (저는 네이버 이웃추가 라고 했어요) 소스란에 '붙여넣기 Ctrl+V' 한후 '확인', '저장' 하세요

7. 제 블로그에 들어가 보니 이렇게 네이버 이웃추가 위젯이 생겼습니다. 구독중이 블로그가 0명이에요 ㅠㅠ, 이웃으로 추가해 주세요~~

아~ 그리고 위젯변경은 아래의 아이콘을 클릭하시면 됩니다.

성공 하셨나요 ? 잘 안되시면 댓글 남겨주세요 ^^

공감과 댓글은 글쓴이에게 많은 힘이됩니다. ~~

블로그에 글을 작성하며 제가 다른 블로그들에게 배운 아래 내용을 한번에 정리해 보려 합니다.

글 작성시 제가 늘 하는 순서인데요, 참 편리한 기능들이 많습니다.

- . 에드센스 광고 넣는 방법

-. 공감 아이콘 넣기

-. 구글지도 넣기

* 에드센스 광고 본문에 쉽게 넣기 *

(일단 제가 하는 방법으로 따로 오신후 나중에 본인이 원하시는 방향으로 수정하시면 이해가 쉽습니다.)

https://www.google.com/intl/ko_us/adsense/start/

위의 링크에서 에드워드에 가입한후 요청수락을 받은 후

내광고 > 광고단위 에서

1. 이름 정하고 권장크기를 정한후 저장 및 코드 생성을 누릅니다.

(Tip : 이름을 정할때 광고크기를 이름에 추가하면 사용시 혼동을 막기에 좋습니다, ex: Tistory 336x280_01 )

2. 728 x 90 사이즈와 336 x 280 사이즈를 각각 하나씩 만드세요

3. 내 광고 > 콘테츠 > 광고단위 에서 만들어둔 이름중 728 x 90 광고의 코드 가져오기를 누릅니다.

4. 광고 코드 <script.... 를 선택후 복사해 해둡니다. Ctr + C 아시죠.

5. 티스토리 글쓰기에서  서식 및 HTML을 선택후 복사해둔 내용을 붙여넣기(Ctr+V) 한후 저장합니다.

6. 티스토리 관리자 > 플러그인 > 플러그인설정에서 수익 > Google AdSense (데스크답 웹용)을 선택후 하단 광고 두곳에 에드센스로 부터 (No. 2,3) 광고 크기 336 사이즈의 광고코드를 복사한후 확인을 누릅니다.

본문 하단에 에드센스 광고가 추가되었습니다.

자 이제 에드센스 광고를 넣을 준비가 끝났습니다.

이제부터 티스토리에 글쓰기를 하며 광고를 넣어 보겠습니다.

7. 티스토리 글쓰기에서 글 선택후 내용을 작성한후 내용제일 앞을 마우스로 선택후 서식을 선택합니다.

(Tip : 본문 내용을 작성후 광고를 삽입하는 것이 좋습니다, 조금만 잘못하면 뒤죽박죽될 확률이 높습니다.)

8. 서식에 저장된 728 x 90을 선택합니다.

본문 제일 상단에 에드센스 광고가 추가 되었습니다.

서식 및 에드센스 플러그인으로 원하는 위치에 광고를 삽입 할수 있습니다.

* 공감 아이콘 출력하기 *

9. 공감 아이콘은 발행을 선택하시면 출력됩니다.

* 구글 지도 본문에 넣기 *

1. 먼저 구글 지도를 오픈한후 https://www.google.com/maps

찾고자 하는 곳을 검색하고 공유를 클릭합니다.

2. 지도 퍼가기 > 맞춤 크기 > 맞춤 크기를 선택한 후 원하는 크기의 가로, 세로 값을 입력하세요

3. 별표의 보이는 코드를 카피해 둡니다. (Ctr + C)

4. 티스토리에서 글쓰기에서 본문내용을 모두 작성한후 HTML을 선택합니다.

5. HTML 화면에서 제일 마지막을 선택후 복사한 지도코드를 붙여넣기(Ctr + V) 합니다.

6. 붙여넣기한 코드의 앞과 뒤에 지도를 중간에 위치하게 만들기 위해 center 함수를 입력합니다.

<center><iframe src=................................................................frame></center>

모든 내용이 적용된 결과물은 제 블로그의 글 내용을 확인 하시면 됩니다.^^