the niti blog

วิธีสมัคร peerfly.com CPA Affiliate network

2012-01-27T07:20:00.001+07:00

ตอนนี้จะมาแนาะนำการสมัคร peerfly.com กันครับ
CPA network ไม่ว่าเจ้าไหนก็แล้วแต่สามารถใช้ blogger ทำได้ทั้งสิ้น
blog นี้ผมตั้งใจว่าขอบเขตไม่ให้เกิน blogger ฉะนั้น peerfly.com เจ้านี้ใช้ blogger
สมัครได้ครับ peerfly.com เป็น CPA ที่ติดอันดับความนิยมมากในปีที่ผ่านมา(2011)
การสมัครอาจจะ ยุ่งยากหน่อย ท่านต้องกรอกข้อมูลจริง
ถ้าท่านกรอกข้อมูลเท็จ peerfly จะไม่อนุมัติให้ทำให้เสียโอกาสไป
ถ้าท่านมี bloger อยู่แล้วก็สามารถสมัครได้ครับ
ตามขั้นตอนต่อไปนี้
1.ไปที่หน้า peerfly.com
กรอกข้อมูลดังภาพ กด continue

2.ตรวจสอบและใส่ข้อมูลของท่านจริงๆ ตามภาพ

3.peerfly.com จะให้ท่านอธิบายว่าท่านสามารถ ทำการตลาดเว็บของท่านอย่างไร
ของผมใส่ดังนี้ลองเอาไปประยุกต์กันดู

4.เขาถามว่ารู้จักเว็บเขาได้อย่างไรก็ใส่ชื่อ blog นี้ก็ได้แล้วแต่ท่าน ส่วนวิธีรับทรัพย์
เลือกตามที่ท่านสะดวก สามารถเปลี่ยนภายหลังได้ กดตกลง

5.จะมาถึงหน้านี้เป็นขั้นตอนการยืนยันตัวตนกด automated verification email
ไปที่อีเมล์ของท่าน คลิกลิงค์ที่ peerfly ส่งมา อาจอยู่ในถังขยะ

6.ต่อไปก็ยืนยันทางโทรศัพท์ เตรียมอะไรมาจดเอาไว้ก่อน ขั้นตอนนี้ระบบจะโทรมาบอกรหัสผ่าน
พร้อมแล้วก็กด request an automated verification call

7.รอรับโทรศัพท์ เมื่อได้ pin มาก็ใส่ แล้วกด sumit

8.ขั้นตอนต่อไป กด upload your id now

peerfly จะต้องการเก็บรูปบัตรประชาชนเราเพราะว่าป้องกันพวกเคยโดนแบนมานั้นเอง
เอากล้องหรือมือถือมาถ่ายรูป แล้วก็ กด upload a picyure from your computer
เลือกรูปเรา กดsubmit เป็นอันเสร็จ

peerfly จะตรวจสอบข้อมูลเราใช้เวลาประมาณ1 อาทิตย์

เราจะได้รับอีเมล์ว่ารับเราหรือเปล่าถ้าอนุมัติก็สามารถ เข้าหน้าอย่างที่เห็นได้

ขอบคุณครับ

รู้จักกับ CPA Affiliate network

2012-01-26T20:22:00.001+07:00

CPA Affiliate network ในความเข้าใจของผมเป็นเว็บที่เป็นตัวกลางระหว่าง
ผู้ที่ต้องการ โฆษณา,ขายของ หรือเก็บข้อมูล(Advertisers,Vendors) กับผู้ที่รับอาสาแผยแพร่โฆษณานั้นๆ(Publisher,Affiliate)
คล้ายๆกับ Adsense กับ AdWords ที่มีคนลงโฆษณากับแผยแพร่โฆษณาเป็นต้น ส่วนคำว่า CPA ย่อมาจาก
Cost Per Action คือการทำธุรกรรมใดๆที่ได้ตกลงกันจะมีผู้เสียเงินและรับทรัพย์ เช่น นาย ก. เปิดบริษัทเงินกู้

อยากจะหาคนมากู้ก็มาจ้างบริษัทลงโฆษณารายใหญ่ บริษัทก็จ้างพนักงานอีกทีนึง ความจริง CPA Affiliate network

มีหลากหลาย offers มากแต่ที่นิยมและสร้างรายได้เป็นกอบเป็นกำ มีไม่กี่ตัวครับแต่การแข่งขันโหดมากครับ
CPA Affiliate network ที่นิยมและยอมรับมีหลายเจ้าครับแต่ที่ผมทำอยู่ก็มี

Clickbank.com
t3leads.com
peerfly.com
บทความต่อไปจะมาแนะนำวิธีสมัคร
peerfly.com กับ t3leads.com

สมัครAdsense โดย blogger ยังไงให้ผ่าน

2011-11-10T18:56:00.000+07:00

สมัครAdsense โดย blogger ยังไงให้ผ่าน
สวัสดีครับ วันนี้ผมจะมาแนาะนำการสมัคร Adsense โดยใช้ blogger สมัครครับ
เคยมีคนมาถามผมบ่อยๆว่าเอ้.. สมัคร Adsense แล้วทำไมไม่ผ่านซักทีทำไมมันยากเย็นอย่างนี้
ผมก็เลยแนาะนำเขาไปว่าควรทำอย่างไรบ้าง(ตามความคิดของผมเองนะ ผิดถูกอย่าว่ากัน)แล้ว
เขาก็สามารถสมัครได้ ผมเลยมาแชร์ถึงประสบการณ์ที่ได้แนาะนำมาให้ฟังครับ

1.ถ้าท่านจะสมัคร Adsense โดยใช้ blogger นั้นควรระลึกไว้เสมอว่า blogger นั้นเป็นของฟรี
ไม่ว่าจะเป็นเด็กน้อยหรือใครก็แล้วแต่ ก็สามารถสร้างมันขึ้นมาได้ เพราะฉะนั้นท่านต้องพยายามมากกว่า
เว็บที่เขาจดทะเบียนโดเมนและเช่า Hosting และท่านควรคิดว่าการสมัคร Adsense คือการสมัครงาน

2.ก่อนที่ท่านจะสร้าง blog ท่านควรวางรูปแบบ blog ของท่านตั้งแต่ก่อนลงมือทำว่า blog ของท่านจะเป็นแนวไหน
ท่านควร สร้าง blog ที่ท่านถนัดมากที่สุด(ควรเป็นงานเป็นการนิดนึง)ถ้าท่านไม่เก่งภาษาอังกฤษก็ไม่ควรทำ blog ภาษาอังกฤษ blog ของท่านไม่ควรผิดกฎของ Adsense
ตัวอย่างเช่น ท่านมีความสามารถทางทำอาหารก็แนาะนำเมนูหรือวิธีทำ,ท่านเอาความรู้ที่ท่านเรียนมาถ่ายทอดใน blog ของท่าน ,หรือถ้าท่านนึกไม่ออกจริงๆก็เอาเรื่องใกล้ตัวท่านเช่น ท่านอยู่กรุงเทพ
กรุงเทพมีสถานที่ท่องเที่ยวอะไรบ้างมาแนาะนำ

3.ลงมือสร้าง blog เมื่อท่านคิดได้แล้วว่าจะทำ blog อะไรท่านก็สร้าง blog ของท่านควรใช้ url
blog ของท่านให้สื่อความหมาย ตรงกับ ข้อมูลใน blog ของท่าน เช่นท่านจะสร้าง blog เกี่ยวกับ
การเขียนโปรเกรม php ก็อาจตั้งชื่อเป็น thaiphptuter.blogspot.com ชื่อ blog ของท่านก็จะเป็น
ไทย พีเอสพี ติวเตอร์

4.ท่านควรตกแต่ง Theme blog ของท่านเล็กน้อยและสร้าง Logo blog เพื่อให้สวยงามและเป็นเอกลัษณ์
ไม่ควรแต่งมากไป จนมองดูมั่วไปหมด
5.แนาะนำให้เขียนบทความเอง ควรใส่รูปประกอบด้วยรูปภาพควรตรงกันเนื้อหาใน blog ไม่ควรใส่รูปมั่ว
ตรวจคำผิดให้น้อยที่สุด จัดฟอร์นขนาดตัวอักษรให้ดูสวยงามสบายตา

6.ท่านไม่ก็อบปี้เนื้อหาเว็บคนอื่นมาทั้งดุ้น ควรนั่งอ่านให้จบแล้วนำมาเรียบเรียงใหม่เพิ่มในสิ่งที่จะเติมเต็มบทความ ควรให้เครดิตเว็บต้นฉบับไม่ว่าท่านจะเปลี่ยนแปลงมากเท่าไรก็ตาม

7.ควรหมั่นโฟส์อาทิตย์นึงไม่ควรต่ำกว่า 4 บทความ หรือเป็นไปได้ควรโฟส์ทุกวัน

8.ควรสมัคร Adsense หลังจาก blog ของท่านมีอายุไม่ต่ำกว่า 1 เดือนขึ้นไป ไม่ควรรีบร้อน ช้ายังดีกว่าไม่ได้เลย

9.หลังจากได้ Adsen แล้วควรโฟส์อย่างสม่ำเสมอเพื่อแสดงให้เขาเห็นว่าเราตั้งใจทำจริงๆ

การจะประสบความสำเร็จนั้นขึ้นอยู่กับความตั้งใจของท่านเอง ถ้าท่านมี blog อยู่แล้วแต่คิดว่าทำตามข้างต้นนี้ไม่ได้ให้สร้าง blog ใหม่เอาที่ท่านถนัดมากที่สุดครับ

การป้องกันเว็บอื่นเอา Adsense เราไปติด

2011-11-06T02:52:00.000+07:00

การป้องกันเว็บอื่นเอา Adsense เราไปติด
ค่าตั้งต้นของ Adsense นั้นเว็บทุกเว็บจะสามารถแสดง Adsense ของเราได้
ถ้าเราต้องการจะให้ Adsense แสดงเฉพาะเว็บที่เราต้องการหรือเราต้องอนุญาตก่อน
ก็สามารถทำได้โดย เข้าไปที่
https://www.google.com/adsense/login2?hl=th
1.คลิก การตั้งค่า adsense
2.คลิกเว็บไซต์ที่อนุญาต

3.check box อนุญาตให้เฉพาะบางเว็บที่ไซต์..

4.ใส่เว็บไซต์ที่เราอนุญาตลงไป

กดบันทึกการเปลี่ยนแปลงเป็นอันเสร็จพิธี
เมื่อมีเว็บที่เราไม่อนุญาตเอา Adsense เราไปติดโฆษณาก็จะขึ้น
แต่เขาจะไม่นับการเยี่ยมชมดูโฆษณาครับทำให้ท่านเบาใจได้อีกเปราะนึงครับ.

วิธีส่งลิงค์ ไป amazon ด้วย javascript redirect ใน blogger

2011-07-04T21:17:00.000+07:00

ในการทำ amazon affiliate โดย blogger นั้นเราจำเป็นต้อ ส่งลิงค์ไปที่ amazon เพื่อให้ได้ค่า commission จาก amazon ไม่ว่าจะ do follow หรือ no follow ก็ตาม ปัญหานี้เนื่องจากเวลาเราขายสินค้า ไม่ว่าเราจะหาสินค้าที่ amazon ไม่ติดคีย์นั้น มาขายพอไปสักพักนึง amazon ก็ตามมาหลอนเรา
เพราะว่า blog ของเรานั้น เป็น black link ในคีย์นั้นให้ amazon นั้นเอง ผมจึงมาแนาะนำเพื่อนๆ ให้ส่งลิงค์ไป amazon แบบ javascript redirect บ้าง มาเริ่มกันเลยครับ
1.ไปที่ design -- > edit html
2.กด Ctrl F ค้นหาคำว่า </head>

3.ใส่ javascript ลงไป ตามภาพ อย่าลืมใส่ tag id ของคุณด้วยนะครับ

<script type="text/javascript">
function go(asin){
var tagid= "ใส่ tag id ตรงนี้";
var url = "http://www.amazon.com/product/dp/"+asin+"?tag="+tagid+"";
window.location = (url);
}
</script>

4.กด save เรียบร้อย
5. เวลาเราจะส่งลิงค์ไป amazon ก็เรียกดังนี้ครับ

<a href="#" rel="nofollow" onclick="go('ใส่ Asin ตรงนี้');return false;">goto</a>

ลองเอาไปปรับใช้กันดูครับ
ประโยชน์อีกอย่างก็คือเวลาเราดู รายงานจะพบยอดการคลิกที่เป็นคนคลิกจริงๆที่ไม่ใช่บอทคลิกครับ

ทำ amazon โดย blogger ตอนจบ(การโฟส์ amazon โดยใช้ template)

2011-03-31T08:38:00.000+07:00

การโฟส์ amazon โดยใช้ template
ต่อจากบทความที่แล้วตอนนี้ผมจะแนาะนำวิธีการโฟส์ amazonโดยใช้ template
ที่เราบันทึกเอาไว้ครับเคยไหมที่ท่านเวลาโฟส์ที่ก็มานั่งจัดโฟส์ที่ ทำให้เสียเวลาและ
รูปแบบไม่เหมือนเดิม(อาจเกิดจากไม่ได้โฟส์นานทำให้ลืมได้ )
ตัวอย่าง post templateที่ผมมาแนาะนำคือเมื่อทำเสร็จแล้วจะมีรูปแบบประมาณนี้

1.login เข้าไปที่ settings ต่อไปเข้าไปที่ formatting

2.ที่ช่อง post template ก็อปโค้ดด้านล่างใส่ไปครับ

<h1 style="font-size: 14px;">se สำคัญนะ</h1>
<div style="width: 550px;">
<div style="float: left; width: 150px;">
รูปกับลิงค์อยู่นี้ซ้ายอยู่นี้
<div style="text-align:center;margin:0 0 0 -30pt;">
<img style="border: medium none; clear: both; margin: 0pt; padding: 0pt;" src="https://lh3.googleusercontent.com/-8TZbI7xn51Q/TXySqVhJSJI/AAAAAAAAAIY/nElp-ALUxeU/s1600/5stars.png"/>
</div>
</div>
<div style="float: right; width: 400px;">
ข้อความขวาอยู่นี้
</div>
</div>
<div style="float: none;  clear: both;  margin: 0;padding: 0;border: none;font-size: 1px;"></div>
<div style="text-align: center;">
<a href="#" rel="nofollow" target="_blank">
<img src="http://3.bp.blogspot.com/-PSt-8E8VZZI/TZL7kGmr9jI/AAAAAAAAAAc/mIHnaoz4oJQ/s1600/buy-button-assoc-lg._V192587358_.gif" />
</a></div>
<!--more-->
<img src="" alt=""/>
<img src="" alt=""/>
<div style="text-align: center;">
<a href="#" rel="nofollow" target="_blank">
<img src="http://3.bp.blogspot.com/-PSt-8E8VZZI/TZL7kGmr9jI/AAAAAAAAAAc/mIHnaoz4oJQ/s1600/buy-button-assoc-lg._V192587358_.gif" />
</a></div>

เมื่อเราโฟส์ amazon ใหม่ก็จะมีรูปแบบนี้มาให้เราครับตามรูป
ทำให้เราสามารถใส่รูป หรือบทความได้โดยไม่ต้องมานั่งจัดใหม่ครับ
ลองดูจากรูปที่ผมให้ครับประกอบกับบทความพื้นฐาน css จะเข้าใจมากขึ้น

เว็บตัวอย่างครับไม่ต้องสืบนะครับผมใช้เป็นเว็บตัวอย่างบทความเฉยๆครับโชคดีมีชัยครับ ^^
androidphoneverizon

พื้นฐานhtmlและ css สำหรับจัดตำแหน่งการโฟส์ลงblogger

2011-03-31T04:57:00.001+07:00

พื้นฐานhtmlและ css สำหรับจัดตำแหน่งการโฟส์ลงbloggerบางคนเวลาโฟส์ข้อมูลลง blogger นั้นท่านอยากจะจัดข้อมูลหรือรูปภาพให้อยู่ในตำแหน่ง ซ้าย ขวา หรือบางทีไม่อยู่ในตำแหน่งที่เราอยากจะให้อยู่บทความนี้ ผมมาบอกวิธีการจัดตำแหน่งโฟส์ของเราครับอาจจะไม่ครบถ้วนเท่าไหร่นักเพราะผมตั้งใจจะทำบทความนี้เพื่อบอกวิธีโฟส์สินค้าลง amazon ในตอนถัดไปครับ อิอิ ใน text editor ของ blogger นั้นเวลาเราจัดซ้ายขวานั้นเมื่อเรา ดูเป็น edit html นั้นจะใช้ div เช่น อยากให้รูปอยู่กลางก็ จะเป็นแบบนี้ <div style="text-align: center;">รูป</div> ถ้าสังเกตุดีๆจะเห็น style=" " ค่าที่อยู่ใน " " คือ ค่าที่กำหนดรูปแบบการแสดงผลนั้นเองหรือ css นั้นเอง ถ้าเกิดว่าเรามีรูปจะให้อยู่ซ้าย ข้อความอยู่ขวาทำไง ที่นี้เราใช้ text-align: left หรือ right ไม่ได้แล้วครับเนื่องจากมันไม่รู้ซ้ายกับ ใครขวากับใครวิธีการก็คือสร้าง div ที่มีความกว้างที่แน่นอนครับ
แล้วมี div 2 tag ที่เราต้องการให้อยู่ซ้าย ขวาและขนาดความกว้าง 2 tag รวมกันไม่เกินความกว้าง div ด้านนอกที่ห่อหุ้มไว้ครับ เช่น

<div style="width: 600px;">
<div style="float: left; width: 150px;">
รูปอยู่นี้จ๊ะ
</div>
<div style="float: right; width: 400px;">
ข้อความอยู่นี้จ๊ะ
</div>
</div>

ก็จะได้ประมาณรูปนี้ส่วนความสูงไม่ต้องพูดถึงมัน auto ได้อยู่แล้วครับ ถ้าอยากให้มีสีก็ใส่ background:สีที่ต้องการ;

เช่น #ff0000 #ffff00 #c0c0c0 ได้ครับ
ถ้าเราอยากให้บรรทัดถัดไปกลับมาเหมือนเดิมก็เราก็ใส่บรรทัดนี้ลงไปเป็นการเคลียร์ค่ากลับมาเร่มต้นใหม่นั้นเอง
<div style=" float: none; clear: both; margin: 0;padding: 0;border: none;font-size: 1px;"></div>
สำหรับท่านที่หวังผลทาง seo โดยอยากใส่ tag h1 ถึง h6 ก็สามารถทำได้โดยสามารถกำหนด style font
ไม่ให้ใหญ่เกินไปได้ เช่น
<h1 style="font-size: 14px;">ข้อความนี้สำคัญนะ se</h1>
สำหรับ link ที่จะส่งไปเว็บอืนจะมีรูปแบบนี้ครับ
<a href="เว็บที่ต้องการ" title="ข้อมูลที่เกี่ยวกับ link">ข้อความที่คนเห็น</a>
สำหรับคนทำ amazon link ที่ส่งไป ควรเพิ่ม rel="nofollow" target="_blank"
ก็จะได้
<a href="เว็บที่ต้องการ" title="ข้อมูลที่เกี่ยวกับ link" rel="nofollow" target="_blank">ข้อความที่คนเห็น</a>
ส่วน target="_blank" นั้นเวลากดจะเปิดในแท็บใหม่ ครับ
rel="nofollow" ใส่ไว้สำหรับ ไม่ต้องการให้ se ให้คะแนนเว็บที่ส่งไปครับ
สำหรับการดึงรูปมาใส่ สำหรับคนต้องการผลทาง seo จำเป็นต้องมี alt เสมอครับเพื่อบอกข้อมูลที่เกี่ยวกับรูปครับ
<img src="ที่อยู่รูปภาพ" alt="ข้อมูลที่เกี่ยวกับ รูปนี้"/>
รู้จักกับ layout ตามรูป

margin ไว้กำหนดตำแหน่ง อ้างอิงกับอิลิเมท์ที่อยู่รอบตัวจาก บน ขวา ล่าง ซ้าย เช่น
<div style="margin: 0pt 0pt 0pt -30pt;></div>
หมายความว่าให้ขยับไปทางซ้าย 30 pt นั้นเอง
border คือขอบนอก ขนาด รูปแบบ สีเช่น
border:1px solid #7f7f7f;
หมายความว่าให้ขอบนอกขนาด 1 px style solid สี #7f7f7f นั้นเอง
padding คือขอบในเช่น
padding-top:1px
padding-right:1px
padding-bottom:1px
padding-left:1px
หรือ padding : 1px 1px 1px 1px;

การกำหนดสีตัวอักษรใช้
color:#ff0000;
เช่น <span style="color:#ff0000;">ข้อความสี นี้</span>

การขีดฆ่าข้อความก็ ใช้
<del></del>
หรือ
<s></s>
เมื่อเรารู้ดังนี้ก็สามารถจัดตำแหน่งการโฟส์ตามใจเราได้แล้วครับ ^^

ทำamazonโดยbloggerตอนที2(ทำการรู้จักกับ amazon widget)

2011-03-30T22:19:00.001+07:00

เมื่อเราได้ติดตั้ง widget amazon แล้วต่อมามาดูวิธีใช้กันครับ
1.ในช่อง search นั้นมี list box ให้เราเลือกว่าต้องการค้นหาสินค้าในกลุ่มไหน
เช่นถ้าเราต้องการขายโทรศัพท์ก็เลือก phone cell เป็นต้น ถ้าต้องการทุกกลุ่มก็เลือก
amazon.com ไว้

2.ช่อง For เป็นคีย์ ที่เราต้องการหาสินค้าชนิดนั้นๆ ดังตัวอย่าง กด go ก็จะได้สินค้าที่เราต้องการมา 3.เราสามารถดูหน้าที่เราจะลิงค์ไปที่ amazon ได้โดยส่วนมากเราจะเอาข้อมูลจากหน้านี้มา บอกราคา โปรโมชั่น หรือข้อมูลทางเทคนิคต่างๆ ลองกดดูจิ

4.กลุ่มนี้คือลิงค์ที่จะนำมาใส่ blog เรา เมื่อเราคลิกแล้วมันจะมาเข้ามาอยู่ใน text editor เรา
เราใช้ พวกนี้แหละไว้โฟส์สินค้า
อย่างแรก link เอาไว้ใส่ลิงค์ให้คนกดเพื่อไปหน้า amazon จะมีข้อความตัวอักษรเฉยๆ

อย่างที่สอง image เอาไว้ใส่รูป ใน blog เราเมื่อคลิกที่รูปก็ไปหน้า amazon

อย่างที่สาม link + image อันนี้เป็น ifram ครับก็มีลิงค์ไปที่ amazon ตามเคย

แล้วแต่คนชอบครับ แต่ ifram มีข้อเสียนะครับ คือ se จะไม่คิดว่าข้อมูลนั้นเป็นของ blog เรา ทำให้ไม่ผลทาง seo ครับ อีกอย่างบางที amazon จะมาแอบโฆษณาด้วยนะครับเพราะว่า ifram นั้นเราดึงมาจากเว็บ amazon ครับเขาจะเปลี่ยนเป็นอะไรก็ได้ครับ
แล้วลิงค์ที่ว่ามีความสำคัญอย่างไร
คำตอบก็คือ เวลาที่ลูกค้าคลิกที่ลิงค์นั้นก็จะมี id amazon associates ของเราติดไปด้วยคือ tag=xxx-20 ของเรานั้นเองครับแล้ว amazon ก็จะสร้างคุกกี้เก็บไว้ที่เครื่องลูกค้าไม่ว่าเขาจะซื้อสินค้าตัวใดก็ตาม ในระยะเวลาที่คุกกี้มีอายุอยู่เราก็ได้ค่าคอมครับ
เราไม่จะเป็นต้องใช้ลิงค์จาก widget นี้ก็ได้ครับ เพียงแต่ว่าลิงค์ที่ส่งไปยัง amazon นั้นมี่ id amazon associates ของเราเป็นอันใช้ได้ครับ แต่ widget นี้ทำให้เราสะดวกขึ้นมากและทำให้โฟส์ไวขึ้นครับ
ต่อไปจะมาแนาะนำวิธีโฟส์ amazon ให้สะดวกขึ้นครับ

ทำamazonโดยbloggerตอนที1(ติดตั้ง amazon associates Search widget)

2011-03-30T19:48:00.000+07:00

สวัสดีครับวันนี้ผมจะมาบอกวิธีขายของให้กับ amazon โดยใช้ blogger ครับ
กล่าวโดยสรุป คือ เราเป็นเซลแมน เป็นนายหน้าขายของให้ amazon ครับโดยได้ค่า คอม เป็นรางวัลครับ ส่วนค่าคอมนั้นเขาบอกมาอีกที่ว่าได้สูงสุด15% ครับ (ไม่เกิน15%นะครับ ส่วนมากจะได้ตำ่กว่านั้น)
แต่ก็เป็นของฟรีไม่ใช่หรือ? ใครสนใจลองทำดูครับเชิญ
ก่อนอื่นท่านต้องมี id affiliate ของ amazon ก่อนไปสมัครที่นี้ครับ https://affiliate-program.amazon.com
วิธีสมัครไม่ยากอะไรครับ เหมือนสมัครสมาชิกตามเว็บธรรมดาลองมั่วๆดูครับในที่นี้ไม่ขอกล่าวถึง
1.login ที่ blogger ครับ ที่แผงควบคุมให้ตั้งค่าเป็นภาษาอังกฤษครับ
(เหตุผลก็คือตอนนี้ wiget amazon ยังไม่รองรับภาษาไทยครับ)

2.คลิกที่ Monnetise ->amazon associates

3.ติกตามถาพครับ แล้วก็ใส่ id affiliate ที่เราไปสมัครมาครับ(เช่น youid-20)

4.กด set up amazon associate
5.จะมีหน้าต่างนี้ขึ้นมา ทำการก็อปปี้โค้ดที่เขาให้มาครับ กด Edit html (โค้ดนี้ไม่จำเป็นต้องใส่ก็ได้ครับถ้าใส่แล้วจะมี tootip ขึ้นมาทำให้สวยงามมากขึ้นครับเดี๋ยวจะมีบทความต่อไปครับ)

6.ต่อไปเราจะทำการวางโค้ดครับโดยวางไว้ก่อน ครับ กด ctrl+ F เพื่อค้นหา แล้ววางโค้ดไว้ก่อน ครับ วางตามรูปครับ กด save ครับเป็นอันเสร็จ

เมื่อเรากด post new ก็จะมี amazon associates Search widget ขึ้นมาให้เรา post ได้อย่างง่ายดายครับ

เดี๋ยวมีบทความต่อไปครับยังไม่จบนะ

ทำ search google api ใน blogger

2010-10-02T20:07:00.001+07:00

วิธีการทำ search google api ใน bloggerดูตัวอย่างครับ http://theniti.blogspot.com/2010/01/blog-post.html

ไม่ยากครับมาดูวิธีทำกันเลยครับ ตอนแรกผมจะเอาโค้ดใส่ไว้ที่ ไซต์ google ครับแต่ไม่เอาดีกว่า ถ้าคนเริ่มทำคงหาทางแก้ยากผมเลยเอาทุกอย่างมาอัดไว้หน้าเดียวครับ ขออภัยน่ะครับเราก็ login blogger ของเราครับแล้วก็เข้าไปสร้างหน้าใหม่ครับ

แล้วเราก็ใส่ css ลงไปครับปรับ ค่าcss ตามความกว้างของ blogger ของตัวเองด้วยน่ะครับ

<style type="text/css">
/*http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery*/
.clear{clear:both; line-height:0; height:0; font-size: 1px}
#page{
 width:620px; /* ความกว้าง */
 background-color:#C0C0C0;
}
#searchForm{
 /* The search form. */
clear:both;
 background-color:#4C5A65;
 padding:0;
 margin:0;
 -moz-border-radius:16px;
 -webkit-border-radius:16px;
 border-radius:16px;
}
fieldset{
 border:none;
}
#searchInputContainer{
 /* This div contains the transparent search box */
 width:420px;
 height:36px;
 background:url("http://sites.google.com/site/nitiblog/search/searchBox.png") no-repeat;
 float:left;
 margin-right:12px;
}
#s{
 /* The search text box. */
 border:none;
 color:#000;
 background:url("http://sites.google.com/site/nitiblog/search/searchBox.png") no-repeat;
 float:left;
 font-family:Arial,Helvetica,sans-serif;
 font-size:15px;
 height:36px;
 line-height:36px;
 margin-right:12px;
 outline:medium none;
 padding:0 0 0 35px;
 text-shadow:1px 1px 0 white;
 width:385px;
}
/* The UL that contains the search type icons */
.icons{
 list-style:none;
 margin:10px 0 0 335px;
 height:19px;
 position:relative;
}
.icons li{
 background:url("http://sites.google.com/site/nitiblog/search/icons.png") no-repeat;
 float:left;
 height:19px;
 text-indent:-9999px;
 cursor:pointer;
 margin-right:5px;
}
/* Styling each icon */
li.web{ width:15px;}
li.web.active,
li.web:hover{ background-position:left bottom;}
li.images{ width:22px; background-position:-18px 0;}
li.images.active,
li.images:hover{ background-position:-18px bottom;}
li.news{ width:14px; background-position:-44px 0;}
li.news.active,
li.news:hover{ background-position:-44px bottom;}
li.videos{ width:17px; background-position:right 0;}
li.videos.active,
li.videos:hover{ background-position:right bottom;}
span.arrow{
 /* The little arrow that moves below the icons */
 width:11px;
 height:6px;
 margin:21px 0 0 5px;
 position:absolute;
 background:url('http://sites.google.com/site/nitiblog/search/arrow.png') no-repeat;
 left:0;
}
/* The submit button */
#submitButton{
 background:url('http://sites.google.com/site/nitiblog/search/buttons.png') no-repeat;
 width:83px;
 height:36px;
 text-indent:-9999px;
 overflow:hidden;
 text-transform:uppercase;
 border:none;
 cursor:pointer;
}
#submitButton:hover{
 background-position:left bottom;
}
/* The Search tutorialzine.com / Search the Web radio buttons */
#searchInContainer{
 float:left;
 margin-top:12px;
 width:330px;
}
label{
 color:#000;
 cursor:pointer;
 font-size:11px;
 position:relative;
 right:-2px;
 top:-2px;
 margin-right:10px;
 white-space:nowrap;
 /*float:left;*/
}
input[type=radio]{
 cursor:pointer;
 /*float:left;*/
}
/* Styling the search results */
.pageContainer{
 /* Holds each page with search results. Has an inset bottom border. */
 border-bottom:1px solid #5e7481;
 margin-bottom:50px;
 /* Adding a dark bottom border with box shadow */
 -moz-box-shadow:0 1px 0 #798e9c;
 -webkit-box-shadow:0 1px 0 #798e9c;
 box-shadow:0 1px 0 #798e9c;
}
p.notFound{
 text-align:center;
 padding:0 0 40px;
}
/* Web & news results */
.webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;}
.webResult h2{ 
 background-color:#5D6F7B;
 font-size:18px;
 font-weight:normal;
 padding:8px 20px;
 /* Applying CSS3 rounded corners */
 -moz-border-radius:18px;
 -webkit-border-radius:18px;
 border-radius:18px;
}
.webResult h2 b{ color:#fff; }
.webResult h2 a{ color:#eee;border:none;}
.webResult p{ line-height:1.5;padding:15px 20px;}
.webResult p b{ color:white;}
.webResult > a{ margin-left:20px;}
/* Image & video search results */
.imageResult{
 float:left;
 height:180px;
 margin:0 0 20px 40px;
 text-align:center;
 width:152px;
 overflow:hidden;
}
.imageResult img{ display:block;border:none;}
.imageResult a.pic{
 border:1px solid #fff;
 outline:1px solid #777;
 display:block;
 margin:0 auto 15px;
}
/* The show more button */
#more{
 width:83px;
 height:24px;
 background:url('http://sites.google.com/site/nitiblog/search/more.png') no-repeat;
 cursor:pointer;
 margin:40px auto;
}
#more:hover{
 background-position:left bottom;
}
</style>

ตามด้วย javascript เราก็แก้จาก url blogger ของผมป็นของตัวเองน่ะครับ

แล้วก็ tagตัวแสดงผลครับ คืออิลิเมนต์นั้นเองครับ









                          


                 Search                                  Search The Web    

Web
Images
News
Videos

บันทึกครับเป็นอันเสร็จครับ เพิ่มเติมนะครับสำหรับคนที่อยากเอามาใช้แทนsearch ของ bloggerครับ เราสามารถดัดแปลงโค้ดนี้ให้อยู่ที่หน้าแรกได้ครับโดย เพิ่มโค้ด css กับ javascrip ไว้ที่ ส่วนหัวของโด้ดครับ แล้วก็เพิ่ม widget เมนูด้านข้างครับ หรือที่ไหนก็ได้ตามใจครับ เพิ่มwidget เป็น html/javascript แล้วก็ใส่ form ลงไปครับ




            
            



                Search
                
                Search The Web


Web
Images
News
Videos

บันทึกแล้วก็ ใส่ tag แสดงผลไว้ที่ท่านต้องการครับตัวอย่างเช่นผมอาจเอามาใส่ใต้สไลด์โชว์ของผมก็ได้ครับ

ขอบคุณ cradit

วิธีทำ widget twitter เป็น nofollow

2010-09-10T12:54:00.001+07:00

สวัสดีครับวันนี้ผมขอแนาะนำ วิธีทำ widget twitter สวยๆครับวิธีทำก็ง่ายมากเลยครับ ให้เข้าไปที่ http://twitter.com/widgets ครับ ลองแต่งดูครับง่ายมากๆครับ แต่คนทำ seo คงไม่ค่อยชอบเท่าไหร่ครับเนื่องจากlink จาก twitterเป็น nofollow ทั้งหมดครับ แถมยังเอา link แบบ dofollow มาใส่ blog เราซะเพียบเลยครับทำให้เวลาค้นใน SE นั้นทำให้ SE เข้าใจว่า twitter สำคัญกว่า blog เราจริงๆซะอีกครับ อย่างที่ผมประสบปัญหาอยู่ตอนนี้ครับ 55+ คิดแล้วไม่ติดดีกว่าก็่จบใช่ไหมครับ

แต่ถ้าอยากติดแบบ คุณ nofollow เราเรา nofollow กลับก็ได้ครับแก้แค้นซะเลย 55+ ผมได้ทำโค้ดไว้แล้วครับสำเร็จรูปครับเอามาแบ่งกันใช้ครับวิธีทำคือ 1.login blogger ซะครับ เข้าไปที่ ออกแบบ ครับ 2.เพิ่ม widget javscript/html ครับ ตำแหน่งไหนตามสะดวกเลยครับ

3. copy โค้ดไปวางเลยครับ ปรับแต่งเองมี comment ให้แล้วครับ

<script type="text/javascript" src="http://sites.google.com/site/nitiblog/js/widget.js"> </script>
<script type="text/javascript">
        //<![CDATA[
new TWTR.Widget({version: 2,type: 'profile',
   rpp: 5, //จำนวน tweets:
  interval: 4000,//ความเร็วการวน
  width: 250,   //ความกว้างของWidget
  height: 300, //ความสูงของWidget
  theme: {
    shell: {
      background: '#333333',// สี แถบบนล่าง 
      color: '#FFFFFF'  //สี ตัวหนังสือ แถบบนล่าง
    },
    tweets: {
      background: '#000000',//สีพื้นหลัง กล่องข้อความ
      color: '#ffffff', //สีตัวหนังสือ กล่องข้อความ
      links: '#4aed05' //สี link กล่องข้อความ
    }
  },
  features: { // false = ปิดการใช้งาน หรือ true =เปิดการใช้งาน
    scrollbar: true, //scrollbar:
    loop: true, //วนอันเดิมไหม
    live: true,//สไลด์ไหม
    hashtags: true,//
    timestamp: true,//ใส่เวลาไหม
    avatars: true,//ใส่รูปไหม
    toptweets: true,//
    behavior: 'default'//
  }
}).render().setUser('bangjak').start();//user twitter ของ คุณ
        //]]>
</script>

4. save แล้วดู blog ได้เลยครับ อันที่จริงตัวทำ link จะเป็นตัวไฟล์ widget.js ครับสามารถโหลดไปเก็บไว้ ที่ไซต์ตัวเองได้ครับ(จากบทความก่อนหน้า)ลิงค์นี้ครับ http://sites.google.com/site/nitiblog/js/widget.js ครับหวังว่าคงสนุกกับการแต่ง blog น่ะครับ

วิธีฝากรูปฝากไฟล์ฟรีโดยไม่หมดอายุ

2010-09-10T03:08:00.000+07:00

การที่เราจะแต่งblogให้โดนๆนั้นคงหนีไม่พ้นต้องมีรูปสวยๆหรือมีไฟล์
javascript หรือ ไฟล์ css ครับ blogส่วนมากจะใช้วิธีดึงของคนอื่นมาหรือไม่ก็
ฝากไฟล์ ไว้กับเว็บต่างๆครับซึ่งบางทีก็โดนลบหรือหมดอายุไปครับ
เอาล่ะวันนี้ผมมีที่ ฝากรูปฝากไฟล์ฟรีโดยไม่หมดอายุ มาฝากครับ
สิ่งที่ต้องมีอย่างเดียวคือ gmail ครับ ถ้ามีแล้วมาเริ่มกันเลย
1.เข้าไปที่ www.google.com/sites ครับ login ซะ

2. คลิกสร้างเว็บไซต์ครับ

3. ใช้แม่แบบว่างเปล่าครับ(ในที่นี้จะสอนให้ฝากรูปฝากไฟล์อย่างเดียวครับ)
ตั้งชื่อ ไซต์ ตามใจชอบครับ ใส่ url ตามใจชอบครับถ้าว่างอยู่ก็สามารถใช้ได้ครับ
(ที่อยู่ของไซต์คุณจะเป็น http://sites.google.com/site/ชื่อที่คุณตั้งครับ)

4.ถ้าจะเลือกธีมก็ตามใจครับ ลองเล่นดูเองครับ กดตัวเลือกเพิ่มเติมครับ
ติก ทุกคนสามารถดูได้ครับ ใส่antisapam ครับกดสร้างไซต์

5.เราก็ได้เว็บมาแล้วครับ กดสร้างหน้าเว็บครับ

6.ติกตู้เก็บเอกสาร (คือการสร้าง Folder นั้นเองครับ)ใส่ชือ Foldeติกตามภาพครับ
กดสร้างหน้าเว็บ

7. เราสามารถอัปโหลดไฟล์และรูปจากเครื่องของเราได้โดยคลิกเพิ่มไฟล์ครับ

8.จะมีโมเดลขึ้นมาตามภาพครับก็ลองอัปโหลดดูครับ โดยคลิกเลือกดูแล้ว
ก็ติกไฟล์ที่จะอัปโหลดครับ แล้วก็ตกลงแล้วก็คลิกอัปโหลดครับ
ตามภาพข้างล่าง ผมจะยกตัวอย่างอัปโหลดไฟล์
jquery-min.js แล้วก็สร้าง Folder ใหม่ชื่อ images แล้วอัปโหลดรูปขึ้นไปที่ images ครับ

9.ส่วนเวลาจะเรียกไฟล์มาใช้ url จะอยู่ที่
http://sites.google.com/site/ชื่อไซต์ที่คุณตั้งครับ/Foldeที่คุณสร้าง/ชื่อไฟล์ของคุณ

ลองเล่นดูครับ จบครับ

วิธีสร้าง blogger

2010-09-07T23:31:00.000+07:00

สวัสดีครับตอนนี้ผมจะมาบอกถึงวิธีสร้าง blogger ครับ
เอาล่ะสำหรับมือใหม่น่ะครับที่อยากจะมีเว็บมี blogเป็นของตัวเอง
ผมขอแนาะนำ blogger นะครับ เนื่องจากเป็นของค่ายพี่google
น่ะครับ และสามารถแต่งได้สวยงามแบบไหนก็ได้ครับตามใจชอบ
ครับและสามารถหารายได้จาก google adsense อีกต่างหาก
และทาง blogger ยังอนุญาติให้ขายของให้กับ amazon ได้
ด้วยครับ และยังมี theme สวยๆให้เรื่อกกันอยากมากมาย
อลังการงานสร้างมาก เอาล่ะใครอยากได้ blogger มาทางนี้เลยครับ
นี้คือตัวอย่างที่ทำเสร็จแล้วครับ

1. ก่อนอื่นต้องมี gmail ก่อนครับใครยังไม่มีก็ไปสมัครซะให้เรียบร้อย
2.เมื่อมี gmail แล้วก็เข้าไปที่ http://www.blogger.com ครับ
3. ล็อกอินซะตามรูปครับ

4.ใส่ชื่อที่ต้องการแสดงครับ ติกยอมรับข้อตกลงครับ คลิกดำเนินการต่อครับ

5.ใส่ url ที่ต้องการแสดงนะครับ เลือกที่ ตรงกับเนื้อหาเว็บของคุณนะครับ
เอาเป็นว่าจะมีผลต่อการค้นหา จาก google ทีหลังครับ
คลิกตรวจสอบครับ ถ้าได้แล้วก็ใส่ชื่อ blog ไปน่ะครับ คลิกดำเนินการต่อครับ

6. เลือก theme ตามใจชอบครับ สามารถเปลี่ยนและปรับแต่งได้ทีหลังครับ
คลิกดำเนินการต่อครับ

7.เสร็จแล้วครับ สามารถโฟส์ บทความได้หรือ ปรับแต่งเพิ่มเติมได้ครับ
สามารดู blog ของตัวเองได้เลยครับ ง่ายมากใช่ไหมครับ

ถ้ายังง ก็ดู vdo ไดน่ะครับ

ปล.
อันที่จริงบทความนี้ควรอยู่เป็นอันแรกเลยก็ว่าได้ครับ
เนื่องจากผมไม่ได้กำหนดตั้งแต่แรกครับมั่วเองครับ
แต่มีความจำเป็นต้องมีบทความนี้ครับ คนที่พอมีความรู้
ทาง seo ก็พอจะเดาออกน่ะครับว่าผมกำลังจะทำอะไรอยู่ครับ 555+
เดี๋ยวค่อยมาบอกทีหลังครับ ในบทความต่อไปครับ

ปัญหาการใส่ java script ใน บทความ หรือหน้าใน blogger

2010-07-12T00:36:00.000+07:00

ในการที่เราจะโพส์ java script ในบทความหรือหน้าที่เราสร้างขึ้นมาใน blogger นั้น
ตอนนี้นั้นสามารถทำได้ครับ จากที่ผมลองทำดูครับ แต่ปัญหานั้นก็มีอยู่บ้างครับเล็กน้อย
ก็เกิดจาก Editor ของ blogger นั้นเองครับ เพราะว่าความฉลาดของมันครับ
Editor จะคอยแปลงโค้ดที่เราใส่ในบทความครับ ทำให้โค้ดมีการเปลี่ยนแปลงไปจากเดิมครับ
การใส่โค้ด java script ในบทความหรือหน้านั้นเราต้องพิเศษกว่าการเขียนบทความธรรมดา
หน่อยหนึ่งครับ แล้วแต่เทคนิกบางคนอาจจะทำไม่เหมือนกันครับ
สำหรับมือใหม่ผมขอแนาะนำตามนี้ครับ

1.เวลาเขียนบทความหรือหน้าก็ลองเขียนแบบแก้ไข Html ครับเราสามารถกดสลับไปมา
ระหว่าง แก้ไข Html กับ เขียน ได้ครับ แต่เอาแก้ไข Html เป็นหลักแล้วกันครับ

2.กดดู ตัวเลือกของบทความ คลิกเลือกไม่ดำเนินการกับข่าวสาร เวลาจะขึ้นบรรทัดใหม่
เราต้องใส่ แท็ก br เองครับ
3.คลิก แสดง Htmlโดยตรงครับ
เมื่อทำตามนี้แล้วเรายังสามารถ copy โค้ดมาวางก็ได้ครับ ในส่วนตัวผมก็ยังทำหลายรอบ
เหมือนกันครับ ลองทำกันดูครับ

แสดงปฏิธินใน bloggerสวยๆ โดย jquery framework และ jquery ui css theme

2010-06-24T19:27:00.002+07:00

รูปตัวอย่าง ปฏิธิน เมื่อทำเสร็จแล้วครับ

เว็บตัวอย่างใช้งานครับ กดดูได้ครับ เอาล่ะมาเรื่อมกันเลย
สำหรับการจะแต่ง blogger ให้ดูสวยงามและมีลูกเล่นนั้น พระเอก ของเรื่องก็คือ javascript และcss
สำหรับคนไม่ค่อยรู้เรื่องพวกนี้ก็อย่างเพิ่งท้อนะครับ ในปัจุบัน ได้มีคนพัฒนา javascript framework
สำหรับไว้ใช้งานให้ง่ายยิ่งขึ้นครับ ที่นิยมใช้กันเช่น
dojo
prototype
Extjs
xajax
yui
mootools
jquery
และ
gajax ครับ อันนี้ของคนไทยช่วยกันสนับสนุนหน่อย
สำหรับผมแล้วใช้ได้หมดน่ะครับ แต่สำหรับคนที่เป็นblogger ผมแนาะนำ jquery ดีกว่าครับ
เนื่องจากง่ายครับ และมาแรงในตอนนี้ แถมตอนนี้ยังมี css theme ให้เลือกอีกมาก มีบทความ
ภาษาไทยให้อ่านเยอะครับ
เอาล่ะครับต่อมาผมจะแสดงตัวอย่างการเรียกใช้ jquery และแสดง datepicker
น่ะครับ
การเรียกใช้ก็แสนง่ายครับ ล็อกอิน blogger ให้เรียบร้อยแล้วเข้าไปที่
การออกแบบ -> แก้ไข Html ครับ ใส่โค้ดนี้ หลัง head ตามรูปเลย

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<link href='http://jquery-ui.googlecode.com/svn/tags/latest/themes/redmond/jquery-ui.css' media='all' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
$(document).ready(function(){
$('.datepicker').datepicker();
});
</script>

save ให้เรียบร้อย
เข้าไปที่รูปแบบกด เพิ่ม เกตเกต javascript/html

ใส่โค้ดนี้ลงไปครับ

<div class="datepicker" /></div>

เป็นอันเรียบร้อย บันทึก และดู blog ได้ครับ อิอิ

การทำ seo blogger ให้ได้อันดับดีๆใน google

2010-04-10T05:52:00.000+07:00

หลังจาก google ปรับ pr รอนนี้เว็บในความดูแลของผมล่วงเป็นแถวๆครับเนื่องจาก ความขี้เกรียจนั้นเองครับ ถึงกับ เศร้าไปหลายวันครับ อิอิ เอาละแสดงว่านิทานเรื่องนี้สอนให้รู้ว่าเอาแน่เอานอนกับ black link ไม่ได้ครับ เรามามองย้อนกลับดูว่าsearch engine ในปัจจุบันให้ความสำคัญกับอะไรบ้างครับ (**ในที่นี้ผมจะหากินกับท่าน google ครับเนื่องจากเป็นเจ้าของ blogger ครับ ขอบอกไว้ก่อนนะครับว่าตัวกระผมเองไม่สามารถฟันธงได้ครับแล้วผมก็อ่านมาจาก เอกสารที่ google แจกครับในนั้นบอกไว้ชัดเจนว่า การตัดสินลำดับเป็นความลับครับ) google จะให้ความสำคัญกับ url , อายุของโดเมน , tag h1 เป็นอันดับต้นๆครับ คนที่เพิ่งทำblog หรือเว็บ อย่าเพิ่งท้อครับ ยังเหลือ url กับ tag h1 ให้ลุ้นครับ ในที่นี้ผมจะแนาะนำ url ก่อนครับเวลาจะสร้าง blog ก็ต้องหาชื่อให้ตรงกับเนื้อหาของ blog ของเราครับ ถ้าพลาดไปแล้วก็ไม่เป็นไรครับ blogger ช่วยทำ seoให้เราอยู่แล้วครับ คือ blogger จะนำเอาหัวข้อบทความที่เราเขียนมาแปลงเป็น url ครับเช่น ผมตั้งชื่อบทความว่า การทำ google map ใน blogger

url ของบทความของผมก็จะเป็น http://theniti.blogspot.com/2010/03/google-map-blogger.html
เมื่อมีคนมาค้นเช่น คำว่า ทำ google map ใน blogger ก็จะช่วยให้อันดับดีขึ้นครับ การตั้งหัวข้อบทความ นั้นครับเราควรจะต้องคิดว่าผู้หาจะค้นคำว่าอะไรครับที่ตรงกับ บทความเรามากที่สุดครับ เราควรให้ keywords กระจายครับ เพราะการทำ seo ที่ดีนั้น ไม่ควรทำแค่คำเดียวครับ ผมไม่ได้เก่งอะไรครับเพียงแต่นำสิ่งที่รู้มาแชร์ครับ นี้คือ ตัวอย่างครับ ลองปรับทำตามดูครับ ผมได้ลบคุกกี้ ออกก่อนค้นหาครับและไม่ได้ login gmail ครับ

การทำ seo มีปัจจัยเยอะครับ ที่ผมแนาะนำนี้ก็เพราะว่ามันอาจจะช่วยท่านได้ไม่มากก็น้อยครับ เอาละในส่วน tag h1 เราต้องปรับ css และ theme เพื่อความสวยงามประกอบด้วย เอาไว้ก่อนละกัน ครับ ^^

watgetทำให้รู้ว่าผู้เยี่ยมชมเว็บมาจากไหน

2010-04-01T15:30:00.004+07:00

watget ตัวนี้คือ live traffic feed ความสามารถของมันก็คือ จะทำให้เรารู้ว่าคนที่เข้าชม blog เรานั้น รู้จัก blog ของเรามาจากที่ไหน เช่น ค้นเจอจาก google หรือคลิกมาจากเว็บที่เรา ไปแลกลิงค์มานั้นเอง รูปร่างหน้าตาแบบนี้ครับ

เว็บตัวอย่างครับ bloggernaja.blogspot.com เอาละถ้าอยากติดก็ไปที่นี้ครับ

http://feedjit.com/joinjs
ดูตรง live traffic feed คลิกเลือก add to blogger ตามรูป

จะไปที่หน้าlogin ครับ login เข้าบัญชีที่มีblogที่ต้องการใส่ watget ครับตามรูป

เลือก blog ที่ต้องการใส่ watget ครับ ใส่หัวข้อที่ต้องการแสดงเช่น traffic blog นี้

กดเพิ่มเครื่องมือครับ เป็นอันเสร็จ เพิ่มเติมครับ เราสามารถ ย้ายตำแหน่ง ลบ watget หรือ เปลี่ยนชื่อหัวข้อ โดยเข้าไปแก้ไขที่รูปแบบ เหมือนว่าเป็น watget html javascript ธรรมดาครับ

จบครับ ขอบคุณที่อ่านบทความ blog น้องใหม่ครับ :D

ทำ google translate แปรภาษาบนเว็บเรา

2010-03-31T18:17:00.003+07:00

googleแปรภาษาถึงแม้จะแปรได้ไม่100เปอร์เซนแต่ก็นับว่ามีประโยชน์มาก
ช่วยให้สามารถเข้าใจเนื้อหาของเว็บต่างภาษาที่เราต้องการดูได้ไม่มากก็น้อย
ยังดีกว่าไม่มีตัวช่วยเลยใช่ไหมล่ะ

ถ้าท่านไม่รู้จักว่ามันเป็นยังไงก็เข้าชมตัวอย่างได้ที่เว็บนี้
http://bloggernaja.blogspot.com
เป็นเว็บตัวอย่างนั้นเอง
เอาละก่อนอื่นก็เข้าไปที่นี้

http://translate.google.co.th/translate_tools
เพื่อไปขอโค้ดจาก google นั้นเอง
ทำตามรูปเลยครับ ถ้าท่านต้องการโค้ดสำเร็จก็ข้ามขั้นตอนนี้ไป

copyโค้ดด้านล่างไปใช้ได้เลยครับ

<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'th'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

เสร็จแล้วก็ login ที่ blogger เข้าไปที่รูปแบบ เพิ่ม watget

เลือกเพิ่ม html javascript ครับ

วางโค้ดดังรูปครับ

บันทึกครับ
เสร็จแล้วดู blog ครับว่ามีแบบนี้เพิ่มมาไหมครับ

ในส่วนตัวผมเคยใส่มาแล้วครับแต่ว่ามันทำให้เว็บเราโหลดช้าลงครับเลยไม่ใส่
อิอิ

การทำ google map ใน blogger ตอนที่4 ตอนจบ

2010-03-28T04:51:00.004+07:00

เมื่อ3ตอนที่ผ่านมาเราได้ ไปขอ key หาพิกัดแผนที่ และได้เพิ่ม watget หน้าเว็บไปแล้ว
เมื่อทำ3ขั้นตอนนี้ครบแล้วมาถึงตอนนี้เราจะมาใส่ google map กันใน blog ของเรากันสักที่นะครับ
สำหรับคนที่จะเอาไปใส่เว็บก็สามารถดัดแปลงจากบทความนี้ได้นะครับเหมือนๆกันครับ
อย่างแรกก็ login เข้า blogครับ
ไปที่รูปแบบ->แก้ไข html ครับ
ใส่โค้ดนี้ใต้้ำ แท็ก head ดังรูปครับ

<script src="http://maps.google.com/maps?file=api&v=2&key=ใส่ key ของคุณตรงนี้" type="text/javascript">
 </script>

ในส่วนของ key เราก็ใส่ของเว็บเราที่ไปขอมาจาก google ครับ ใส่ตามรูปเลยครับ
ถ้าใส่ของคนอื่นมันจะมีข้อความเตือนครับ
เสร็จแล้วก็คลิกบันทึกแม่แบบครับครับ
ต่อไปก็ ไปที่ส่งบทความ ->แก้ไขหน้าเว็บครับ
กดเพิ่มหน้าเว็บใหม่ดังรูปครับ

เราก็ใส่ชื่อหน้าที่ต้องการแสดงครับ เช่นเกี่ยวกับเรา เป็นต้นครับหรือจะใส่ตามตัวอย่างก็ไม่เป็นไรครับ
ช่อง editor คลิกแก้ไข html ครับ ด้านล่างตัวเลือกบทความเลือก แสดง html โดยตรง
ช่อง editor ใส่โค้ดนี้ลงไปครับ

<div style="text-align: center;">
<div id="map" style="width:400px;height:400px;float:none;margin:0 auto;border:1px solid black;">Google Map</div>
<script type="text/javascript">
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
p = new GLatLng(ลองติจูด,ละติจูด);
map.setCenter(p, 14);
var icon = new GIcon(G_DEFAULT_ICON);
icon.iconAnchor = new GPoint(25, 35);
icon.infoWindowAnchor = new GPoint(25, 5);
pm = new GLatLng(ลองติจูด,ละติจูด);
gmarker = new GMarker(pm,{});
map.addOverlay(gmarker);
};
</script>
</div>

สังเกตุโค้ดดีๆจะเห็นส่วนที่บอกว่า ละติจูดกับลองติจูด ให้แทนค่าในนั้นด้วยพิกัดที่เราต้องการให้หมุดชี้
ที่เราไปหามานั้นเอง(ตอนที่2)
กดเผยแพร่หน้าครับเป็นอันเสร็จดูตัวอย่างได้ครับที่

http://bloggernaja.blogspot.com/p/googlemap_27.html
ขอบคุณที่อ่านบทความครับ ^^

การทำ google map ใน blogger ตอนที่3 เพิ่มwatgetหน้าเว้บ

2010-03-28T02:46:00.000+07:00

เมื่อตอนที่ผ่านมาเราได้ไปขอ key จาก google และได้ไปหาพิกัดกันแล้ว
ที่นี้เรามาเพิ่มwatgetหน้าเว็บสำหรับเอาไว้ใส่ google map กันครับซึ่งก็เป็นwadget
ตัวล่าสุดจาก blogger นั้นเองครับ wadget ตัวนี้ผมยอมรับว่ามีประโยชน์มากครับ
ประโยชน์ของมันก็คือเราสามารถสร้างหน้าที่สามารถใส่ java script ได้ครับ
ใส่ไฟล์ flash ได้ พูดง่ายๆคือใส่โค้ด html ได้นั้นเองครับ ยิ่งถ้าทำงานคู่กับ
google site แล้วละก็ไม่ต้องพูดถึงครับ
เอาละมาเริ่มกันเลยครับ
login แล้วเข้าไปที่รูปแบบครับ
กดเพิ่ม gatget ตามรูปครับ

มีป็อบอัปมาแล้วเลือกหน้าเว็บครับ

ในช่องชื่อไม่ต้องใส่ครับ

ช่องหน้าเว็บที่จะแสดงแล้วแต่ท่านครับ กดบันทึกครับ

เสร็จแล้วครับวิธีเพิ่มwadgetหน้าเว็บต่อไปเราจะมาสร้าง
google map ใน blogger กันครับ เย้ๆ

การทำ google map ใน blogger ตอนที่2 หาตำแหน่ง map

2010-03-22T03:41:00.000+07:00

การทำ google map ใน blogger ตอนที่2 หาตำแหน่ง map
หลังจากตอนแรกเราได้ไปขอ key จาก google มาแล้วขั้นตอน
ต่อไปเราจะไปหา ตำแหน่งที่เราจะไปชี้ที่ map กันครับคือการหาตำแหน่ง
ละติจูด ลองติจูดนั้นเองครับ เอาละเราก็ไป ที่เว็บนี้ครับ
http://www.orgth.com/map

เว็บผมเองครับตอนนี้ยังทำไม่เสร็จครับ รีบจดทะเบียนโดเมนไว้ก่อนครับ อิอิ
เราก็จะพบหน้าตาแบบนี้ครับ ในเว็บมีคำแนาะนำการใช้ครับ
ใส่ ชื่อพื้นที่ๆต้องการหาครับที่คิดว่าใกล้เคียงที่สุดกับที่ๆเราจะชี้หมุดครับ
แล้วกดค้นหาครับ ระบบจะชี้หมุดไปที่เราค้นหาครับ
ขั้นต่อไปก็เลื่อนหมุดหาพื้นที่เลยครับระบบจะบอกตำแหน่งโดย
อัตโนมัติครับ สามารถซูมเข้าออกได้ครับ
พอได้ตำแหน่งแล้ว copy เอาไว้นะครับต่อไปเราจะใช้แล้วนะครับ

ทำ google map ใน blogger ตอนที่ 1 สมัคร google map

2010-03-21T19:43:00.000+07:00

หลังจากไม่ได้อัปเดสมานานครับเนื่องจากไปศึกษา คุณสมบัติใม่ของ blogger มาพอสมควรแล้ว
ที่นี้ผมมาขอแนาะนำการทำ google map บน blogger ครับซึ่งเป็นคุณสมบัติใหม่นั่นเองครับ

ตัวอย่างที่ทำสำเร็จแล้วครับ ครับ เป็น blog ที่ผมเอาไว้ทดสอบ theme ครับ ที่นี้ครับ
มาเริ่มกันเลยครับตอนแรกเราก็ไปสมัครเอาคีย์ ของ google map

ที่นี้ครับ http://code.google.com/intl/th-TH/apis/maps/signup.html

ทำตามขั้นตอนตามรูปครับ เสร็จแล้วกดตกลงครับ
ต่อไปก็จะได้คีย์มาครับ กอบปี้เก็บเอาไว้ครับ

google จะให้ตัวอย่าง java script มาครับ เราก็ copy เพื่อนำมาใส่ ที่ blogger ครับ

free theme blogger theme-thenitiblue

2010-03-07T06:48:00.001+07:00

free theme blogger theme-thenitiblue
A sample.

Demo and Download

Demo

Download

ทำ seo ให้ blogger โดยการปรับแต่ง title bar แบบที่1

2010-02-06T12:37:00.000+07:00

ทำ seo ให้ blogger โดยการปรับแต่ง title bar แบบที่1
โดยปรกติ blogger ก็ได้ทำ seo กับ title bar มาอยู่แล้วแต่ยังไม่ค่อย
เวิรค์เท่าไหร่ครับแต่ไม่ต้องกลัวครับเราสามารถปรับแต่งให้ถูกหลัก seo ได้
title bar ของ blogger จะแสดงอยู่2อย่างครับ คือ
1.หน้าแรกเช่น http://theniti.blogspot.com title bar จะเป็นแบบนี้ครับตอนที่ยังไม่ปรับแต่ง

2.หน้าบทความเช่น http://theniti.blogspot.com/2010/02/seo-blogger-1-google-yahoo-bing.html ตอนที่ยังไม่ปรับแต่ง

เมื่อหลังจากปรับแต่งแล้วก็เป็นแบบนี้ครับ
ส่วนของหน้าแรก

ส่วนของบทความ

นั่นแน่ดูดีขึ้นมาเลยใช้ไหมละครับเอาละงั้นเรามาดูวิธีการปรับแต่งกันเลยอิอิ

ขั้นแรกก็ล็อกอินเข้า blogger เลย ไปที่ปรับแต่งแล้วเข้าไปที่ปรับแต่ง html
หาส่วนที่เป็น
<title><data:blog.title/></title>
ดังรูป

แล้วเราก็เปลี่ยนเป็นแบบนี้ <title><data:blog.pageName/></title>
ส่วนหลัง </title>เราก็พิมพ์ข้อความเข้าไปอีกได้ครับ
เช่นblogผมก็พิมพ์ไปว่า
<title><data:blog.pageName/>ทำseo blogger แต่งบล็อก theme blogger</title>
ดูตัวอย่างที่รูปครับ

เสร็จแล้วก็ กดบันทึกนะครับแล้วก็ไปดูบล็อกเราเลย
เป็นไงบ้างครับเดี๋ยวตอนหน้ามาเขียนใหม่ครับ ^^

การทำ seo ให้ blogger ตอนที่1 ทำให้ google yahoo bing รู้จักเว็บเรา

2010-02-04T16:54:00.001+07:00

เมื่อเรามีเว็บหรือ blog เช่น http://theniti.blogspot.com แล้วเราจะเก็บไว้ดูคนเดียวหรอ 55+
คำตอบก็คงไม่แน่นอน แล้วเราจะให้คนทั่วไปรู้จักเว็บเราได้ไงละ เราก็ต้องอาศัย Search Engine
เช่น google yahoo bing เป็นต้น
เอ้ เว็บในโลกนี้มีตั้งเยอะ อ่ะเราจะทำให้เว็บเราติดอันดับดีๆได้ไง
คำตอบคือเราต้องทำ seo ครับที่กล่าวมาข้างต้นคือที่มาของ seo ครับ
เมื่อเราคิดจะทำเว็บหรือบล็อกเราจำเป็นต้องรู้ seo ขั้นพื้นฐานสักนิดก็ยังดีครับ
เอาไว้เป็นเขี้ยวเล็บแม้เป็นเล็บแมวก็ยังดีกว่าไม่มีเลย 555+
บางเว็บจำเป็นต้องทำ seo อย่างยิ่งครับเช่นเว็บบริษัทเนื่องจากมีผลต่อ
ธุรกิจอย่างยิ่งครับ ข้างล่างนี้เป็นเว็บที่ผมดูแลอยู่ครับเพิ่งเปิดตอนต้นปีนี้ครับ
แต่อันดับไม่ธรรมดาเลยใช่ไหมละ อิอิ

อันดับไม่แน่นอนครับอาจเปลี่ยนแปลงได้ตลอดเวลาครับ
เอาละโม้มามากเข้าเรืองเลยเมื่อเราหาเว็บเราในSearch Engineเท่าไหร่ก็ไม่เจอ
หรือเพิ่งเปิด เว็บ blog อยากให้ค้นเจอในSearch Engine วิธีขั้นพื้นฐานเลยอันดับแรก
ก็คือไปบอกSearch Engineครับว่ามีเว็บเราเพิ่มมาในโลกนี้แล้วนะ
โดยการไปใส่ url เว็บของเรา ใน 3 Search Engine ยอดฮิตครับ

googleไปที่นี้ครับ http://www.google.com/addurl/?continue=/addurl
yahoo ไปที่นี้ http://siteexplorer.search.yahoo.com/submit
bing ไปนี้ http://www.bing.com/webmaster/SubmitSitePage.aspx
ลิงค์นี้แค่การทำให้ Search Engine รู้จักเว็บเราขั้นพื้นฐานนะครับ
ยังมีอีกเยอะครับเกี่ยวกับ seo เดี๋ยวมาเหลาใหม่ในตอนต่อไปครับ