TWebmaster http://www2.twebmaster.com แค่เว็บเวิร์ดเพรสเว็บหนึ่ง Fri, 03 Sep 2010 07:57:25 +0000 en hourly 1 http://wordpress.org/?v=3.0.3 การทำให้ Google รู้จักเว็บเรา http://www2.twebmaster.com/google-know-website/ http://www2.twebmaster.com/google-know-website/#comments Fri, 03 Sep 2010 07:57:25 +0000 sky http://www2.twebmaster.com/?p=521 กล่าวคือ การที่ Google วิ่งไปเก็บเว็บอื่น ที่เก็บประจำ แล้วเจอเว็บเรา Link อยู่ในนั้นก็จะวิ่งมาเก็บเว็บเราต่อด้วยเช่นเดียวกัน ดังนั้นจะพยายามค่อยๆเขียนบทความขึ้นมา โดยส่วนตัวก็ไม่ได้เก่งอะไร พึ่งจะมาศึกษาอยู่ไม่นานนี้ แต่พอดีไปเจอเทคนิคทางลัดก็เลยนำมาฝากกัน

เริ่มจากง่ายๆ
1. เข้าเว็บ wordpress.com แล้วสมัคร wordpress เพื่อสร้าง blog บทความของตนเอง
2. สร้างบทความสัก 5 บทความ และ Link เว็บเราเข้าไปด้วย
3. นำบทความนั้นไป Post ลงเว็บ www.digg.com

ทางเทคนิคที่ค้นหามา เขาว่า 2 วัน แต่วันนี้ผมได้ทำไปล่ะ จะลองดูว่า 2 วันจริงไหม แต่จาก Concept แล้วน่าจะเป็นงงั้น เพราะ Google ก็จะไปเก็บ page ที่ digg.com แล้วทาง digg.com ก็จะ link มายัง blog ของเราเพื่อเก็บค่า blog ของเราก็จะ link มายังเว็บเราต่อ ก็จะมาเก็บข้อมุลในเว็บเราเช่นกัน

ลองดูนะครับ ผิดพลาดประการใด ลองดู ผมจะพยายามมาอับเดทครับ

]]> http://www2.twebmaster.com/google-know-website/feed/ 0 มาสร้าง Snow Effect ให้เก็บกันดีกว่า http://www2.twebmaster.com/create-snow-effect/ http://www2.twebmaster.com/create-snow-effect/#comments Fri, 03 Sep 2010 07:54:32 +0000 sky http://www2.twebmaster.com/?p=519 วันนี้ เรามาสร้าง SNOW EFFECT ให้เกิดขึ้นในเว็บเรากันดีกว่า สำหรับต้อนรับลมหนาว และฤดูหนาวให้เกิดขึั้นเล็กๆน้อยๆ ในเว็บเรา เพื่อสร้างจุดสนใจ และตอบรับกระแสได้พอสมควร

ง่ายๆ เพียงคุณ COPY รูปที่คุณสนใจแค่คลิกขวา แล้ว Save Picture As … ไปไว้ในพื้นที่เว็บคุณนะครับ


แล้ว COPY Code ด้านล่างไปไว้ระหว่าง <Body> ครับ แต่ง่ายกว่านั้น ถ้าอยากเข้าทุกหน้าก็ไปไว้ใน include File ที่คุณใช้ในเทคนิค SSI ได้ครับ สรุปว่าไว้ระหว่าง Tag <Body> ครับ

<script type=”text/javascript”>

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit code library (http://www.twebmaster.com/) for full source code
******************************************/

// แก้ Path Image ตรงนี้นะครับ
var snowsrc=”snow.gif”
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading (“windowheight” or “pageheight”)
var snowdistance = “pageheight”;

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf(“dynamicdrive.com”)!=-1)? “snow.gif” : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables

if (ie4up||ns6up) {
if (i == 0) {
document.write(“<div id=\”dot”+ i +”\” style=\”POSITION: absolute; Z-INDEX: “+ i +”; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\”><a href=\”http://dynamicdrive.com\”><img src=’”+snowsrc+”‘ border=\”0\”><\/a><\/div>”);
} else {
document.write(“<div id=\”dot”+ i +”\” style=\”POSITION: absolute; Z-INDEX: “+ i +”; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\”><img src=’”+snowsrc+”‘ border=\”0\”><\/div>”);
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

doc_height=(window.innerHeight && snowdistance==”windowheight”)? window.innerHeight : (ie4up && snowdistance==”windowheight”)? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance==”pageheight”)? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
dx += stx;
document.getElementById(“dot”+i).style.top=yp+”px”;
document.getElementById(“dot”+i).style.left=xp + am*Math.sin(dx)+”px”;
}
snowtimer=setTimeout(“snowIE_NS6()”, 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById(“dot”+i).style.visibility=”hidden”
}

if (ie4up||ns6up){
snowIE_NS6();

if (hidesnowtime>0)
setTimeout(“hidesnow()”, hidesnowtime*1000)
}

</script>
]]> http://www2.twebmaster.com/create-snow-effect/feed/ 0 แสดง IP สำหรับผู้เข้าชมเว็บ http://www2.twebmaster.com/show-ip/ http://www2.twebmaster.com/show-ip/#comments Fri, 03 Sep 2010 07:52:51 +0000 sky http://www2.twebmaster.com/?p=517 นำ Code ด้านล่างไปติดระหว่าง <head></head> นะครับ


<SCRIPT LANGUAGE=”JavaScript”>

<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>

<!– Begin
// http://www.kdcgrohl.com

// Depending on your server set-up,
// you may need to use the “.shtml”
// extension
// or “htm”> as the script uses Server
// Side Includes. To display in the
// title bar, exclude the
//”<title></title>” code from the page.

// This part gets the IP
var ip = ‘<!–#echo var=”REMOTE_ADDR”–>’;

// This part is for an alert box
alert(“Your IP address is “+ip);

// This part is for the status bar
window.defaultStatus = “Your IP address is “+ip;

// This part is for the title bar
document.write(“<title>Your IP address is “+ip+”</title>”);
// End –>
</script>

ส่วนจะนำไปประยุกต์ใช้กับอย่างอื่นก็ลองดูนะคับ

]]> http://www2.twebmaster.com/show-ip/feed/ 0 ทำรูป MouseOver แบบใช้รูปเดียว http://www2.twebmaster.com/mouseover-one-pic/ http://www2.twebmaster.com/mouseover-one-pic/#comments Fri, 03 Sep 2010 07:50:34 +0000 sky http://www2.twebmaster.com/?p=515 เทคนิคนี้เกิดจาก ผมต้องทำงานงานนึง และงานที่ผมทำต้องทำ MouseOver โดยรูปนึงจะจางกว่าอีกรูปนึง เลยต้องไปหาว่าทำไง พอดีหาไปหามาเจอเทคนิคนี้เข้า ทำให้ไม่ต้องใช้ 2 รูป เพียงแต่ใช้รูปเดียวเท่านั้น มาดูวิธีกันเลยดีกว่า

นำ Code ด้านล่างไปติดระหว่าง <head></head> <script language=”JavaScript1.2″>

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>

นำ Code ด้านล่างไปแทรกใน <img >

style=”filter:alpha(opacity=20);-moz-opacity:0.2″ onMouseover=”makevisible(this,0)” onMouseout=”makevisible(this,1)”

ตัวอย่างเช่น <img src=’/images/0004.gif’ style=”filter:alpha(opacity=20);-moz-opacity:0.2″ onMouseover=”makevisible(this,0)” onMouseout=”makevisible(this,1)” >

ต่อมาวิธีการปรับความจางของรูปนั้นให้เปลี่ยนค่าตรงข้อความสีแดง ตรง opacity ยิ่งมากยิ่งจาง เช่นถ้าปรับ 50 ก็ต้องปรับ 0.2 เป็น 0.5 ด้วยเป็นต้น มันจะค่าขึ้นตรงต่อกัน เท่านี้คุณก็จะได้ลดขนาดของเว็บคุณแทนที่จะใช้รูป 2 รูปก็เหลือรูปเดียว

]]> http://www2.twebmaster.com/mouseover-one-pic/feed/ 0 แสดงวันเวลา Realtime บน Titlebar http://www2.twebmaster.com/realtime-titlebar/ http://www2.twebmaster.com/realtime-titlebar/#comments Fri, 03 Sep 2010 07:49:23 +0000 sky http://www2.twebmaster.com/?p=513 เอามาฝากกันสำหรับเทคนิคมาให้ Title บาร์แสดงวันเวลาแบบ Real Time ท่านสามารถ Copy Source Code ด้านล่างไปใช้ได้เลย โดยให้ใส่โค้ดนี้ ระหว่าง <head> และ </head> ในเว็บของคุณ ในบริเวณที่คุณต้องการจะให้วันเวลามันแสดง ตัวนี้เป็นวัน เดือน เป็นภาษาไทยครับ

<script language=”JavaScript”>
<!–

function resetIt() {

// คำนวณเวลา

var timerID = null;
var timerRunning = false;

if(timerRunning)
clearTimeout(timerID);
timerRunning = false;

// getTime
var timeNow = new Date(); // สร้าง Object Date ขึ้นมา
var hours = timeNow.getHours(); // ดึงชั่วโมงขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Hour
var minutes = timeNow.getMinutes(); // ดึงนาทีขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Minites
var seconds = timeNow.getSeconds(); // ดึงวินาทีขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Seconds
var timeValue = “” + ((hours >12) ? hours -12 :hours)
timeValue = ((timeValue <10)? “0″:”") + timeValue
timeValue += ((minutes < 10) ? “:0″ : “:”) + minutes
timeValue += ((seconds < 10) ? “:0″ : “:”) + seconds
timeValue += (hours > = 12) ? ” PM” : ” AM”
timerID = setTimeout(“resetIt()”,100);
timerRunning = true;

// getDate
var dateNow = new Date();
var days = new Array(‘อาทิตย์’,'จันทร์’,'อังคาร’,'พุธ’,'พฤหัสบดี’,'ศุกร์’,'เสาร์’); // สร้าง Array วันขึ้นมา
var months = new Array(‘มกราคม’,'กุมภาพันธุ์’,'มีนาคม’,'เมษายน’,'พฤษภาคม’,'มิถุนายน’,'กร กฏาคม’,'สิงหาคม’,'กันยายน’,'ตุลาคม’,'พฤศจิกายน’,'ธันวาคม’); // สร้าง Array เดือนขึ้นมา
var date = ((dateNow.getDate()<10) ? “0″ : “”)+ dateNow.getDate();
function y2k(number){return (number < 1000) ? number + 1900 : number;}

// compileIt
today = timeValue + ” ” + days[dateNow.getDay()] + ” ” +
months[dateNow.getMonth()] + “, ” +
date + ” ” +
(y2k(dateNow.getYear()));

if(document.all || document.getElementById){ // Browser Check
document.title = today.toString();
}else{
self.status = today.toString(); // Default to status.
}
}

resetIt();

//–>
</script>

]]> http://www2.twebmaster.com/realtime-titlebar/feed/ 0 ป้องกันการคลิกขวา http://www2.twebmaster.com/protect-right-click/ http://www2.twebmaster.com/protect-right-click/#comments Fri, 03 Sep 2010 07:48:04 +0000 sky http://www2.twebmaster.com/?p=511 เอามาฝากกันสำหรับ Request ที่ขอกันมาที่ต้องการอยากได้ Code สำหรับป้องกันการคลิกขวาของคนเข้าเว็บ โดย Copy Code ด้านล่างนำไปวางระหว่าง <head> และ </head> ในเว็บของคุณ แล้วก็เปลี่ยนข้อความที่ท่านต้องการให้แจ้งเมื่อคลิกขวาตรงข้อความที่เป็นสี น้ำเงินนะครับ

วิธี 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>

]]> http://www2.twebmaster.com/protect-right-click/feed/ 0 คลิกแล้ว Bookmark http://www2.twebmaster.com/click-bookmark/ http://www2.twebmaster.com/click-bookmark/#comments Fri, 03 Sep 2010 07:45:45 +0000 sky http://www2.twebmaster.com/?p=508 อันนี้เป็น Java Script อีกเช่นกันสำหรับเว็บท่านต้องการให้มี Link สำหรับการ add เว็บลง Bookmark ของคนเข้าเว็บ นี่เป็นเทคนิคเล็กๆน้อยๆ ส่วนของ Java Script ใส่ระหว่าง Tag Head

<SCRIPT LANGUAGE=”JAVASCRIPT” TYPE=”TEXT/JAVASCRIPT”>
<!–

var url = “Your URL”; // กำหนดตัวแปรและค่าสำหรับ URL
var title = “Your Title”;// กำหนดตัวแปรและค่าสำหรับ Title

function makeLink(){ // Function ที่เรียกเมื่อคลิก Mouse
if(document.all)
window.external.AddFavorite(url,title) // คำสั่งสำหรับ Add Bookmark
}

// –>
</script>

ส่วนของ Link ที่ใส่ <A HREF=”javascript:makeLink()”>Bookmark Us</A>

]]> http://www2.twebmaster.com/click-bookmark/feed/ 0 เทคนิคสุดหรู Rotation ข้อความที่ Titlebar/Statusbar อัตโนมัติ http://www2.twebmaster.com/tips-rotation-auto/ http://www2.twebmaster.com/tips-rotation-auto/#comments Fri, 03 Sep 2010 07:44:48 +0000 sky http://www2.twebmaster.com/?p=506 อันนี้หรูยิ่งกว่าดับเบิ้ลทั้ง Titlebar และ Statusbar เอาไปติดกันเลยแล้วจะเห็นว่าสุดๆเลยก็คงเห็นแล้วในหน้านี้สำหรับเทคนิคนี้ Copy ไปใช้กันเลย วางไว้ระหว่าง Tag Head นะครับ แล้วอย่าลืมบอกเพื่อนล่ะ

<SCRIPT LANGUAGE=’JavaScript’>
<!–
var default1 = “Twebmaster.com เว็บสำหรับเว็บมาสเตอร์พันธู์แท้”; // ข้อความแรกเมื่อ page load
var text1 = “ฟรี JavaScripts กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 1
var text2 = “ฟรี รูปภาพ กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 2
var text3 = “เทคนิคสุดหรู Rotation ข้อความที่ Titlebar อัตโนมัติ”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 3
var changeRate = 2000; // 1000 = 1 วินาที
var messageNumber = 0; // เป็นตัวแปรสำหรับวนความไว้

function changeStatus() { // Function สำหรับเปลี่ยนสถานะ
if (messageNumber == 0) {
window.status=default1; // เซต statusbar ให้เป็นข้อความ default1
document.title=default1; // เซต titlebar ให้เป็นข้อความ default1
}
else if (messageNumber == 1) {
window.status=text1; // เซต statusbar ให้เป็นข้อความที่ 1
document.title=text1; // เซต titlebar ให้เป็นข้อความที่ 1
}
else if (messageNumber == 2) {
window.status=text2; // เซต statusbar ให้เป็นข้อความที่ 2
document.title=text2; // เซต titlebar ให้เป็นข้อความที่ 2
}
else if (messageNumber == 3) {
window.status=text3; // เซต statusbar ให้เป็นข้อความที่ 3
document.title=text3; // เซต titlebar ให้เป็นข้อความที่ 3
messageNumber = 0; // เมื่อมาถึงข้อความที่ 3 ก็กลับไปยังข้อความ default ใหม่
}

messageNumber++;
setTimeout(“changeStatus();”,changeRate);

}

changeStatus(); // leave here to run right away

// –>
</SCRIPT>

]]> http://www2.twebmaster.com/tips-rotation-auto/feed/ 0 เทคนิคสุดหรู Rotation ข้อความที่ Statusbar อัตโนมัติ http://www2.twebmaster.com/tips-rotation-statusbar/ http://www2.twebmaster.com/tips-rotation-statusbar/#comments Fri, 03 Sep 2010 07:42:42 +0000 sky http://www2.twebmaster.com/?p=504 อันนี้หรู Statusbar ของท่านจะไม่หยุดนิ่งอีกต่อไป โดยเมื่อนำ Code ด้านล่างไปติด Statusbar ของท่านจะสับเปลี่ยนข้อความไม่เรื่อย เอาไปติดกันเลยแล้วจะเห็นว่าสุดๆเลยก็คงเห็นแล้วในหน้านี้สำหรับเทคนิคนี้ Copy ไปใช้กันเลย วางไว้ระหว่าง Tag Head นะครับ แล้วอย่าลืมบอกเพื่อนล่ะ

<SCRIPT LANGUAGE=’JavaScript’>
<!–
var default1 = “Twebmaster.com เว็บสำหรับเว็บมาสเตอร์พันธู์แท้”; // ข้อความแรกเมื่อ page load
var text1 = “ฟรี JavaScripts กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 1
var text2 = “ฟรี รูปภาพ กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 2
var text3 = “เทคนิคสุดหรู Rotation ข้อความที่ Titlebar อัตโนมัติ”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 3
var changeRate = 2000; // 1000 = 1 วินาที
var messageNumber = 0; // เป็นตัวแปรสำหรับวนความไว้

function changeStatus() { // Function สำหรับเปลี่ยนสถานะ
if (messageNumber == 0) {
window.status=default1; // เซต statusbar ให้เป็นข้อความ default1
}
else if (messageNumber == 1) {
window.status=text1; // เซต statusbar ให้เป็นข้อความที่ 1
}
else if (messageNumber == 2) {
window.status=text2; // เซต statusbar ให้เป็นข้อความที่ 2
}
else if (messageNumber == 3) {
window.status=text3; // เซต statusbar ให้เป็นข้อความที่ 3
messageNumber = 0; // เมื่อมาถึงข้อความที่ 3 ก็กลับไปยังข้อความ default ใหม่
}

messageNumber++;
setTimeout(“changeStatus();”,changeRate);

}

changeStatus(); // leave here to run right away

// –>
</SCRIPT>

]]> http://www2.twebmaster.com/tips-rotation-statusbar/feed/ 0 เทคนิคสุดหรู Rotation ข้อความที่ Titlebar อัตโนมัติ http://www2.twebmaster.com/tips-rotation-titlebar/ http://www2.twebmaster.com/tips-rotation-titlebar/#comments Fri, 03 Sep 2010 07:39:40 +0000 sky http://www2.twebmaster.com/?p=502 โอ้อันนี้หรูจริงๆ เป็นเทคนิคแพรวพราวจริงๆ โดยเมื่อคุณนำ Code ด้านล่างไปติด ไว้ระหว่าง Tag Head นะครับ ข้อความที่ Titlebar ของคุณจะสับเปลี่ยนหมุนเวียนกันไป โดยแก้ข้อความสีแดงตามข้อความที่ท่านต้องการ

<SCRIPT LANGUAGE=’JavaScript’>
<!–
var default1 = “Twebmaster.com เว็บสำหรับเว็บมาสเตอร์พันธู์แท้”; // ข้อความแรกเมื่อ page load
var text1 = “ฟรี JavaScripts กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 1
var text2 = “ฟรี รูปภาพ กับทีเว็บมาสเตอร์”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 2
var text3 = “เทคนิคสุดหรู Rotation ข้อความที่ Titlebar อัตโนมัติ”; // สร้างตัวแปรและกำหนดค่าสำหรับข้อความที่ 3
var changeRate = 2000; // 1000 = 1 วินาที
var messageNumber = 0; // เป็นตัวแปรสำหรับวนความไว้

function changeStatus() { // Function สำหรับเปลี่ยนสถานะ
if (messageNumber == 0) {
document.title=default1; // เซต titlebar ให้เป็นข้อความ default1
}
else if (messageNumber == 1) {
document.title=text1;// เซต titlebar ให้เป็นข้อความที่ 1
}
else if (messageNumber == 2) {
document.title=text2;// เซต titlebar ให้เป็นข้อความที่ 2
}
else if (messageNumber == 3) {
document.title=text3;// เซต titlebar ให้เป็นข้อความที่ 3
messageNumber = 0; // เมื่อมาถึงข้อความที่ 3 ก็กลับไปยังข้อความ default ใหม่
}

messageNumber++;
setTimeout(“changeStatus();”,changeRate);

}

changeStatus();

// –>
</SCRIPT>

]]> http://www2.twebmaster.com/tips-rotation-titlebar/feed/ 0