이전 글에서 워드프레스 사이드에 고정 광고를 설정하는 방법과 하단 고정 광고 설정 방법을 알려드렸습니다.
이번에는 닫힘 버튼이 있는 하단 고정 광고 설정 방법입니다.
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div>
<a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src=' https://www.bkfactory.co.kr/wp-content/uploads/2021/03/btn_close.gif ' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
애드센스 광고 코드
</div>
</div>위 스크립트 코드는 </body> 전에 삽입을 해주면 닫힘 버튼이 있는 애드센스 광고를 노출할 수 있습니다.
닫힘 버튼 이미지 파일은 이 블로그에 업로드를 해놓았습니다만 다운로드 이후 본인의 서버에 올려놓고 링크를 삽입해도 됩니다.
이전의 닫힘 버튼이 없는 하단 고정 광고의 코드에 비해 스크립트 충돌이 일어날 수 있는 확률이 높습니다.
이용하고 있는 테마 또는 스킨에 따라 정상적으로 노출이 되지 않거나 충돌이 발생할 수 있는 점은 유의해서 이용하시기 바랍니다.
애드센스 광고가 아닌 가로폭 728인 베너(이미지) 광고 또는 다른 광고도 이용 가능합니다.
