본문 바로가기
BJ's 유용한 정보

올블로그(allblog)의 올블릿(allblet) 설치 방법

by forzalazio 2009. 1. 6.

사용자 삽입 이미지

티스토리 공지글

티스토리의 공지글 중에서 올블로그의 올블릿 플러그인
대한 내용이 좌측 그림과 같이 올라 왔더군요..

원래 제 블로그엔 구글의 애드센스가 설치되어 있었습니다.
애드 센스를 설치하게 된 목적이 여타의 파워 블로거들 처럼 수익 창출을 위해서라기 보다는 블로그가 좀 덜 허전해 보였으면 좋겠다는 생각으로 구글의 애드센스를 설치 했었죠.
구글 애드센스를 설치 할때도 잘 못 설치하는 바람에 블로그 스킨이 몽땅 사라졌던 아픈 기억이 있습니다.
그래서 다른 블로거 분들께 조금이나마 도움이 되고자 올블로그의 올블릿 설치 방법을 올려 드립니다.
요즘같은 인터넷 세상에 그런거 설치 못하는 사람도 있느냐는 질문은 그냥 패스~~

티스토리의 공지 사항을 클릭하면 올블릿 설치 방법에 대해서 3가지 스탭으로 설명이 되어 있습니다.


사용자 삽입 이미지



위의 그림 처럼 관리자로 이동해서 플러그인 탭을 선택하면  '내 올블릿' 플러그인이 제일 상단에 보여지게 됩니다. 그럼 우측 끝의 전기 소켓 모양을 클릭하셔서 '미사용'을 '사용중' 으로 바꿉니다.
그리고 다른 탭-전 옆에 있는 스킨 탭-을 클릭했다가 다시 플러그인 탭으로 돌아오면 아래 그림과 같이 플러그인
탭 밑에 '올블릿 관리' 라는 것이 하나 생겼을 겁니다.


사용자 삽입 이미지

올블릿 관리가 생겼습니다.



올블릿 관리를 클릭하게 되면 올블로그에 접속을 하기 위해서 아이디와 패스 워드를 물어보는데 없으면 만드셔야
합니다. 전 없어서 새로 만들었습니다.

올블릿 관리로 들어가니까 화면이 플러그 인 속성을 불러 오지 못하더군요.
아래 그림 처럼 말이죠...ㅠㅠ (여기서 안습이었습니다....)


사용자 삽입 이미지

보이시죠..? 모래시계 같은 뺑뺑이....



아마도 티스토리에서 올블로그의 올블릿을 불러오는데 약간의 문제가 있나 봅니다....
그래서 같은 화면의 우측 상단에 '올블로그 도움말 센터 가기' 라는 버튼을 클릭했습니다...


사용자 삽입 이미지

도움말 센터 가기 버튼..보이시죠.



도움말 센터 가기 버튼을 클릭해서 올블로그로 이동을 한 후 화면의 우측 상단을 보시면 굵은 글씨체로
'올블릿' 이란 글자가 보이실 겁니다.


사용자 삽입 이미지

화면 이동 후 우측 상단입니다.



클릭해서 접속을 하게 되면 내 올블릿 목록이 보입니다.
기본으로 '사이드바', '본문 상단', '본문 하단' 이렇게 세가지의 목록이 보입니다.
저의 블로그엔 세가지 다 설치를 했습니다만 여기서는 '사이드바'에 설치하는 방법과 '본문 상단'에 설치하는
방법만 말씀드리겠습니다.
별로 어렵지 않습니다.^^
먼저 '본문 상단'에 설치 하는 방법입니다.


사용자 삽입 이미지


위의 그림중 본문 상단에서 '수정' 버튼을 클릭합니다.
그러면 올블릿을 설정할 수 있는 각 항목들이 화면에 펼쳐지게 됩니다.


사용자 삽입 이미지

화면에 펼쳐진 올블릿 설정 화면




저는 블로그 인테리어가 수익창출보다는 선과제 여서 블로그 페이지 상단과 사이드 바에 보여질 올블릿은
정보형을 선택했습니다. 본문 하단에 보여질 페이지는 혼합형을 택했죠. 인테리어도 하고 수익창출도 된다면
일석이조 아니겠습니까? ㅋㅋㅋㅋ
자신의 블로그와 잘 어울릴것 같은 스타일과 폰트체, 올블릿 사이즈를 선택하고서 밑의 적용하기 버튼을 클릭하면 다시 목록 페이지로 돌아 옵니다. 이제는 목록 페이지의 코드 버튼을 누르세요.



사용자 삽입 이미지

올블릿 소스 코드 생성 창이 열렸네요...^^



밑 부분의 올블릿 소스 코드를 드래그 후 복사를 하신 후 자신의 블로그로 옵니다.
여기서 관리자 모드로 접속을 하신 후 스킨 탭의 'HTML/CSS 편집' 을 클릭하시면 자기 블로그의 스킨을
직접 편집 할 수 있는 창이 열리게 됩니다.
skin.html 이라는 위쪽 창에 여러가지 코드 들이 보입니다.


사용자 삽입 이미지

skin.html 창의 내용중 위와 같은 부분을 찾으세요.



위와 같은 부분을 찾으신 후 <div class="article"> 의 뒤쪽으로  좀 전에 복사 해 온
올블릿 코드를 붙여 넣기 합니다. 아래와 같이 말이죠...


사용자 삽입 이미지

올블릿 코드를 붙여 넣기 한 후 화면



그리고 난 후 밑에 미리보기, 저장하기 버튼이 있습니다.
먼저 미리보기를 클릭해서 자신의 블로그 본문에 잘 삽입이 되었는지 확인 하시고 저장하기 버튼을 클릭하셔서
저장하시면 됩니다.
그리고 '블로그로 이동'을 하시면 아래의 화면과 같이 올블릿이 적용된 블로그 화면을 보실 수 있습니다.


사용자 삽입 이미지


흠..괜찮게 보이는 군요....
사이드 바 설정은 더 쉽습니다.
직접 코드를 건드릴 필요가 없이 스킨 탭에서 사이드바 설정으로 가시면 자신의 사이드바가 현재 설정되어 있는
순서가 나오게 됩니다.

그리고 좌측 아래를 보시게 되면 '추가 가능한 플러그인 목록' 중에서 '플러그인 배너::Code Banner' 를 드랙엔 드롭으로 사이드바의 원하는 위치에 가져다 놓습니다. 그리고나면 '편집'이라는 버튼이 생성됩니다.
이 편집버튼을 클릭하셔서 '올블릿 소스코드' 를 붙여 넣기 하시면 됩니다.

구글의 애드센스와 다른점은 블로그의 본문과 관련이 있는 내용을 올블릿 화면에서 보여 준다는 겁니다.
위의 사진에서 보시는 바와 같이 제목과 내용에 등반 또는 등산에 관련된 내용을 올블릿 플러그인이 보여준다는
것이죠.  수익 모델은 구글 보다는 못한거 같습니다.

구글은 페이지 노출 빈도에 따라서 수익이 발생 하지만 올블릿의 경우는 노출된 광고를 통해서 직접적인 상거래
행위가 발생했을때 일정 부분 올블릿을 설치한 블로거에게 수익이 발생하는 것으로 알고 있습니다.

하지만 블로그 인테리어나 본문과 관련된 정보 부분에서는 구글보다 앞서고 있는거 같습니다.
저와 같이 수익 목적 보다는 블로그 인테리어가 더 관심있으신 분들은 설치해 보세요.^^
도랑치고 가재 잡을 수 있는 경우가 생기면 더 좋구요...^^
이상 입니다..

즐거운 블로깅 하세요.^^

 
출처 : http://naerro.tistory.com/entry/올블로그allblog의-올블릿allblet-설치-방법