Sunday, January 20, 2008

สร้าง Community จาก MyBlogLog

หรือ
MyBlogLog มีไว้สำหรับให้เรารู้ว่ามีใครเข้ามาเยี่ยมเยียนเว็บของเราบ้าง และผู้มาเยี่ยมเว็บเรามีเว็บอะไรบ้าง และยังสมารถฝากข้อความถึงกันได้ด้วยค่ะ แต่ต้องมีไอดีของ Yahoo ก่อนนะค่ะ อยากรู้แล้วใช่มั้ยค่ะว่าต้องทำอย่างไร งั้นเรามาดูกันเลยค่ะ

1. ให้เราเข้าไปที่เว็บ MyBlogLog ถ้าเรามีเมล์ Yahoo ก็คลิ๊กที่ด้านซ้ายเพื่อ Sign in แต่ถ้าไม่มีก็ต้องสมัครก่อนค่ะโดยคลิ๊กที่ด้านขวา


2. หลังจากที่เรา Sign in แล้วก็ให้เราก็ให้เราคลิ๊กที่ Add site/blog I author



3. ทีนี้ก็ให้เรากรอกข้อมูลให้เรียบร้อย และกด Add Blog/site


4. ทีนี้ก็ให้เราเลือก BlogSpot/Blogger


5. ทีนี้เราก็จะได้โค๊ดมาก็ให้เรา copy นำไปวางไว้ที่ blog ของเราในส่วนการแก้ไขเทมเพลต ระหว่างโค๊ด (body)...(/body) สำหรับมือใหม่ที่ไม่รู้จะวางไว้ตรงไหนดีก็ให้วางไว้หน้า (/body) ก็ได้ค่ะ

หลังจากที่นำไปวางเรียบร้อยแล้วก็ให้เรากลับมาที่ MyBlogLog คลิ๊กที่ Go to (ชื่อ Blog) community ที่ด้านล่างของหน้า



ุ6. คลิ๊กที่ Widgets

7. พอมาถึงหน้านี้ก็ให้เราเปลี่ยนสีสันตามใจชอบเลยค่ะ หลังจากเปลี่ยนเสร็จเรียบร้อยก็ให้คลิ๊กที่ Preview and Get Code


8. พอเราได้โค๊ดมาก็ให้เราทำการ copy โค๊ด


9. ให้เรากลับมาที่ Blog และคลิ๊กที่แท็บ เทมเพลต และเลือกเพิ่มองค์ประกอบของหน้า เลือกหมวด HTML/จาวาสคริปส์ และให้เราทำการวางโค๊ดที่ copy มาวางลงไป และทำการบันทึกการเปลี่ยนแปลง


เพียงแค่นี้เราก็จะมี community ไว้โชว์ที่ Blog ของเราแล้วค่ะ

Saturday, January 19, 2008

การสร้าง Site Map ให้กับ Blogger หรือ Blogspot

การสร้าง Site Map นั้นเป็นการช่วยให้ Google เก็บข้อมูลของเว็บเราและทำให้เวลามีคน Search หาข้อมูลก็จะช่วยให้ หาเว็บของเราได้ง่ายขึ้นค่ะ หรือเป็นการโปรโมทเว็บอีกทางก็ว่าได้

1. ให้เราเข้าไปที่ Google Sitemap และให้ใส่ที่อยู่เว็บของเรา


2. ให้คลิ๊ก Verify your site


3. ให้เลือกที่ Add a meta tag และทำการ copy



4. ให้เปิด Blog ของเราขึ้นมาแก้ไขตรงส่วน แก้ไขเทมเพลท และให้วาง Meta Tage ระหว่าง (head)...(/head) หลังจากวางเสร็จเรียบร้อยก็ทำการเซฟได้เลยค่ะ



5. กลับไปที่หน้า Verify Site และกด Verify อีกครั้งค่ะ

ุ6. หลังจากกด Verify Site แล้วก็จะเป็นหน้าตาแบบด้านล่างนี้ค่ะ



7. ทีนี้ก็ให้เราทำการกดที่ Sitemaps ที่เมนูด้านซ้ายมือ และกด Add a Sitemap


8. เลือก Add General Web Sitemap และใส่ atom.xml ในช่อง 3. My Stiemap URL is:


เท่านี้ก็เสร็จเรียบร้อยแล้วค่ะ

Friday, January 11, 2008

Google Analytics ก็เก็บสถิติเว็บได้

เค้าออกมาให้ใช้กันฟรีๆ เลยค่ะ ใช้ง่ายด้วยแต่จำกัด 5 ล้านหน้าเว็บต่อเดือนเท่านั้นค่ะ แต่ถ้าใครมี Adword ก็ใช้ได้ไม่จำกัดเลยค่ะ สามารถตรวจสอบได้ว่าคนที่เข้ามาดูเว็บเรามาจากที่ไหน อยู่หน้าเว็บเรากี่นาที และออกจากหน้าเว็บเราแล้วไปไหนต่อ อะไรประมาณนี้แหละค่ะ ลองศึกษาดูนะค่ะ

อันดับแรกให้เราเข้าไปที่ Google Analytics
ให้เราใส่อีเมล์และรหัสผ่านลงไปค่ะ ถ้าใครยังไม่เคยสมัคร Google ต้องสมัครก่อนนะค่ะ



พอเข้าไปที่หน้า สมัครใช้งาน Google Analytics แล้วให้เราคลิกที่ "การสมัครใช้งาน"


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


พอมาถึงหน้านี้ก็ให้เรากรอกรายละเอียดข้อมูลของเราลงไป ไม่กรอกก็ได้ค่ะ แต่ว่าเลือกประเทศหน่อยก็ดีเวลาจะได้ตรงค่ะ และคลิกที่ "ดำเนินการต่อ"


ทีนี้ให้เราติ๊กเครื่องหมายถูกที่ "ใช่ ฉันยอมรับข้อตกลงและเงื่อนไขที่กล่าวมา" และคลิ๊กที่ "สร้างบัญชีใหม่"


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


พอมาถึงหน้านี้ก็ให้เรากดที่ "ตรวจสอบสถานะ"


ถ้าเราวางโค๊ตแล้วและถูกต้องก็จะขึ้นแบบนี้ค่ะ รอ24 ชม. นะค่ะข้อมูลถึงจะอัพเดท

Wednesday, January 9, 2008

สร้างระบบค้นหา Google ให้กับ Blog

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




คือเราต้องมีบัญชี Google Adsense ค่ะ แล้วเราก็สามารถสร้างโค๊ตค้นหามาแปะไว้ที่เว็บเราได้ทันที แต่ถ้าเราไม่มีก็
ให้เรานำโค๊ตด้านล่างนี้ไปใส่ได้เลยค่ะ และแก้ไขตัวหนังสือสีแดงให้เป็นของเว็บเราเท่านี้ก็ใช้ได้แล้วค่ะ

<body>

<!-- Search Google -->

<center>

<form action="http://www.google.com/custom" method="get">

<table width="461" border="0" cellspacing="0" bgcolor="#ffffff">

<tbody><tr valign="top"><td width="140">

<a href="http://www.google.com/search">

<br />

<img border="0" alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="middle"/></a>

</td>

<td width="317"><br />

<input maxlength="255" value="" name="q" size="35" type="text"/>

<input value="Search" name="sa" type="submit"/>

<input value="S:http://blogspot-channel.blogspot.com;GL:0;AH:center;AWFID:255af3bc0087ccb8;" name="cof" type="hidden"/>

<input value="
blogspot-channel.blogspot.com" name="domains" type="hidden"/>

<br />

<input value="" name="sitesearch" type="radio"/> google.com <input checked="checked" value="
blogspot-channel.blogspot.com" name="sitesearch" type="radio"/>

blogspot-channel.blogspot.com</td>

</tr></tbody></table>

</form>

</center>

<!-- Search Google --></body>

วิธีการนำไปใส่ ให้ไปที่หน้า "เทมเพลต" และไปตรงแท็บ "องค์ประกอบของหน้า" คลิกที่ "เพิ่มองค์ประกอบของหน้า" ก็จะขึ้นหน้าต่างอย่างข้างล่างให้เราเลือกที่ "HTML/จาวาสคริปต์"


แล้วก็ให้เรานำโค๊ตด้านบนใส่ลงไป **อย่าลืมแก้ให้เป็นเว็บของเราด้วยนะค่ะ**


ทีนี้มันจะไปอยู่ตรงไหนก็ตามให้เราเลื่อนมาอยู่ เหนือส่วนของ Blog Posts หรือว่าด้านล่างของ Blog Posts ก็ได้ เพราะว่าถ้าวางไว้ ที่อื่นมันจะมองไม่เห็นตัวหนังสืออ่ะค่ะ ไม่รู้ว่าเป็นเพราะอะไรเหมือนกัน





แค่นี้เราก็มีระบบค้นหาในเว็บแล้วค่ะ

Sunday, January 6, 2008

การทำ Zickr! ให้กับบล็อกค่ะ

อยากมี Zickr ที่อยู่ทางด้านขวามือของบทความแบบเว็บนี้เชิญเลยค่ะ Zickr! ก็คือการส่งบทความไปที่เว็บ http://www.Zickr.com เพื่อให้คนอื่นได้โหวตบทความของเรา...

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

หลังจากนั้นก็ให้เราหาโค๊ดตรง <p><data:post.body/><p> เหมือนอย่างในรูปด้านล่างค่ะ


จากนั้นก็นำโค๊ดด้านล่างนี้ไปใสไว้ก่อนหน้า
<p><data:post.body/><p> ค่ะ

<div style='float:right;margin:5px'> <script type='text/javascript'>zickr_url='<data:post.url/>';</script> <script type='text/javascript' src='http://api.zickr.com/button.js'></script> </div>

ทีนี้ก็จะเหมือนอย่างในรูปค่ะ

เท่านี้เราก็จะมี Zickr ในเว็บแล้วค่ะ

การทำ Email Subscriptions



อันดับแรกให้เข้าไปที่เว็บ http://www.feedburner.com และทำตามรูปเลยค่ะ
1. ใส่ชื่อที่อยู่ของเว็บไซด์ที่เราต้องการทำในช่องสีชมพู แล้วกด Next ค่ะ



2. กด Next ค่ะ



3. กรอกรายละเอียดให้ครบแล้วกด Activate Feed


4. กด Skip directly to feed management


5. เลือกแท็บ Publicize

6. กดเลือก Email Subscriptions ทางด้านซ้ายมือ



7. กด Activate



8. ให้เลือกภาษา และ เลือกที่ Blogger และกด Go



9. ทีนี้มันจะเด้งไปที่หน้า Blogger ให้เรากด "เพิ่มเครื่องมือ"



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



ก็จะได้แบบข้างล่างแทนค่ะ

Saturday, January 5, 2008

การทำให้บทความโชว์แต่หัวข้อกับข้อความ แค่บางส่วน



อันล่างนี้คือเนื้อหาข้างในภายใต้หัวข้อของด้านบนค่ะ




อันนี้เพิ่งทำได้วันนี้เองอ่ะค่ะ ดีใจมากเลย ทำตามรูปเลยค่ะ

1. ไปที่หน้า "เทมเพลต" แล้วเลือกแท็บ "แก้ไข HTML"

. ค้นหา </head> วาง โค๊ดต่อไปนี้ ไว้ด้านบน

โค๊ดด้านล่างนี่ค่ะ
<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

ค้นหา Code ในช่วงสำหรับ Post-body และ นำอักษรตัวสีแดงวางลงไปอย่างข้างล่างนี้ค่ะ

<div class='post-body'



<b:if cond='data:blog.pageType == "item"'> <style>#fullpost{display:inline;}</style> <p><data:post.body/></p><b:else/><style>#fullpost{display:none;}</style>



<p><data:post.body/></p>



<span id='showlink'> <a expr:href='data:post.url'>Read More......</a> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if>



<div style='clear: both;'/> <!-- clear for photos floats --> </div>


2. หลังจากแก้ไขไฟล์เสร็จแล้วก็ให้ไปที่หน้า "การตั้งค่า" และเลือกที่แท็บ "การจัดรูปแบบ" และเลื่อนไปด้านล่างตรง "แม่แบบบทความ" และให้นำข้อความด้านล่างนี้ใส่ลงไปค่ะ

Type your summary here

<span id="fullpost">

Type rest of the post here

</span>







ด้านล่างนี้เป็นหน้าตาตอนที่เราจะเขียนบทความค่ะ
หน้าตาของแท็บ "แก้ไข HTML"


ด้านล่างเป็นหน้าตาของแท็บ "เขียน"

ทีนี้พอเราจะพิมพ์ข้อความครั้งต่อไปก็จะมีคำว่า Read more ขึ้น แล้วค่ะ
พอเราจะพิมพ์ข้อความที่ต้องการให้แสดง ให้พิมพ์ตรง Type you summary here
แต่ถ้าข้อความที่เราต้องการซ่อน ให้พิมพ์ตรง Type rest of the post here


ฝากไฟล์,รูปภาพ,เพลง หรืออื่นๆ แบบมีรายได้ คลิ๊ก