สำหรับทำป้ายประกาศข่าวสารต่างๆ เวลาที่เปิดเข้ามายังหน้าเว็บไซต์

ขั้นที่1 copy code วางในไฟล์ myheader.html (เป็นตำแหน่งในส่วน head)

<style type="text/css"> #topbar{ position:absolute; border: 0px solid black; padding: 0px; width: 50px; visibility: hidden; z-index: 100; } </style><script type="text/javascript"> var persistclose=0 // ให้ใส่เป็น 0 หรือไม่ก็ 1 (โดย 0 หมายถึง เมื่อกดปิดแล้ว กด REFRESH กรอบข้อความจะขึ้นมาอีก แต่ถ้า 1 กรอบข้อความจะไม่ขึ้นมาอีกแล้ว) var startX = 400 // ตำแหน่งแสดงกรอบข้อความ นับจากด้านซ้าย var startY = 200 // ตำแหน่งแสดงกรอบข้อความ นับจากด้านบน function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } var verticalpos="fromtop" function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script>

1. copy code ทั้งหมดที่อยู่ในกล่อง ด้านบน

2. เข้าไปยังระบบ webmaster

3. เตรียมวาง code

กรณี : มีไฟล์  myheader.html อยู่แล้ว (สร้างไว้แล้ว)

คลิ๊กที่เมนูบาร์ 5.1 ไฟล์เนื้อหา (html) (เลข1) ตรงช่อง "ค้นหาชื่อไฟล์" (เลข2) พิมพ์ชื่อไฟล์บางส่วน ของที่จะค้น เช่น myhe แล้วกดปุ่ม จะช่วยร่นเวลาค้นหาไฟล์ได้เยอะ ถ้ามีหลายหน้า เมื่อผลการค้นหาแสดงผลออกมา ตรงช่อง "แก้ไข" ให้คลิ๊กที่ไอคอน  edit detail (เลข3)

กรณี : ยังไม่มี ไฟล์ myheader.html (ต้องสร้างใหม่)

ให้คลิ๊กที่เมนูบาร์ 4.2 สร้างเองใหม่ กำหนด "ชื่อไฟล์" เป็น myheader.html

4. หน้าแก้ไขการจัดการ ไฟล์ myheader.html

• คลิ๊กเมาส์ ยังพื้นที่ดีไซต์ (เลข4) ถ้ามี script เดิมอยู่ ให้คลิ๊กเมาส์ ยังตำแหน่งท้ายสุด
• จากนั้นจึง คลิ๊กที่ไอคอนเพิ่ม/แก้ Script (เลข5)
• ในกล่อง เพิ่ม/แก้ไข Script ให้คลิ๊กขวา + paste (เลข6) เพื่อวาง code ที่ copy มาจากกล่อง code ด้านบน
• เสร็จแล้ว กดปุ่ม  ออกมา

หากไม่ใช้วิธีแบบด้านบน
มีอีกวิธี คือ
ให้คลิ๊กที่ Tab Html (บริเวณล่างขวา ของพื้นที่ดีไซต์)
จากนั้นในหน้านี้ ให้วาง code ลงไป

5. ถ้าเรียบร้อยแล้ว ให้คลิ๊ก  เป็นอันเสร็จ สำหรับการวาง code ในส่วน head

ขั้นที่2 copy code วางในไฟล์ หรือตำแหน่งที่ต้องการ (อยู่ในส่วน body)

<div style="left: 400px; top: 200px; visibility: visible;" id="topbar"> <a onclick="closebar(); return false" href=""> <img border="0" src="http://help2.tht.in/images/close.jpg" width="49" height="15"> </a><a href="ลิงค์หน้าที่ต้องการเมื่อคลิ๊กบนรูปภาพประกาศ.html" target="_blank"> <img border="0" alt="pic" src="ที่อยู่รูปภาพประกาศ.png"></a></div>

1. copy code ทั้งหมดที่อยู่ในกล่อง ด้านบน

2. เปิดไปยังหน้าที่จะแสดงป้ายประกาศ เวลาเข้ามาหน้านั้น

• หากอยู่ในระบบ webmaster ถ้าอยู่หน้าเว็บไซต์ ก็คลิ๊กที่เมนูแก้ไขหน้านี้
• หรือถ้าอยู่ในระบบจัดการ ให้คลิ๊กที่เมนูบาร์ 5.1 แล้วเข้าไป แก้ไขไฟล์ที่ต้องการ

3. เมื่ออยู่ในหน้าแก้ไข ให้คลิ๊กที่แท็บ Html (บริเวณด้านล่างขวา ของพื้นที่ดีไซต์)

4. เมื่ออยู่ในหน้า html code

• เลื่อน scrollbar ลงมาล่างสุด แล้วคลิ๊กเมาส์ หลัง html code ตัวสุดท้าย (เลข7)
• จากนั้นจึง คลิ๊กขวา + paste เพื่อวาง code ที่ copy มาจากกล่อง code ด้านบน

5. ทำการปรับ code บางส่วน ที่กำหนด ตำแหน่ง ความกว้าง ความสูง รูปภาพ

ส่วนที่ปรับได้ จะมีข้อความภาษาไทย กำกับไว้ เช่น

• ไอคอนปุ่มปิด
  src="http://help2.tht.in/images/close.jpg" width="49" height="15"
  แก้ไข url ของไอคอนปุ่มปิด
  ความกว้างของไอคอน
  ความสูงของไอคอน
  
• กำหนดหน้าลิงค์ เมื่อคลิ๊กบนรูปภาพประกาศ
  href="ลิงค์หน้าที่ต้องการเมื่อคลิ๊กบนรูปภาพประกาศ.html"
  
  
• กำหนดรูปภาพประกาศ
  src="ที่อยู่รูปภาพประกาศ.png"
  

6. เมื่อเรียบร้อยแล้วกดปุ่ม  ได้เลย

7. หากการแสดงผล ยังไม่เป็นที่ต้องการ สามารถกลับมาแก้ไข code ในข้อ 5 ใหม่ได้

• เครื่องมือแปลภาษา โดยGoogle
• ป้ายประกาศ แบบภาพ
• ข้อความเตือน แบบ JavaAlert
• ติดตั้ง Getresponse
• Search Google
• Search Products อย่างง่าย
• Search Products แยกหมวด
• IFRAME
• Favicon (icon หน้า url)
• FIX ภาพ Background
• FIX ภาพ Background 2
• แสดงเวลา load เว็บไซต์
• ปฎิธิน เปลี่ยน ว/ด/ป ได้
• ห้ามคลิกขวา
• ห้ามคลิกขวา V.2
• แปลงอัตราค่าเงิน
• อัตราแลกเปลี่ยน
• ราคาน้ำมันPTT
• ราคาทอง ซื้อ-ขาย
• พยากรณ์อากาศ

วันนี้