뷰애드가 시작되고 구글애드센스를 사용하지 않거나 사용할수 없는 다음블로그는 뷰애드때문에 왼쪽 여백이 생겨 글의 쏠림현상이 생겨버렸습니다. 오늘글은 뷰애드 왼쪽 여백을 메워줄 방법을 생각하다가 <div>태그를 이용해 뷰애드와 비슷한 배경이미지를 넣어서 채워봤습니다.  

( Life in Mono 기본스킨에 최적화가 되어있어 있지만 다음블로그에서도 적용이 가능합니다. )
 
다음뷰애드 왼쪽 여백 활용하기

1. 이미지 만들어주기

- 하단에 첨부한 재료이미지.zip를 다운받고 압축을 풀어줍니다.
- 재료이미지속 네모칸에 자신이 원하는 글이나 그림을 넣어줍니다. 
- 알라딘광고등을 넣으시려면 이미지를 만들어주실 필요는 없습니다.

 


2. HTML/CSS 수정해주기 

- HTML  

1. html수정.txt 파일을 열어줍니다. 
2. 
HTML/CSS 편집 HTML에서 <div class="article"> 을 찾아줍니다.
3. 아래에 html수정.txt의 내용을 자신의 블로그에 맞게 수정해줍니다.
4. 수정한 내용을 <div class="article">아래에 추가해주시면됩니다. 
4-1. 위젯을 설치하시려면 <a href="주소><img src="그림주소"></a>에 위젯주소로 수정 
5. 구글애드센스를 추가하시려면 <div class="article">상단에 추가하시면됩니다. [
참고하기
]



- CSS


1. 아래 여백은 Life in mono 스킨에 최적화 되어있습니다.
2. 여백을 수정하시려면 하단의 Margin값의 이해를 참고하시면 됩니다.


 


Margin값의 이해 
 
Margin값은 외부여백으로 각화살표 방향에 있는 노란색여백값으로 이해하시면됩니다.
( margin : 1px 2px 3px 4px = 위 : 1px, 오른쪽:2px, 하단:3px, 왼쪽 :4px )

#mymenu { float:left; margin: 0 32px 16px 10px;} <- 왼쪽에 추가시킨 메뉴
.ad250_outter {margin: 0 10px 22px 0 !important;} <- view애드



완성된모습 




 

본문상단에 이미지를 이용한 대표카테고리를 사용하면 유리한점 

 



[새라새님 생각]

기본적인 스킨 수정 스킬만 있으면 간단히 적용할 수 있어 좋은것 같아요.. 처음엔 저 공간 활용할려고 고민 좀 했지요.. 참고로 저 부분에 카테고리를 넣는 이유는 블로그 지수에 신경을 쓴건데.. 블로그 검색최적화을 보았을때 블로그 지수가 어느정도 반영이 된다고 알게되어..

 그 블로그 지수중에 방문자 깊이(베이지 뷰, 블로그에 머무는 시간)등을 고려 했다고 보면 되지요..
또한 저렇게 배치하고 나서 다음 웹인사이드에서 통계표를 보니 어느정도 효과도 있는것 같더라구요..


 

 

다음 블로그 만드는법 


다음 블로그 만드는법

다음블로그의 경우는 HTML/CSS편집이 되지않아 매번 본문마다 HTML를 체크하고 본문에 넣어줘야하는 번거로움이 있습니다. 

- HTML 체크


- 상단에 다음블로그다음뷰왼쪽여백.txt텍스트파일 상단에 복사해주기

준비중

 

후기  

  자신의 블로그와 어울리는 이미지를 만들어 다음뷰애드의 왼쪽여백을 채워보시길 바랍니다. ^^; 티스토리의 경우는 꼭 HTML/CSS에 태그를 넣어주지 않고 다음블로그처럼 매번 본문상단에 태그를 넣어주셔도 됩니다. 


신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 다음뷰 적용할 만한 랭킹이 되면 해봐야겠어요.
    랭킹이 안드로메다라, 적용할 엄두가 안나네요.ㅎㅎ

    2011.03.20 14:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 이 포스트가 있었으면 이렇게 먼저 했을텐데 지금 저는 구글, 다음애드 나란히 붙이기 포스트를 응용해서 올블릿을 나란히 붙여 놓았습니다. 빈공간으로 남는게 이상해서 그렇게 했더니 맘에 들더군요. 구글 애드는 좀 신경쓸게 많아서 잠시 미루고 잇어요. 광고 한번 넣어보려했더니 신경쓸게 많더군요. 이 포스트 상당히 유용하겠낸요.

    2011.03.20 15:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 티비님은 역시 - ㅎ 작은 거 하나라도 혼자만 알지 않고 널리 알려주시려는 마음이 참 고맙습니다. -
    저도 저 안에 사이즈 맞는 걸로 제 블로그 관련 알림 사항같은 걸 넣어보든지 아이디어를 생각해 봐야겠어요.

    2011.03.20 15:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 제가 고민했던 부분이었는데... 시도해 봐야할 과제네요. 구글광고는 달지 않고 있고 그 여백을 메우려고 올블릿이나 블로넷 배너를 달기도 했었는데, 고정 이미지를 다는 방법을 알아두면 나중에도 큰 도움이 될 것 같습니다.

    2011.03.20 16:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 초짜가 뷰애드 외에 무언가 달아놓는 경우는 왠지 베스트에 잘 안올라가는듯 해서 그냥 이미지만 놔야겠어요

    2011.03.20 17:09 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 노을인 어렵심더..히힛~

    즐거운 휴일 되세요.

    2011.03.20 17:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 지금은 아니지만 저는 스킨이 달라 다음뷰애드와 애드센스를 나란히 놓는 전에 티비님의 강좌를 따라하는데 글이 자꾸 들어가 어려웠지만 했짆아요.

    2011.03.20 17:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 다음뷰 애드가 폭이 좁아서 디자인 매칭시키기 조금 애매한 부분이 있는거 같아요^^
    HTML 모르시는 분들에게 도움되는 정보네요~~

    2011.03.20 21:15 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 제 블로그도 1년 5개월인데 탄력을 못 받아요 와주셔서 문제점을 파악해주세요...ㅠㅠ

    2011.03.20 22:42 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 다음 블로그를 이용하시는 분들꼐 유용하겠네요.
    저 여백때문에 글을 쓸때도 은근히 신경이 쓰였어요.
    지금은 티비님이 구글 애드센스랑 나란히 정리해주셔서 잘 쓰고 있지만 ^^

    2011.03.20 23:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 티비 님!
    나중에 시간나면
    원격 조정으로 봐주면 안되려나?
    글 만 올리는 정도라
    한번... ㅎㅎㅎ
    배워도 끝 없어요

    행복은 곁에 있어요
    아름다운
    사랑으로...

    2011.03.21 00:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 티비님 강의 인기 폭발인데요? ㅋㅋ

    2011.03.21 02:01 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 비밀댓글입니다

    2011.03.21 07:53 [ ADDR : EDIT/ DEL : REPLY ]
  15. 음;;;매번 해야 하면; 힘들 것 같습니다...
    다음 이용하시는 분들은 한번쯤 생각해 본 것 같아요...
    애드로 인해서 ㅋ 잠시 보기가 이쁘지 않다는 것을요~
    좋은 정보 감사합니다.^^

    2011.03.21 10:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 저는 글을 써서 ..(사설) 채워요.ㅎㅎㅎ

    2011.03.21 20:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 오,,, 다음 뷰애드를 박아 놓고 좌측 공간 활용이 애매 했는데 베리 나이스 팁입니당! ^ ^
    건강 하시길~!!

    2011.03.21 21:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 정말..좋은글입니다~감사합니다~

    2011.09.23 13:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. あなたは通常、別の提案や情報が付属しているので、通常私は、あなたのブログの記事が好きです。いつも私は私の友人のポストにあなたのウェブサイトを共有した。投稿を続けると私はあなたに従います。

    2012.07.16 13:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. こんにちは、私はあなたの記事のほとんどを閲覧しています。この記事は、私はおそらく私の研究のための最も有用な情報を得た場所を正確に、最も可能性があります。投稿のおかげで、おそらく我々はこれについての詳細を見ることができます。

    2012.07.16 13:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 私は私はあなたに続いているので、見るものを好ん。繰り返しあなたのインターネットのページを探索を楽しみに表示されます。私の配偶者と私はここで別のウェブサイトから来るよりもつまずいたと私は物事を確認する必要があります信じていた。

    2012.07.16 13:40 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바