หน้าเว็บ

Tech&Tips


วิธีติดตั้ง Wibiya Toolbar
______________________________________________________________
1. ไปที่ wibiya.com แล้วคลิกที่ปุ่ม Get It Now! เพื่อลงทะเบียน
2. กรอกข้อมูลให้ครบถ้วน ในขั้นนี้ต้องใช้ e-mail จริงเพราะจะต้องมีการยืนยันการสมัครจาก e-mail ของคุณ และเลือกภาษาเป็น English เมื่อเสร็จแล้วคลิก Next
3. ในขั้นถัดมาเลือก Theme ที่เข้ากับ Template ของคุณ
ในขั้นนี้นอกจากเลือก theme แล้วคุณยังสามารถเปลี่ยน icon ของ Toolbar โดย upload จากเครื่องคอมพิวเตอร์ของคุณได้
4. ต่อไปเลือก Application ต่าง ๆ ที่ต้องการให้ปรากฎบน Toolbar นี้
ถ้าต้องการลบเครื่องมือใดออกไปก็เพียงคลิกที่ icon นั้นก็ถือเป็นการลบ Application นั้นออกจาก toolbar ทันที
เมื่อทำครบที่ต้องการแล้วให้กด Next
5. เมื่อคลิก Next จากขั้นที่ 4 แล้ว จะปรากฎกล่องข้อความเพื่อให้เราใส่ รหัส user name หรือ feed สำหรับ Application ที่เราได้เลือกไว้
ให้กรอกข้อมูลต่างๆ ลงไปให้ครบ แล้วคลิกปุ่ม Done
ตัวอย่าง  ถ้าต้องการให้ Toolbar นี้เชื่อมโยงกับหน้า Fanpageบน Facebook ผมก็คลิกที่ icon Facebook แล้วใส่รหัส Fanpage ของ facebookลงไปเป็นต้นรหัส fanpageบน  facebook
6. ขั้นต่อมาเลือกแหล่งการติดตั้ง ให้เลือกตัวเลือก Install on websites and other blog platforms              
จากนั้นคัดลอกโค้ดเพื่อนำไปติดตั้งบน blogger
7. การนำโค้ดมาติดตั้งบน blogger ทำได้ดังนี้
Login เข้าไปที่ blogger>>ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML>>ไม่ต้องขยายแม่แบบเครื่องมือ
ค้นหาโค้ด </body> แล้ววางโค้ดที่ได้เตรียมไว้จากขั้นที่ 6 ลงไปก่อนหน้าโค้ดดังกล่าว แล้วบันทึกแม่แบบ ก็จบขั้นตอนการติดตั้งครับ
ตัวอย่างโค้ด
ผลลัพธ์ที่ได้ จากโค้ดที่ใส่จะได้  ดังภาพ
............................................................................................................................
การสร้าง Chat box ครับ
______________________________________________________________
เริ่มเลย เปิดเว็บ  http://xat.com/ ครับ

ต่อมากดที่ Make a chat group 

Your Name:  ใส่ชื่อเราไปครับ
Group Name: ชื่อกลุ่มที่เราจะตั้งครับ
Group Description:รายละเอียดกลุ่มครับ 
Password: ใส่พาสครับ
Tags: อันนี้ไม่ต้องใส่ก็ได้ครับ(ไม่รู้เหมือนกันว่าอะไร)
E-mail: ใส่เมลล์ที่ใช้ได้จริงนะครับ
Url:  ของเว็บเราครับ
แล้วกด Create group เลยครับ 

หลังจากนั้นไปตรวจสอบในเมลล์ของเราครับ
เข้าเมลล์ที่เว็บส่งมาครับ แล้วกดลิ้งตามภาพเลย



แล้วไปที่ Widgets ครับ แล้วต่อด้วย chat
เลือกพื้นหลังแล้วกด ปุ่ม Update and Get Code ครับ

แล้วก็ก้อบโค้ดไปวางเป็นอันเสร็จครับ
............................................................................................................................
ป้องกันการคลิกขวา
______________________________________________________
Code สำหรับป้องกันการคลิกขวาของคนเข้าเว็บ (ใช้ป้องกันได้ แต่ไม่ 100%) โดย Copy Code ด้านล่างนำไปวางระหว่าง <head> และ </head> ในเว็บของคุณ แล้วก็เปลี่ยนข้อความที่ท่านต้องการให้แจ้งเมื่อคลิกขวาตรงข้อความที่เป็นสี น้ำเงิน 
วิธี Copy ให้ใช้ Mouse ระบาย Code แล้วกด Ctrl+C เพื่อ Copy แล้ว Ctrl+V เพื่อวาง 

วิธี Copy ให้ใช้ Mouse ระบาย Code แล้วกด Ctrl+C เพื่อ Copy แล้ว Ctrl+V เพื่อวาง

<script language="JavaScript">
<!--

var message="กำลังทำอะไร จ๊ะ"; // กำหนดตัวแปรและค่าสำหรับข้อความที่แสดงเมื่อมีการคลิกขวา
function click(e)
{
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
//-->
</script>
...........................................................................................................................