반면 플러그인에서 제공되는 색상이 내 블로그와 어울리지않아 속상하신 분, 올블릿을 사이드바, 본문상단, 본문하단 이렇게 정해진 위치가 아닌 내가 원하는 위치에 자유롭게 달고 싶으신 분, 올블릿이 너무 눈에 띄어서 내 블로그가 너무 상업적으로 변질되보이지 않을까 우려하시는 분은 이 글을 참고하시면 조금은 도움이 되지 않을까 생각합니다.
이것은 처음 플러그인에 따라 올블릿을 설치했을 때의 제 사이드바의 모습입니다.
매우 어울리지 않습니다;;;;
이쯤에서 수정한 최종 올블릿이 궁금하신 분은 좌측( <------)의 사이드바 를 보시거나
포스트 맨 아래 최종 결과 사진을 확인하세요.
여기에서 볼 수 있듯이 플러그인으로 설치하는 올블릿의 단점은 크게 세가지로 볼 수 있는데
첫째는, 색상테마 이외에 사용자 정의 색깔을 사용할 수 없기 때문에
올블릿을 내 블로그 분위기에 완전 동화시키기 어렵고, (블로그 스킨이 독특할 경우는 더더욱)
둘째는, 올블릿의 갯수가 3개로 제한적이며,
셋쨰는, 올블릿을 배치하는 위치도 정해져있다는 것입니다.
이것을 해결하는 방법은 올블로그의 올블릿 사이트를 통해 올블릿을 조금더 주물러 주는 법입니다.
올블릿을 본인의 블로그에 어울리게 배치하는 방법은 블로그 UI에 따라 천차만별이므로
저는 저의 케이스를 하나의 사례로 보여 드릴텐데,
여기서 조금만 응용을 하신다면 여러분의 블로그에 맞게 활용을 하실 수 있으리라 생각합니다.
1. 먼저 올블릿 사이트에 접속하여 올블릿 관리로 들어갑니다.
올블릿을 처음 사용하시는 분은 생성된 올블릿이 하나도 없으실테고
기존에 플러그인으로 올블리을 설치하셨던 분들은 사이드바 - 블로그주소 형태의 올블릿이
사이드바, 본문상단, 본문하단 이렇게 세 개의 올블릿이 생성되어 있으실 겁니다.
2. 기존의 세 올블릿은 그대로 두시고
이쯤에서 내 블로그에 몇가지 종류의 올블릿이 필요한 것인가 결정해야합니다.
저는 본문하단, 사이드바, 그리고 메인화면 세 개의 각각 다른 저만의 올블릿을 만들기로 했습니다.
그리고 다음과 같이 편집하기로 결정했습니다.
* 사이드바 올블릿은 기존 사이드바의 메뉴속에 잘 녹아들어가도록 하고 수익형으로 설치한다
* 본문하단의 올블릿은 트랙백+코멘트 박스와 붙여서 하나로 보이도록하고 혼합형으로 설치한다
* 메인화면의 올블릿은 메인화면 하단에 위치하되 태터데스크 글들과 잘 어울리도록 배치하고
메인화면에 떡하니 광고가 뜨는게 싫으니 정보형으로 설치한다.
* 전체적으로 세 개의 올블릿의 색깔 구성을 가능한 통일한다.
- 여기서 몇 가지, 저는 본문상단 올블릿은 글의 가독성을 떨어트린다고 생각하여 설치하지 않았고,
(이 자리엔 추후 애드센스 등 다른 광고를 적용할 생각도 있구요.)
메인화면에 본문하단 올블릿과 별도로 올블릿을 설치하였는데 이것은 태터데스크를 설치하였기
때문에가능합니다.
3. 우측 상단의 올블릿 추가 버튼을 눌러서 올블릿을 만듭니다.
위와 같이 저는 e-zoomin's main, e-zoomin's bottom, e-zoomin's side 세 개의 올블릿을 만들었습니다.
올블릿 이름을 정하고 만들기를 클릭하면 아래와 같은 화면을 볼 수 있습니다.
올블릿의 종류와 형태는 미리 정해둔 대로 입력하고
올블릿의 가로 길이는 가능한 스킨 사이즈를 감안하여 입력하시고(특히 사이드바)
잘 모르겠다면 적당한 값을 입력합니다. 스킨 항목에 가셔서 확인하고 오실 수도 있겠습니다.
올블릿 색상도 일단 내 블로그와 잘 어울리는 테마를 대략 선정하여 올블릿을 3개 다 만들었습니다.
어차피 가로길이와 색상은 추후에 내 블로그에 맞게 수정할 것입니다.
4. 코드 생성하기를 누르시면 위의 항목 바로 밑에 새롭게 아래와 같은 항목이 뜰 것입니다.
5. [사이드바에 올블릿 달기]
이제 올블로그에서 티스토리로 돌아와서 관리자 항목 가운데
스킨 - 사이드바 설정 항목에 들어갑니다.
그리고 편집을 누르신 후 아까 복사한 올블릿의 소스코드를 복사해 넣습니다.
물론 이 때 카피한 소스코드는 사이드바용으로 만든 올블릿의 코드여야 하겠죠 ^^
그리고 내 블로그의 메인화면으로 돌아가면 아래와 같이 사이드바에 올블릿이 생긴걸 보실 수 있습니다.
내 블로그 창과 올블릿 창을 동시에 띄워 놓으면 편리합니다.
6. 처음의 올블로그의 올블릿 관리 창으로 들어가서 방금 설치하신 올블릿의 수정버튼을 클릭합니다.
이미 올블릿의 종류는 계획한대로 선택해두었기 때문에
올블릿의 가로길이와 색상만 변경을 하면 되겠죠.
띄워둔 내 블로그 창으로 이동해서 새로고침[F5]를 눌러서 어울리는지 확인합니다.
이미 소스코드가 반영되어있기때문에 올블릿 편집에서 변경하시고 확인을 누르시면
실시간으로 내 블로그에 반영되어 확인하기가 편리합니다.
크기를 다 변경하셨으면 색상도 변경합니다.
사용자 정의 테마를 선택하신 후 처음 선택했던 테마에서 일부 색상을 변경합니다.
변경하시는 법은 항목옆을 체크하신 후 오른쪽 팔레트에서 원하시는 색상을 선택하시면 됩니다.
팔레트 바로 위에 올블릿 예제에 변경한 색깔이 곧바로 미리보기 되어서 편리합니다.
내 블로그와 어울리는지 확인하시려면 역시나 저장하신 후
내 블로그 창에서 새로고침을 하시면 바로 반영되어 있을 겁니다. ^^
저는 검은기사 테마에서 아래와 같이 약간 수정하여 제 블로그에 어울리게 바꿨습니다.
가로 길이도 사이드바에 꽉채우기보다 다른 사이드바 항목들의 길이와 동일하게 변경했습니다.
항목 검은기사 테마 변경한 색상
테두리 #333333 #666666
본문배경 #000000 #333333
올블릿 텍스트 #FFFFFF #999999
타이틀 텍스트 #CCCCCC #CCCCCC
서브 택스트 #999999 #999999
다른 두 개의 올블릿도 이와 대동소이하게 색깔 편성을 해서 통일성을 주었습니다.
이렇게 하시면 사이드바 올블릿을 플러그인이 제공하는 것 보다 자유롭게
원하시는 모습으로 관리하실 수 있으실 겁니다 ^^
아래는 현재 저의 사이드바 올블릿의 모양입니다.
블로그링크의 색깔을 올블릿과 통일하여 붙여둔 것입니다.
블로그링크에 대해서는 추후에.... ㅋㅋ 궁금하신분은 링크를 참고하세요 ~ ^^
포스트가 너무 길어지는 관계로
태터데스크 메인에 올블릿을 다는 방법과 본문 원하는 위치에 올블릿을 다는 방법은
이어질 "내 블로그에 올블릿을 달자 3" 글에서 다루겠습니다 ^^
[연관글]
2008/03/14 - [블로거 되기] - 내 블로그에 올블릿을 달자 1 [쉬운방법]
'블로그 이야기 > 블로그 팁' 카테고리의 다른 글
| 애드클릭스 달아봅니다. (4) | 2008/03/25 |
|---|---|
| 과연 포털 블로그가 설치형/혼합형 블로그보다 나을까?? (2) | 2008/03/20 |
| 내 블로그에 올블릿을 달자 2 [ 소스코드 이용 최적화 - 사이드바 ] (0) | 2008/03/14 |
| 내 블로그에 올블릿을 달자 1 [쉬운방법] (0) | 2008/03/14 |
::: 사람과 사람의 교감! 人터넷의 첫 시작! 댓글을 달아주세요! :::