본문 바로가기

블로그 관련 정보/블로그 꾸미기

다음뷰애드 와 기타 다른광고 본문 위 나란히 설치

다음뷰애드 와 기타 다른광고 본문 위 나란히 설치
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

view 애드박스를 설치하면 본문 상단 오른쪽 위에 광고가 자리를 찾이합니다.

본문 글 작성시 상당히 신경쓰이는 부분이죠.

 

글 작성을 하고 이미지를 올리면 조금 볼만 하지만 이미지 먼저 올리고 글 작성을 하면 보기가 좀 그렇습니다.

 

그래서 저는 어짜피 광고 달린거 옆에 하나 더 달아서 깔끔한 디자인을 만들자 라는 생각으로 나란히 광고를 추가 했습니다.

 

일단 방법은 쉽습니다.

제가 알려 드리는 방법으로 구굴이든 기타 다른광고를 다실수 있습니다.

 

HTML/CSS편집중 HTML에서 <div class="article'> 찾아줍니다.

 

하단에 <div id="사용자 지정">광고코드 </div>를 넣어주는 태그를 넣어줍니다.

<div id="사용자 지정"> 이 부분은 영문으로 넣고자 하는 광고 이름을 적어주세요.

아래작업에서 사용합니다.

 

그다음 하단에 style.css 에 추가할 부분이 있습니다.

 

 

.사용자 지정{float:left;margin:21px 2px 2px 10px;}

위 스타일을 넣어주시면 됩니다.

주의 하실것은 사용자 지정이라는 부분에 넣는 이름이 두군데 같아야 합니다.

 

여백값은 위에서부터 시계방향입니다. ( 위 오른쪽 하단 왼쪽 여백 )

 

소스.txt

직접입력하기 번거롭다면 위의 파일을 다운받으시면 됩니다.