카테고리 박스에 애드센스 달기

Posted by byori
2011.08.27 22:04 Blog/Adsense


▶카테고리 박스 옆에 애드센스를 달아 봅시다

위의 그림은 카테고리 박스 옆에 200 X 200 사이즈의 애드센스를 적용시켜본 모습입니다.
미관을 많이 해치지 않으며, 카테고리 목록 옆에서 주의를 끕니다.

1) 먼저 애드센스에서 200 X 200 정사각형의 애드센스 코드를 생성합니다. 이미 코드가 생성되어있다면 패스



2) HTML/CSS 편집모드로 들어갑니다.
HTML 에서 [# #_article_rep_desc_##] 바로 아래에 광고 코드를 삽입합니다.

  
200 X 200 크기의 애드센스 광고 코드


3) CSS 맨 하단에 다음의 코드를 입력해 줍니다.

  
/*카테고리 옆에 광고 넣기  */
div.adsense200 {clear:none;width:210px !important;}
div.adsense200 tr {line-height:14px; height:14px;}
div.another_category {display:inline;float:right;clear:both;text-align:left;width:430px
!important;overflow:hidden !important; margin-top:0px; border-right:1px solid #c3c9e0;}
div.another_category tr {line-height:20px; height:17px;} 
/*카테고리 옆에 광고 넣기 끝 */


4) CSS 코드의 색깔표시 폭(Width)과 높이(height)를
 미리보기로 봐가면서 스킨에 맞게 간격을 조정합니다.
 

이 댓글을 비밀 댓글로
  1. 카테고리 옆에 애드센스 ..괜찮네요.. 카테고리 쪽 넓은 공간을 활용하니 크게
    보기 싫다거나 그렇지도 않고..애드센스 쪽은 제가 모르는게 넘 많네요..
    포스팅 잘 봤습니다^^
    • 저도 모르는게 많습니다. 꼬루꼴 짱님도 한번 적용해 보세요 ^^
  2. 글 잘보았습니다.. 적용시키고 싶은데

    본문의 폭을 넓혀도 카테고리박스사이즈가 같이 늘어나서

    어떻게 하지를못하고있네요..

    혹시 카테고리박스 사이즈 줄이는법 아시나요 ?
    • 확인해 보니 잘 적용되었네요 CSS의 width는 폭 조정 height 는 높이 조정입니다.
    • 아 ㅎㅎ

      이댓글 올려놓고

      검색어를 바꿔서 검색해보니 다른분의

      블로그에서 자세하게 줄이는법이 나와있어서

      적용했네요 .

구글의 웹 엘리멘트

Posted by byori
2009.06.02 20:51 IT

Google wave소식 이후

블러그에 구현될
Google web element 를 이해해 보기로 했습니다

Google web element의 구성은
입니다

개인적으로 관심가는 web element
 

웹의 구성이 모여 또하나의 콘텐츠가 되는 구글의 상상력이 정말 놀랍기만 합니다.

아래 예제를 보시고, 하나하나 적용해 보면, 금방 이해되시리라 생각됩니다.

달력 예

달력 예


대화 기능예


프리젠테이션의 예



스프레드시트 예

이 댓글을 비밀 댓글로
  1. 구글을 보면 참 편리하고 좋은데 좀 무섭습니다...
    가끔 생각해 보면 인간의 습성을 너무나도 잘 이용을 하니....

    기술보다는 심리학이 앞서는 듯 하다는....
    역시 최고의 비지니스 능력입니다.....^^

    요즘엔 빌게이츠의 다음 수가 궁굼해집니다...

    어찌보면 제가 편하자고 활용하는지 구글이 절 이용하는지...ㅋㅋ
    • 어찌님 오늘 하루 안녕하셨습니까? ^^

      여태껏 MS는 하드웨어로 수익을 버는데, 콘텐츠 사업에 bing이란 타이틀을 던졌지요. 야후 인수를 시도하고, 광고수입에 눈독, 구글에 도전장을 던진 격입니다.

      웹이 점점 진화한다고 해야 할까요? 이렇게 길들여진 인간을 머지 않은 미래엔 컴퓨터가 사람을 조정하게 될지도 모른다는 ....

      "아뷜 붥"하는 영화 터미네이터를 보면 뭐 그럴수 있다 생각했습니다.
    • 그럴지도 모르죠.....
      전 빌게이츠의 다음수가 기대되는데....ㅎㅎ

      아마 볼만할 듯 합니다...

      극장가서 터미네이터도 봐야 하는데...
      혹시 byori님 SI쪽 일하세요?아님 NI?
    • ^^ 둘다 아닌데요 정보통신쪽에 몸 담고 있지 않습니다.
      전 C.I.A(심사자)입니다. 시스템 쪽이지요
    • 그렇군요..
      제가 님의 포스트를 보고서리 괜히...ㅎㅎ
      그쪽에 요즘 그런분야 진출도 많고....
      뭐~ 친해지고 싶은가 봅니다....^^;;

티스토리 툴바