블로그꾸미기 카테고리다른글 옆에 구글애드센스

69live정보|2016. 8. 11. 09:30

블로그꾸미기 카테고리 옆에 애드센스


배치의미학.

어쩌면 상당부분 관심을 둬야 하는 부분이죠.

특히 cpc광고 하려는 분이라면...


어느 위치에 있어야 사람들이 잘 읽어갈까..

머무름과 찾아옴...


그리고 알콩달콩 한줄의 댓글까지...

실험용으로 저는 서브를 하나 두고 있습니다.


항상 어떤 부분을 움직일때 먼저 행해보죠.

내 잘 키운 블로그 스킨 하나 잘못만져서 낭패를 본다면..

상상하기 어려운 부분이죠.



뭐여 너는 왜 카테고리 옆에 애드센스 안붙여 놓았어?

이렇게 묻는 사람도 있겠죠.


하지만 센스있는 분이라면 아마 이미지에 보이는 서브용을 한번정도 보았을 것입니다.

충분히 검토를 한 후에 보는 것이고,

똑같은 내음을 보이지 않는것도 블로그꾸미기 다양함을 연출해 볼수 있습니다.


핵심은 블로그꾸미기 통해서 더 많은 사람들이 찾아오고, 더 나은 수익을 꿈꾸는 것이니까요.



물론 저도 어떤 분의 블로그에서 모방을 한 것이죠.

모방은 창조의 어머니...


저는 코드도 잘 모르고, 그저 남의 것을 차용해다가 나에게 맞는 부분으로 활용하는 것 정도...

블로그꾸미기 역시 남의 것을 모방하는 것부터 시작되는 것입니다.


나에게 가장 적합한 구조로 만드는 것이 핵심이겠죠.




자, 일단 구글애드센스 부터 넣어 봐야 겠죠.

카테고리 부분이 글 하단에 나오니까 하단부분에 삽입을 해 주어야 합니다.

여기서 중요한 것은 플러그인에 들어있는 코드삽입은 잡히지 않는다는것...



이부분 html 에서 찾아서 그 바로 아래 구글애드센스 코드 넣어주면 됩니다.

반응형이 아닌 330 사이즈나 300사이즈를 넣어주세요.




이제 하나만 더하면 됩니다.

바로 css 부분인데요.

복잡함이 없게 그냥 css 부분 맨 아래쪽에 이 부분만 넣어보세요.


/*구글하단광고시작*/

div.category_add {clear:none;width:300px !important;}

div.category_add 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:19px; height:17px;}


흠 복잡한듯 보이지만 그냥 그대로 맨 아래에 써넣기만 하면 됩니다.

중요한 부분은 빨간색 부분의 크기는 구글애드센스 크기에 맞추면 됩니다.


만약 330사이즈라면 이곳에 330 이라고 넣어주면 되겠죠.

파란색 430 사이즈는 카테고리의 넓이 입니다.


카테고리 다른글 갯수가 너무 많아서 깨진다면 플러그인에서 갯수조절해야겠죠.



짜잔...

이제 블로그 하단에 구글애드센스 광고가 붙고, 그 옆으로 나란히 카테고리다른글 보일 것입니다.

조금 더 나아가 볼까요.


저는 우측에 카테고리다른글 넣으니 마음에 안들더군요.

그래서 좌측으로 옮기고 구글애드센스 부분을 우측으로 넣어 보았습니다.


/*구글하단광고시작*/


div.category_add tr {line-height:14px; height:14px;}

div.another_category {display:inline;float:left;clear:both;text-align:center;width:360px

!important;overflow:hidden !important; margin-top:0px; border-right:1px solid #c3c9e0}

div.another_category tr {line-height:19px; height:17px;}

div.category_add {display:inline;float:right;clear:none;width:337px !important;}


이렇게 변형할수도 있겠죠.




사실 티스토리 에서 기본적으로 제공하는 카테고리다른글 부분이 쓸데없이 길기만 합니다.

그래서 빈공간 활용의 측면에서 많은 사람들이 찾는 부분이기도 하죠.

보기도 좋고, 활용도도 뛰어나니까 한번 응용해서 보세요.


모든 부분은 미리보기 한뒤...

아니면 css 부분은 미리 메모장에 붙여 놓고 작업하는 습관을 가져보세요.

블로그꾸미기 간결하면서도 느낌있는 팁이었습니다. 

※ 국내 30여개 보험사 인터넷비교










댓글()