บทความนี้เป็นการสอนใส่โค้ดโฆษณาหรือภาพประชาสัมพันธ์ที่ page element ในตำแหน่งด้านข้างของหน้าบล็อก
สำหรับตัวอย่างก็คือรูปด้านล่างนี้ครับ
ขั้นตอนในการใส่โค้ดทำได้ดังนี้
1. ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> คลิกขยายแม่แบบเครื่องมือ
2. มองหาโค้ด ]]></b:skin> แล้วแทนที่ด้วย
.ads-sponsors {
margin-top:5px;
}
.ads-sponsors img {
padding: 5px;
border: 1px solid #CCCCCC;
margin-right: 5px;
margin-bottom: 5px;
}
.ads-sponsors p {
font-size: 12px;
margin: 10px 0px 0px;
padding: 0px;
float: left;
width: 342px;
font-weight: bold;
color: #000000;
}
.ads-sponsors p a {
color: #006699;
text-decoration: underline;
}
.ads-sponsors img:hover {
padding: 5px;
border: 1px solid #999999;
margin-right: 5px;
margin-bottom: 5px;
}
]]></b:skin>3. จากนั้นไปที่องค์ประกอบหน้า >> Add Gadget >> เลือก Gadget ชนิด HTML/java สคริปต์
ตั้งชื่อ แล้ววางโค้ดเหล่านี้ลงไป และทำการบันทึก
<div id="advert_125x125">
<a href="ใส่ LINK-1"><img alt="ใส่ข้อความโต้ตอบ" src="ใส่ LINKรูปที่1"/></a>
<a href="ใส่ LINK-2"><img alt="ใส่ข้อความโต้ตอบ" src="ใส่ LINKรูปที่2"/></a>
<a href="ใส่ LINK-3"><img alt="ใส่ข้อความโต้ตอบ" src="ใส่ LINKรูปที่3"/></a>
<a href="ใส่ LINK-4"><img alt="ใส่ข้อความโต้ตอบ" src="ใส่ LINKรูปที่4"/></a>
</div>ปล. โค้ดนี้เหมาะกับ Template ที่มี sidebar กว้างไม่น้อยกว่า 250 px
ไม่มีความคิดเห็น:
แสดงความคิดเห็น