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

หั่นบทความให้สั้นลงด้วย readmore|blogspot

Written By Aucharaporn Theemcle on วันจันทร์ที่ 31 พฤษภาคม พ.ศ. 2553 | 06:07

สังเกตดูบทความที่ตัวเองเขียน รู้สึกว่ามันยาวไป อยากให้หน้า home หรือหน้าแรกสั้นลงหน่อย  แล้วเพิ่มจำนวนบทความไปหลาย ๆ บทความ หน้าแรกเป็นเพียงแต่ไตเติ้ลเล็กน้อย หากผู้อ่านอยากอ่านเพิ่มค่อยคลิ๊กเข้าไปอ่านต่อ  เมื่อผู้อ่านคลิ๊กอ่านต่อหรือ readmore ทำให้เพิ่มจำนวน pageview ได้ด้วย   ค้นหาเรื่องนี้มานานพอสมควร  ไปเจอโดนใจเอาที่ trick ทำ readmore แบบอัตโนมัติ จากเวบ hackublog เพราะขี้เกียจมานั่งทำทีละบทความ  วันนี้เลยเอามาแบ่งปันเพื่อน ๆ ที่ชอบเขียนบล็อกเหมือนกันค่ะ  การทำ readmore หรืออ่านต่อไปด้วยวิธีการแก้ไข html
1. login ไปที่  Blogger เข้าไปที่  >ไปที่แผงควบคุม > รูปแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ

readmore_blogspot

2.คลิ๊ก crtl+f เพื่อค้นหา code </head> เมื่อเจอให้วาง code ให้แทนที่ code ด้านล่างนี้แทน<head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

หากเป็นบล็อกชวนเพื่อนเขียนบล็อกก็จะมีหน้าตาแบบนี้ค่ะ 

ชวนเพื่อนเขียนบล็อก

code  นี้ปรับแต่งค่าได้ให้เหมาะกับบล็อกและความต้องการของผู้เขียนค่ะ
summary_noimg = 500; คือจำนวนอักษรที่แสดง readmore ในกรณีที่บทความนั้นไม่มีรูปประกอบ เลย
summary_img = 400;     คือจำนวนอักษรที่แสดง readmore ในกรณีที่บทความนั้นมีรูปประกอบ
img_thumb_height = 100;คือความสูงรูปตัวอย่างที่แสดง
img_thumb_width = 100; ความกว้าง รูปตัวอย่างที่แสดง
3. ต่อไปคลิ๊ก crtl+f ค้นหา code
<data:post.body/> เมื่อหาเจอให้แทนที่ code ดังกล่าวด้วย code ด้านล่างนี้

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read More … </b></a></span>
</b:if>
</b:if>

 

4. เสร็จแล้วจ๊ะ คลิ๊กปุ่มบันทึกแม่แบบแล้วดูบล็อกได้เลย คำว่า Read More.. จะเปลี่ยนเป็นตัวอื่นได้นะคะ เช่น อ่านต่อ ต่อจากนั้นใครอยากให้หน้าแรกแสดงหลายบทความหน่อยก็มาที่ การตั้งค่า >การจัดรูปแบบ
readmore_blog
เปลี่ยนการแสดงหน้าสูงสุด ตามชอบใจจ๊ะ อยากให้แสดงกี่บทความ เอาหล่ะไปลองดูบล็อกของเรากันหน่อยดีกว่า ปรับแต่งแล้วชอบใจกันไหมคะ  วันนี้ bye จ๊ะ
ขอบคุณข้อมูลจาก Automatic readmore ค่ะ

06:07 | 62 comments | Read More

ซ่อนแถบนำทางใน blogspot|navbar

Written By Aucharaporn Theemcle on วันเสาร์ที่ 22 พฤษภาคม พ.ศ. 2553 | 00:48

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

ซ่อนแถบนำทาง
login เข้าที่ blogger  หลังจากนั้นเลือกรุปแบบ > แก้ไข html ดังรูปค่ะ  หลังจากนั้น copy code
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
วางไว้หลังเครดิต  ผู้ออกแบบบล็อก
ซ่อนแถบนำทาง
นำ code ที่ได้วางดังภาพ  หลังจากนั้นบันทึกรูปแบบ  เสร็จแล้วก็ไปดูบล็อกได้เลยค่ะ ว่า แถบนำทางหรือ navbar หายไปหรือยัง   
ไม่ยากใช่ไหมคะ  เจอกันใหม่บทความหน้าจ๊ะ



00:48 | 6 comments | Read More

เช็คสถิติแบบ real time กับ stat counter

Written By Aucharaporn Theemcle on วันพุธที่ 19 พฤษภาคม พ.ศ. 2553 | 21:43

บางคนอาจจะบอกว่า มี google analytic สำหรับวิเคราะห์หรือดูสถิติบล็อกอย่างเดียว ก็น่าจะพอ   แต่นี่คือทางเลือกใหม่ สำหรับใครบางคนที่อยากจะลองเปลี่ยนค่ะ  แต่สำหรับดิฉันเอง ใช้ทั้ง 2 อย่าง แต่ที่เช็คบ่อยที่สุดก็ที่นี่ค่ะ stat counter เพราะสามารถเช็คได้ทันที เมื่อมีการเปิดหน้าเพจก็สามารถเช็คได้ทันทีแบบ realtime ค่ะ แถมเมนูต่าง ๆ ก็ง่ายสำหรับการวิเคราะห์ค่ะ บ่อยครั้งที่มักจะเปิดดุสถิติที่นี่ เพื่อดูว่า เพื่อนที่เข้ามาดูบล็อกมาจากที่ไหนกันบ้าง เพราะอยากรู้ว่าไป submit bookmark ที่ไหนได้ผลบ้าง ตอนที่เขียนบทความใหม่ ๆ จะได้ไป submit ที่นั่นอีก  บางครั้งก็อยากรู้ว่าหน้าที่มีการเปิดดูบ่อยที่สุดคือหน้าไหน  อยากรู้ไหมว่าชวนเพื่อนเขียนบล็อกหน้าไหนที่คนเข้าดูบ่อยที่สุด  บ่อยที่สุดคือ หน้า profile ค่ะ  ดิฉันเองจึงได้เรียนรู้อะไรเทคนิคการเขียนบล็อกอีกอย่างที่สำคัญคือ ห้ามลืม profile เด็ดขาด บริการนี้ใช้งานฟรี ยกเว้นว่าบล็อกของเพื่อน ๆ มีการเยี่ยมชมมากกว่า 500  ต่อวันหล่ะก็ต้องจ่ายตังค์ แต่ถ้ามีคนเข้าเยี่ยมชมหรือไม่ถึงก็ฟรีตลอดการใช้งานจ๊ะ

 preview_stat_counter

ยังมีฟังก์ชั่นการทำงานอีกเยอะที่เอาไว้ใช้ปรับแต่งบล็อกของเราค่ะ  ว่าแต่ลองไปใช้บริการกันหน่อยดีไหมคะ ไปที่เวบ stat counter

statcounter_blogspot

คลิ๊ก register ค่ะ

stat_counter_blogspot

ใส่ username  e-mail และรายละเอียดต่าง ๆ ดังภาพให้ครบ หลังจากนั้น คลิ๊กเลือก i accept the terms and conditions  แล้วต่อด้วย register my account ค่ะ

register_stat_counter_blogspot   หากสมัครกับ stat counter ผ่าน ก็จะปรากข้อความ congratulation ดังรูป หลังจากนั้น มานำบล็อกเราเข้าใช้งานกับ stat counter ด้วยการคลิ๊ก add a statcounter project

stat_counter_register

กรอกรายละเอียดบล็อกดังภาพค่ะ

 installcode_stat_counter_blogspot ต่อไปก็เอา code มาติดที่บล็อก คลิ๊กที่ configure & install code

stat_counter_blogspot3

เลือกการแสดงผลค่ะ  ดิฉันเลือกเป็นข้อแรกที่ให้เป็นจำนวนตัวเลขในการนับ หลังจากนั้นคลิ๊ก next

 pageload_stat_counter_blogspot

  จะให้โชว์แบบเฉพาะจำนวนผู้ชมบล็อก(unique visit ) หรือจำนวนหน้าที่มีการเปิด (pageloads) คลิ๊กเลือกหลังจากนั้น next

stat_counter_pageload

จะให้การแสดงผลเป็นรูปภาพ (counter image) หรือจะแสดงเป็นตัวอักษร (text counter) เลือกตามชอบใจหลังจากนั้นคลิ๊ก next

 stat_countr_format_blogspot

มาปรับแต่งรูปแบบค่ะ จะให้สีไหน แสดงรูปแบบอย่างไร เลือกให้เหมาะกับบล็อกของเพื่อน ๆ กันเองนะคะ หลังจากนั้น next

stat_counter_blogspot_format จะนำไปใช้กับเวบเพจ หรือ บล็อก ให้เลือกเป็น blogger /blogspot ค่ะ หลังจากนั้นคลิ๊ก next

recive_code_stat_counter

ขั้นตอนสุดท้ายกับการ  copy code ที่ในกรอบไปวางใน gadget html/javascript ค่ะ  ติดตั้งแล้วก็ลองดูการแสดงผล ดูนะคะ หากเราต้องการเข้ามาดูรายละเอียดแต่ละเมนุ ก็สามารถ login เข้า stat counter เพื่อวิเคราะห์สถิติผู้เยี่ยมชมบล็อกค่ะ




21:43 | 0 comments | Read More

สถิติสมาชิกรับข่าวสาร| feed count

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 2 พฤษภาคม พ.ศ. 2553 | 09:01

เพราะว่าเรื่่อง feed ยังไม่จบค่ะ ต้องเล่าต่ออีกหน่อย  feed count เรื่อง feed reader ที่เคยชวนเพื่อนเอามาแปะบล็อกไม่ว่าจะเป็น e-mail subscribe หรือว่า feed iconfeed icon เหมือนในรูป แต่ว่าไม่ได้บอกว่า เราจะเช็คจำนวน สมาชิกที่อ่านบทความเราได้หรือเปล่า  มีวิธีการตรวจสอบนะคะ ว่า จำนวน สมาชิกที่อ่านบทความของเรามีจำนวนเท่าไหร่ เค้าเรียกว่า feed count จ๊ะ  feed readerนี่ไง เคยเห็นรูปนี้ไหมคะ มักจะมีตามเวบหรือไม่ก็บล็อกเป็นการแสดงถึงจำนวนผู้เป็นสมาชิกรับข่าวสารทาง feed อืมแล้วใช้ไง…เพื่อน ๆ ก็สมัครเข้าใช้บริการกับ feedburner ก่อนนะคะ หลังจากนำ e-mail subscriptions หรือ นำ feed icon ไปแปะไว้ที่บล็อกเสร็จแล้ว เราก็มา สร้าง feed count กันค่ะ

feed_blogspot

เมื่อเราสมัครใช้บริการกับ feedburner เสร็จแล้ว login เข้ามาก็จะมี feedtitle  และ subscribers ดังรูปค่ะ  feed tiltle คือชื่อบล็อกของเราทีตั้งไว้ตั้งแต่สมัครเข้าใช้บริการ feedburner ครั้งแรก subscribers คือ จำนวนสมาชิกที่รับ feed จากบล็อกของเราค่ะ เข้าไปดูรายละเอียดกันหน่อย ดับเบิ้ลคลิ๊กไปที่ feedtitle ที่เราอยากเข้าไปดูรายละเอียดค่ะ

feed_count_blog

ดูที่ เมนู analyze ค่ะ นี่คือรายละเอียดทั้งหมดของ feed ชวนเพื่อนเขียนบล็อกค่ะ  จำนวนคนคลิ๊ก มาจากที่ไหนบ้าง  รายละเอียดปลีกย่อยลองเข้าไปศึกษาดูนะคะ เอาไว้ปรับปรุงบล็อกของเรากันค่ะ  แต่ว่าวันนี้มาแนะนำการนำ feed count มาติดไว้ที่บล็อกของเราค่ะ เช็คเรตติ้งบล็อกผ่าน feed ก็ได้นะ ไม่ต้อง login เข้ามาที่ feedburner บ่อย ๆ ก็ได้

feed_count_blogspot

เมื่อ login มาที่ feedburner เสร็จแล้วไปมาที่เมนู publicize ค่ะ เลือก feedcount

feed_blog_add_widget

 

เอาหล่ะที่นี้จะเลือก widget  หน้าตาสีสันแบบไหนเราต้องปรับแต่งให้เข้ากับบล็อกเอาเองค่ะ เริ่มต้นจาก เลือก widget เป็น  blogger เลือก รูปแบบ chicklet style  ปรับแต่งสี  บันทึกผล เสร็จแล้วก็ copy code html ที่ได้ไปวางใน gadget html/javascript  หรือจะเลือก เพิ่มองค์ประกอบในหน้าบล็อกเลยก็ได้จากการ คลิ๊ก go ตรงเลือก widget เป็น blogger แค่เนี้ยเราก็จะได้มี feedcount แปะหน้าบล็อกเหมือนเวบหรือบล็อกอื่น ๆ แล้วหล่ะค่ะ แต่ว่า …มีคนจำนวนคนอ่าน feed น้อยไปนิด ก็หาข้อมูลจาก feed analyze และ googel analytic มาวิเคราะห์เพื่อปรับปรุงบล็อกแล้วก็โปรโมทบล็อก  กันเองเองนะจ๊ะ 

 

 




09:01 | 2 comments | Read More