ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 티스토리 및 네이버 블로그에 배너(엠블렘) 삽입하기
    블로그 이야기 2012. 6. 28. 10:50
    반응형


    티스토리 및 네이버 블로그에 배너(엠블렘) 삽입하기


    안녕하세요 오늘도 즐거운 하루가 시작되었네요.

    오늘은 다름아니라 만들어져 있는 배너등을 블로그에 넣는 방법에 대해서 알아볼까해요.

    이 포스팅의 기준은 다음에서 티스토리 및 네이버 블로그로 배너를 넣는 방법을 기준으로 하려고 합니다.


    티스토리 배너 삽입


    예를 들면 제 블로그 메인화면인데요 사진 우측에 보시면 모비캐릭터로 되어있는 

    [모나미 서포터즈] 배너 위젯이 설치되어있는것을 확인할수가 있는데요.

    이 배너를 어떻게 설치하는지 한번 알아볼까요?


    위젯뱅크에 있는 [나만의 배너] 위젯 이용하기

    다음 위젯뱅크

    다음에서 위젯뱅크로 검색하면 다음과 같은 화면이 나옵니다.

    위젯뱅크로 들어가셔서 [나만의 배너]를 검색하시면 아래와 같은 위젯이 나옵니다. (또는 아래 링크로 바로 들어가세요)

    다음 위젯뱅크 : [나만의 배너] 바로가기

    나만의 배너 위젯

    나만의 배너에 들어가시면 아래와 같은 화면이 나오게 됩니다.

    이 화면에서 각자의 블로그에 해당하는 네이버 블로그나 티스토리, 다음 블로그 등을 선택하시면 해당 블로그에

    로그인 정보를 요구하게 됩니다. 이 때 해당 포털사이트의 ID 등으로 로그인을 우선 해주세요

    나만의 배너


    1. 티스토리 배너 삽입하기

    티스토리 배너 삽입하기

    해당 사이트의 로그인을 하면 처음 화면과 달리 총 4~5개의 항목이 생성이 됩니다.


    a. 티스토리의 경우 멀티블로그중에 어느 블로그에 설치할 것인지 선택

    b. 이미지 경로

    c. 링크 경로

    d. 링크 이름

    e. 배너 높이


    A항목은 현재 설치할 블로그를 선택하시면 되고요. B항목은 이미지의 url 주소가 있어야합니다.

    이 URL 주소를 획득하는것은 여러가지 방법이 있겠지요. 이건 각자 알아서 가져와 주세요

    URL이 업다면 블로그에 비공개 포스팅으로 글에 이미지를 넣어 놓고 그 URL을 가져오는 방법도 있긴하지만

    블로그 지수등에서 비공개, 삭제 이런게 좋지만은 않다는 이야기를 하시는 분들이 간혹있어서

    적극 추천하기는 힘드네요 >_<

    C항목은 해당 배너를 클릭하였을때 어디로 링크되게 만들건지 설정하는 항목이고요.

    D항목은 해당 배너를 만들었을때 관리하기 편하게 이름을 설정하는 항목입니다. 예를 들면 "배너"라고

    단순한 이름으로 4~5개의 배너를 만들었다면 나중에 사이드바 관리할때 뭐가 뭔지 헷갈리시겠죠? ^^

    E항목은 배너의 높이인데요 [나만의 배너]는 가로 166px 에 최적화 되어 있어 보통 그렇게 맞추지만

    높이 제한이 풀려 있어 직사각형등 다양한 배너를 삽입할 수 있지만 해당 항목에서 직접 높이값을

    입력하셔야 합니다. 아니면 완전 찌그러져서 나오실거에요


    저의 경우는 아래와 같이 기입하였습니다.

    a :  티스토리 메인블로그

    b : 비공개 포스팅으로 이용해서 확보한 이미지 URL

    c : 링크경로는 [모나미 서포터즈]

    d : 링크 이름은 배너 위젯으로

    e : 배너 높이는 좌우 166px으로 맞춰기 때문에 높이도 166으로 설정하였습니다.


    이제 퍼가기를 클릭!!!

    그럼 위와 같은 화면이 나오게 되실거에요

    지금 적용하기 또는 직접 이동하게 되시면 아까 d항목에서 설정한 이름으로 위젯이 보이실겁니다.

    이제 이 화면에서 이미지 경로나 링크경로등을 관리하시면 되요.

    위의 단계를 계속 걸치면 누적되니 생성 및 관리를 잘해야겠지요 ^^

    그런데 안보이신다구요? 아직 끝난게 아니거든요~

    [관리]-[꾸미기]-[사이드바]-[위젯]이 아닌 [관리]-[꾸미기]-[사이드바]-[사이드바]에 들어가시면

    아래와 같이 좌측목록에 [나만의 배너]가 위치해 있으실거에요 +를 클릭하거나 드래그앤 드랍으로

    우측 리스트에 원하시는 위치로 이동하시고 저장을 누르시면 끝~!!!!



    위와 같은 작업을 걸치면 아래 사진에서 처럼 우측 사이드바에 제가 원하는 디자인에 배너가

    삽입이 되고 그 배너를 클릭하였을 때 원하는 사이트로 이동시킬 수 있습니다 ^^


    티스토리 배너 삽입


    2. 네이버 블로그 배너 삽입하기

    이번에는 네이버 블로그에도 한번 넣어볼까요?

    중복되는 내용들은 생략하고 넘어가도록 하겠습니다.

    다시 다음 위젯뱅크의 나만의 배너를 찾아서 이동하셔서 네이버 블로그를 선택하여 주세요

    네이버도 당연히 로그인하셔야 배너를 가져가실 수 있습니다.

    이번에는 항목이 4가지 밖에 없지요? 네이버는 1개의 아이디당 1개의 블로그이기 때문에 블로그

    선택 항목이 아예 없습니다 ^^

    a. 이미지 경로

    b. 링크 경로

    c. 링크 이름

    d. 배너 높이

    아까 티스토리와 마찬가지로 4가지의 항목을 적절하게 기입하신 후에 , 퍼가기를 클릭하세요.

    확인은 블로그에서 [관리]-[꾸미기 설정]-[디자인설정]-[레이아웃.위젯 설정]에서 확인합니다.


     

    위젯 사용설정에서 나만의 배너에 체크가 되어 있는지 확인하시고~

    화면 중앙에서 위젯 위치 설정하는곳에서 드래그앤 드롭으로 원하시는 위치에

    나만의 배너의 위치를 설정해 주세요

    네이버 블로그에 적용된 화면입니다.


    원래는 티스토리와 네이버 블로그에 배너(엠블렘)등을 삽입하는것을 나눠서 글을 쓰려고

    했는데 중복되는 내용이 대다수라 같이 작성하였습니다.

    저도 파워블로그 머 이런 딱지(엠블렘) 달아보고 싶지만 현실에 눈물을 살짜쿵 흘리면서 

    포스팅 마무리합니다 ^^



    반응형
Designed by Tistory.