블로그에서 픽셀광고 하는 방법 :: 2010/03/13 12:34
픽셀광고소스.rar일단 소스를 받으시고 파일을 여세요. 제가 위의 이미지를 참고하시면 아시겠지만 필요한 파일은 두가지입니다. 하나는 adbox 이미지이고 하나는 스크립입니다. 물론 스크립트가 필요 없을 수도 있는데 왠만하면 있는게 좋습니다. 먼저 adbox 이미지를 적절하게 수정하세요. 제가 추가적으로 adbox700.png 파일을 만들었으니 이미지를 적절하게 칸에 맞게 넣으시고 수정하면 될 것같습니다. 이때 유의할 점이 이미지를 늘리시면 안되요. 캔버스 크기를 수정해서 본인의 블로그에 맞게 조정하세요.
저는 위의 이미지처럼 광고이미지를 중간에 위치 했습니다. 이때 왼쪽 상단 모서리 좌표값과, 우측 하단 모서리 좌표값을 잘 기억해두세요. 좌측상단모서리(237,34) 이고 우측하단모서리(302, 67)임을 확인하고, 아래의 소스에 알맞게 넣습니다. 그리고 이 소스를 자신의 블로그에 위치 시키고 싶은데에 소스를 적절하게 넣어주세요.
<!-- 픽셀광고 --><div align = center>
<script language="JavaScript" type="text/javascript" src="./images/wz_tooltip.js"></script>
<img src="./images/adbox.PNG" usemap="#ImageMap1" border="0">
<map name="ImageMap1">
<!-- 해당 광고 -->
<area shape="rect" coords="237, 34, 302, 67" href="http://사이트주소" target="_blank" onmouseover="Tip('간단한설명1<br>간단한설명2')" onmouseout="UnTip()">
</map>
</div><!-- 픽셀광고끝-->
<script language="JavaScript" type="text/javascript" src="./images/wz_tooltip.js"></script>
<img src="./images/adbox.PNG" usemap="#ImageMap1" border="0">
<map name="ImageMap1">
<!-- 해당 광고 -->
<area shape="rect" coords="237, 34, 302, 67" href="http://사이트주소" target="_blank" onmouseover="Tip('간단한설명1<br>간단한설명2')" onmouseout="UnTip()">
</map>
</div><!-- 픽셀광고끝-->
 |
