본문 바로가기

애드센스

티스토리 블로그 애드센스 광고 사각형 테두리 가운데 넣기 설치하기(div코드)

티스토리 블로그 애드센스 광고 사각형 테두리 가운데 넣기 설치하기


말그대로 티스토리 블로그 애드센스 광고 사각형 테두리 가운데 설치법입니다.

제 블로그 상단에 있는 저 방법 그대로 설치하는 방법입니다. 
table 코드보다는 div코드가 더 빠르게 인식된다 고 알고 있어서 div코드를 활용해 만들겠습니다.

사실  table 같은 경우에는 각 브라우저마다 디자인에 차이가 생긴다던가 하는 문제들이 
많아서 될수 있으면 티스토리는 div로 해결하는게 좋다고 생각합니다. 
그럼 사각형 테두리 가운데 애드센스를 넣는 방법을  시작할까요?


(어차피 평생할거라면 간단한것만이라도 외우자 ㅇ,ㅇ)

시작하기 전에 div코드에 대한 아주 간단한 기초지식을 알고 가시면 좋습니다. 
앞으로 티스토리 블로그 활동을 계속할 생각이라면 기초적인 div코드에 대한 지식을 
알고 계시면 좋아요.

margin = 외부여백 : div 영역 밖의 여백설정입니다. left right top bottom등으로 표시해서 방향을 정하고 px로 표시합니다.
padding = 내부여백 : div 영역 안의 여백설정입니다. 위와 똑같은 방식
border = 선 : div영역의 선을 표시하는겁니다. border-방향 solid(선선택)#(색선택); 로 표시하면 됩니다.
text-align = 정렬 : center로 하면 애드센스를 가운데로 고정시킬수 있습니다.
height = 높이설정 : div영역의 높이를 설정합니다.
float = 위치설정 : left로 하면 왼쪽 끝에 right로 하면 오른쪽 끝으로 고정할수 있습니다.

위의 간단한 코드만 알아도 사각한 테두리 가운데 애드센스 정도는 충분히 설치하실수 있습니다.
거의 모든 애드센스 설치를 하실수 있다고 보면되요. 블로그 디자인을 만들때도 매우 편리합니다.
자 그럼 이제 직접 코드를 입력해 보죠. 관리자(admin)을 클릭합니다.  


우선  Ctrl+F를 눌려서 아래 문자를 복사해 붙여넣기 하고 검색합니다 

_article_rep_desc_

검색해 나온 내용이 뭐냐면 본문입니다. 그러니까 저위로 애드센스코드를  붙이시면 본문 위에 
저 아래로 붙이시면 본문 아래에 애스센스 광고가 나옵니다. 제 블로그는 상단과 하단 모두 넣었죠? 
똑같이 하실분은 같이 하시면 됩니다. 일단 아래 코드를 보시구요.

티스토리 블로그 애드센스 광고 사각형 테두리 가운데 넣기 설치하기(div코드)

<div style="border:5px solid #ddd; height:340px; margin-top:10px; margin-bottom:10px; text-align:center;padding-top:60px;">

my 애드센스 코드

</div>


My 애드센스 코드
란에 자신의 애드센스 코드를 복사해 넣으시고 
위에 그림에 설명된 곳에 붙여 넣기 하시면 됩니다.
세부 설정은 디자인 마다 차이가 있으니 아래를 참고하세요.

border는 5px로 설정했습니다. 시선을 끌기 위해 두껍게 했죠. 자신의 블로그 스타일에 
따라 두께는 조절하시면됩니다.  height 는 높이입니다 340으로 높게 잡았는데
이또한 블로그에 맞게 조절하시면되구요. 

text-align
는 div 내부 내용물의 정렬인데요. center로 하면 가운데 정렬이 됩니다.
padding이나 margin을 보다는 편리하죠. 
하지만 높이는 padding-top으로 잡아주셔야 합니다. 

margin-top margin-bottom은 각각 div 영역의 외부 여백 설정인데 간단하게
애드센스 사각형 테두리의 위와 아래의 여백을 설정한것니다.
너무 붙으면 보기 안좋기 때문에 10px 정도를 줬는데 때에 따라서는 
더 붙일수 있는데 -10px로 설정하면 0점을 넘어서 방향을 역행하니까 
알고 계시면 활용할때가 많습니다. 





이 외에도 다양한 애드센스 넣기 방법 강좌를 진행할 계획이니까 앞으로도 찾아주세요^^
애드센스는 정말 위치가 생명입니다. 테두리 하나로 수익이 몇배가 차이나기도 하고 
아주 미묘한 차이로 수익이 달라지거든요..

여기까지 <티스토리 블로그 애드센스 광고 사각형 테두리 가운데 넣기 설치하기>포스팅이었습니다.
 
어느덧 3월이군요. 모두 행복한 3월이 되길 기원할게요 ^^ 감사합니다. 


 

블로그 추천글

[링크]블로그 돈벌기의 모든 것