0 วิธีทำ Banner ด้านข้างซ้ายขวาของเว็บ

วิธีทำ Banner ด้านข้างซ้ายขวาของเว็บ ป้ายโฆษณา

ป้ายแบนเนอร์ขนาด 120x600

ก็อปโค้ดด้านล่างนี้ไปใช้ได้เลยครับ



<style>
.white_content1 {
display: none;
position: fixed;
top: 6px;
left: 25%;
width: 50%;
background-color: white;
z-index: 1002;
overflow: auto;
-webkit-box-shadow: 0 0 20px 4px #000000;
box-shadow: 0 0 20px 4px #000000;
}
.white_content2 {
position: fixed;
right: 5px;
z-index: 1030;
top: 5px;
padding: 16px;
background-color: white;
-webkit-box-shadow: 0 0 20px 4px #000000;
box-shadow: 0 0 20px 4px #000000;
}
.white_content3 {
position: fixed;
left: 5px;
z-index: 1030;
top: 5px;
padding: 16px;
background-color: white;
-webkit-box-shadow: 0 0 20px 4px #000000;
box-shadow: 0 0 20px 4px #000000;
}
</style>

<div id="light" class="white_content2" style="display: block;">
<p style="text-align: right;">ปิดโฆษณานี้ <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none'"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-window-close-icon.png" width="24" height="24" /></a></p>
//banner ด้านขวา
</div>

<div id="light1" class="white_content1" style="display: block;">
<p style="text-align: right;">กด Like ให้ด้วยนะครับก่อนจะปิดโฆษณานี้ <a href="javascript:void(0)" onclick="document.getElementById('light1').style.display='none'"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-window-close-icon.png" width="24" height="24" /></a></p>
//banner ตรงกลาง หรือ fanpage facebook
</div>

<div id="light2" class="white_content3" style="display: block;">
<p style="text-align: right;">ปิดโฆษณานี้ <a href="javascript:void(0)" onclick="document.getElementById('light2').style.display='none'"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-window-close-icon.png" width="24" height="24" /></a></p>
//banner ด้านซ้าย
</div>



ที่มา : http://www.thaiseoboard.com/index.php/topic,341004.msg4925825/topicseen.html#new

คอมเม้น →