ขับเคลื่อนโดย Blogger.

สร้าง drop down เมนูใน blogspot

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 27 มิถุนายน พ.ศ. 2553 | 08:44

บางบล็อกที่เมนูด้านข้างของบล็อกมี gadget ให้เพิ่มจนยาวเหยียดดูแล้วก็ไม่งามตา วันนี้มี drop down เมนูมานำเสนอค่ะ ทำให้เรามีลิงค์ครบทุกที่ ที่อยากจะเพิ่มแต่ไม่กินเนื้อที่ด้านข้างของบล็อก สวย ๆ เก๋ ๆ ไปอีกแบบ วิธีการสร้าง drop down เมนูก็ไม่ยากทำโดยการเพิ่ม gadget html ลงไปเท่านั้น เอาหล่ะตามมาเลยดีกว่า

วิธีการสร้าง drop down เมนู

1. ให้เพื่อน ๆ login ไปที่ blogger ค่ะ ไปที่ การตั้งค่า>การออกแบบ>องค์ประกอบของหน้า การตั้งค่าบล็อก
2. หลังจากนั้นคลิีกเลือก เพิ่ม gadget ในบริเวณที่เพื่อน ๆ ต้องการเพิ่ม drop down โดยเพิ่มเป็น gadget html/javascript
add_gadget_blogspot
3. copy code ด้านล่างนี้
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>- Your Menu Title -</option>
<!-- Change the following links to your own -->
<option value="ที่อยู่ url บล็อกของเพื่อนๆ">=ชื่อlink</option>
<option value="http://URL of link2">Link 2</option>
<option value="http://URL of link3">Link 3</option>
<option value="http://URL of link4">Link 4</option>
<option value="http://URL of link5">Link 5</option>
<option value=”http://introduction-blogger.blogspot.com”>ชวนเพื่อนเขียนบล็อก</option>
</select></form>
โดยเปลี่ยนบริเวณที่เป็นตัวอักษรสีแดง
Your menu title = ให้ใส่เป็นเมนูของ drop down เมนูของเพื่อน ๆ
ที่อยู่ url บล้อกหรือlink ที่ต้องการสร้าง drop down เมนู จะสร้างกี่ลิงค์ก็แล้วแต่ ส่วนลิงค์ท้ายสุดนั่น แฮ่ ๆ แอบแปะลิงค์ชวนเพื่อนเขียนบล็อกเข้าไปด้วย  ลบออกก็ได้จ๊ะ หรือใครจะคงไว้ก็ขอกราบขอบพระคุณอย่างสูง
_blank นั่นคือต้องการให้เปิดลิงค์ในหน้าใหม่เป็น new windows  หากต้องการเปิดในหน้าต่างเดิมเปลี่ยนจาก _blank เป็น _self ค่ะ
 gadgethtml/javascript
3. หลังจากแก้ไข code วางแล้วให้บันทึกผล
4. หลังจากนั้นมาดูการแสดงผลของบล็อกโดยไปที่ ดูบล็อก
drop_down_menu_blogspot
เป็นไงคะปรับแต่งได้ถูกใจกันหรือยัง วันนี้ขอให้สนุกกับการปรับแต่งบล็อกนะคะ  bye จ๊ะ
ขอบคุณข้อมูลจาก blogknowhow



08:44 | 8 comments | Read More

ติดแบบสอบถามให้บล็อก | blogspot

Written By Aucharaporn Theemcle on วันอังคารที่ 15 มิถุนายน พ.ศ. 2553 | 18:15

วันนี้มาชวนเพื่อน ๆ สร้างแบบสอบถามติดในบล็อกกันนะคะ  เผื่อว่าใครคิดอยากจะทำแบบสอบถามความคิดเห็นของผู้เข้าเยี่ยมชมบล็อก  เคยคิดเรื่องนี้อยู่นานก่อนที่จะเขียน  เพราะว่าบล็อกชวนเพื่อนเขียนบล็อก ยังคิดคำถามไม่ออกว่าจะสอบถามเพื่อน ๆ ว่าอย่างไรบ้าง  จะได้ทำเป็นตัวอย่าง  เพราะว่าเจ้าของบล็อกเป็นพวกชอบเขียน ชอบคิด แต่ไม่ชอบฟังใคร  แบบว่าประเภททำตามใจฉันจนชิน  แต่ทว่าเรื่องแบบสอบถามนี้น่าจะเป็นประโยชน์กับเพื่อน ๆ บ้าง จึงได้นำมาเล่าต่อ  เอาหล่ะค่ะ มาลองสร้างแบบสอบถามกันดูนะคะ  คราวนี้เราใช้บริการของ google ค่ะ google doc  ก็แหมเราใช้บริการ blogspot ก็ของ google เพราะฉะนั้นลองมาเอา เครื่องมือ google doc ไปสร้างแบบสอบถามกันหน่อยดีกว่า  ขอบอกว่าไม่ยากจ๊ะ ตามมาเลย
1. ให้เพื่อ่น ๆ login เข้า google โดยใช้ google account ก่อนนะคะ หลังจากนั้นไปที่ google doc กันค่ะ ไปที่  สร้างฟอร์ม  
ติดแบบสอบถามให้บล็อก
หลังจาก เข้าไปที่สร้างฟอร์มจะเจอหน้าตาหน้าต่างดังภาพค่ะ  ลองมาสร้างแบบสอบถามกันเลยนะคะ
2 คลิ๊กเลือกเพิ่มรายการ
การสร้างแบบสอบถามในบล็อก
สังเกตที่มนูเพิ่มรายการ  จะเห็นรูปแบบของแบบสอบถาม มีทั้งรูปบบ text ข้อความ,multiple choice ,checkboxes,choose form a list ฯ,ฯ เอาเป็นว่าดิฉันทดลองสร้างเป็น check box  ดีกว่านะคะ
  แบบสอบถามติดบล็อก
หลังจากนั้นเพิ่มคำถามลงไป  สังเกตมีรูป ดินสอ รูปถังขยะ สี่เหลี่ยมซ้อนกันอยู่ด้านข้าง  รูปดินสอ เอาไว้แก้ไข รูปสี่เหลี่ยมซ้อน กัน ไว้ copy ข้อคำถาม ถังขยะเอาไว้ลบข้อคำถามค่ะ
 แบบสอบถามใน blogspot
เอาหล่ะเรียบร้อยดิฉันถามแค่ข้อเดียวนะคะ เอาแค่เป็นตัวอย่างก็พอ ใส่ข้อคำถามเสร็จ คลิ๊ก done อยู่ด้านล่างสุดของข้อคำถาม เสร็จแล้วมาดูรูปแบบ โดยคลิ๊กที่ข้อความ คุณสามารถดูฟอร์มที่เผยแพร่……อยู่ในแถบสีดำด้านล่างสุด  เสร็จแล้วก็จะปรากฏแบบสอบถามที่เราสร้างขึ้นดังรุปค่ะ
สร้างแบบสอบถามในบล็อก
แค่นี้จริง ๆ ค่ะ สร้างแบบสอบถาม แต่ว่าเรามารู้จักเมนูเหล่านี้กันหน่อย เพื่อเพิ่มประสิทธิภาพแบบสอบถามให้มากขึ้น
เพิ่มรายการ  เป็นการเพิ่มข้อคำถาม หรือเพิ่มรูปแบบคำถาม เช่น ข้อแรกเป็นข้อความ ถามชื่อนามสกุล  ข้อถัดไปอาจจะถามเป็น เพศ โดยใช้วิธี check box ก็เป็นได้
ชุดรูปแบบ Plain  เมนูนี้ช่วยสร้างความสวยงามค่ะ  จะมีพื้นหลังแบบสอบถามสวย ๆ จะได้ปรับแต่งให้เหมาะกับบล็อกและข้อคำถามของเราด้วย
ส่งอีเมล์ฟอร์มนี้ ก็คือ ส่ง e-mail จากแบบสอบถามฉบับนี้ค่ะ
ดูการตอบกลับ  คือ หลังจากที่เราเอาแบบสอบถามไปใช้งาน โดยวางในบล็อกหรือในเวบ  หลังจากนั้นมาดูผลการตอบกลับของผู้เข้ามาตอบแบบสอบถามของเรา โดยมีให้ดูแบบตอบกลับ 2 รูปแบบ คือ summary และ spreadsheet  คือแบบค่าโดยรวม และ ส่งค่าไปที่ spreadsheet ซึ่งเราสามารถสร้างสูตรคำนวณได้เพิ่มเติม
ดำเนินการเพิ่ม  มี 2 อย่างคือ Embed  เป็นที่ ๆ เราจะเข้ามา copy code เพื่อเอาไปวางในบล็อกค่ะ ส่วนอีกอันคือ edit confermation คือ เป็นข้อความที่กล่าวขอบคุณหลังจากที่ผู้ตอบแบบสอบถามทำแบบสอบถามเสร็จเรียบร้อย  ตรงนี้เราสามารถเข้าไปแก้ไขได้
เมนูสุดท้าย saved เมนูนี้รู้จักกันดีก็คือการบันทึกเก็บไว้ บางคนถามว่าเก็บไว้ที่ไหน เก็บไว้ที่ google doc นี่หล่ะค่ะ ใน account ของเรา  เราสามารถเข้ามาแก้ไขได้
ขั้นตอนที่ 3 ขั้นตอนสุดท้าย นำ แบบสอบถามที่ได้เอามาใช้งาน โดยไปที่เมนู ดำเนินการเพิ่ม มุมบนสุดคลิ๊กเลือก Embed
สร้างแบบสอบถาม
copy code ที่อยู่ในกรอบมาวางใน gadget html/javascript ในบล็อกค่ะ  แค่นี้เพื่อน ๆ ก็จะมีแบบสอบถามแปะติดไว้ในบล็อกแล้วค่ะ  แต่ชวนเพื่อนเขียนบล็อกขอตัวไม่แปะนะจ๊ะ  หาที่ติดไม่ได้แล้ว   กำลังมอง ๆ หาจะเอาอะไรออกไปบ้าง เริ่มรกแล้วก็โหลดอืดเต็มที่แล้ว วันนี้ bye จ๊ะ


18:15 | 2 comments | Read More

ใช้ social network กระจายทุก comment

Written By Aucharaporn Theemcle on วันเสาร์ที่ 12 มิถุนายน พ.ศ. 2553 | 21:40

วันนี้มาชวนหาวิธีเพิ่ม traffic ด้วยวิธีง่าย ๆ คือ ช่วยกระจาย comment ของผู้เข้าเยี่ยมชม ไปยัง social network ต่าง ๆ เช่น twitter ,facebook,msn ฯลฯ  ถามว่าทำไมเพิ่ม traffic ได้ ก็เพราะว่าคำ comment ที่เข้ามาที่บล็อกค่ะ  บางคนเข้ามาเพื่อมาแปะลิงค์ไว้ที่บล็อก  หากข่าวว่าบล็อกเราช่วยเผยแพร่ comment ได้ ก็เหมือนช่วยเค้าโปรโมทลิงค์  ใคร ๆ ก็อยากมาคอมเม้นต์ ถุกไหมคะ และอีกกรณีคือ คำ comment ช่วยให้เหล่าบรรดาเพื่อน ๆ จาก social อยากเข้ามาดูที่บล็อกเรา แบบนี้ก็ทำให้เพิ่มคนเข้าบล็อกได้เช่นกันค่ะ  แต่ถ้าเกิดว่าบางคนเข้ามาเพื่อก่อกวน ก็ลองใช้วิธีพิจารณาคำ comment ก่อนเผยแพร่ comment ก็ได้  โดย login ไปที่ blogger >แผงควบคุม>การตั้งค่า >ข้อคิดเห็น

แสดงความคิดเห็น

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

เอาหล่ะค่ะ ประเด็นถัดไปมาลองใช้ประโยชน์จากการแสดงความคิดเห็น หรือคำ comment ในการเพิ่ม traffic กันดีกว่า  วิธิการก็คือ ใช้บริการจาก feedburnner  ซึ่งเคยเขียนการใช้บริการไว้แล้ว ใครยังไม่ได้อ่าน ลองย้อนกลับไปอ่านดูนะคะ

ขั้นที่ 1 นำ url  การแสดงความคิดเห็นของบล็อก ซึี่งอยู่ในรูปแบบ

http://ชื่อบล็อก/feeds/comments/default 

ตัวอย่างเช่น http://introdcution-blogger.blogspot.com/feeds/comments/default

นำมา burn กับ feedburner ค่ะ

feed_comment

copy url วางในช่อง ดังรูป คลิ๊ก next

แสดงความคิดเห็น

คลิ๊ก next

feedburner_แสดงความคิดเห็น

เสร็จแล้วค่ะ เราได้ feed สำหรับช่วยกระจาย comment เรียบร้อยแล้ว นี่คือ feed ที่ได้

http://feeds.feedburner.com/blogspot/CcCrz

ขั้นตอนที่ 2 ไปใช้บริการ twitterfeed กัน ใครยังไม่เคยใช้บริการ twitterfeed เข้าไปอ่านก่อนนะคะ

twitterfeed_แสดงความคิดเห็น

นำ feed ที่ได้มา create  new feed

feed_แสดงความคิดเห็น

ใส่ชื่อ feed และ  url หลังจากนั้นคลิ๊ก continue to step 2feed_ความคิดเห็น

step 2 นี้ให้เราเลือก social ค่ะ เช่น twitter ,statusnet,ping fm,hellotext,facebook

โปรโมทบล็อก

เรียบร้อยสำหรับ feed ของชวนเพื่อนเขียนบล็อกโดยดิฉันกระจายทุก comment ของเพื่อน ๆ ไปที่ facebook,hellotext และ twitter ค่ะ โดยทุกครั้งที่มีการแสดงความคิดเห้นหรือ comment twitterfeed ก็จะช่วยส่งข่าวให้ twitter hellotext และ facebook โดยอัตโนมัติค่ะ

seo_แสดงความคิดเห็น

มาดู dash bord หรือกระดานกระจาย feed ของ twitterfeed กันหน่อย  จากรูป comment ล่าสุดไปแล้ว  ที่ชอบอีกอย่างสำหรับ twitterfeed ก็คือ สามารถเช็คสถิติได้ว่า feed ที่เราส่งไปได้รับความนิยมหรือคลิ๊กดูจำนวนเท่าไหร่  ดังในรูปค่ะ 

เอาหล่ะผ่านไปผ่านมาแล้วหล่ะก็อย่าลืมมาเม้นท์นะคะ




21:40 | 5 comments | Read More

show popular post ใน blogspot

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 6 มิถุนายน พ.ศ. 2553 | 06:31

popular post หรือ บทความที่มีคนเข้า comment มากที่สุด เราสามารถนำบทความดังกล่าวมาโชว์ไว้ในบล็อกเราได้   เป็นการเพิ่มทางเลือกให้กับผู้เข้าชมบล็อกทั้งยังสามารถเพิ่ม traffic ได้อีกวิธีหนึ่ง  สำหรับวิธีการนำ popular post มาโชว์ใน blog ใช้วิธีการเพิ่ม gadget html /javascript ค่ะ มาดูวิธีการกันนะคะ

ขั้นตอนแรก ให้เพื่อน ๆ login ที่ blogger ไปที่ การตั้งค่า >รูปแบบ>องค์ประกอบหน้า >เพิ่ม gadget

popular post

เลือกเป็น + html/จาวาสคริปต์

popular_post_blogspot 

หลังจากเลือกเพิ่ม gadget html/javascript

<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=7;
home_page = "
http://introduction-blogger.blogspot.com";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>

ขั้นตอนถัดมาให้ copy code จากด้านบนวางลงใน gadget html/javascript โดยเปลี่ยน ค่าต่าง ๆ เหล่านี้ให้เหมาะกับ blog ของเพื่อน ๆ กันนะคะ

numposts=200; จำนวน 200 หมายถึงตัวอักษรที่แสดง 200 ตัว
maxshowresult=7; จำนวน 7 หมายถึง comment ที่แสดง 7 บทความ
home_page = "
http://introduction-blogger.blogspot.com"; ให้เปลี่ยน url ไปเป็น blog ของเพื่อน ๆ

ลองดูตัวอย่างชวนเพื่อนเขียนบล็อกกันหน่อย


image

หลังจากปรับแต่งค่าต่าง ๆแล้ว บันทึกค่า  หลังจากนั้นไปดูหน้าตาของ popular post ได้ใน blog ของเพื่อน  ๆ ได้แล้วค่ะ

ขอให้สนุกกับการปรับแต่งบล็อกนะคะ 




06:31 | 2 comments | Read More