โชว์บทความที่มีป้ายกำกับเฉพาะหัวข้อบทความ

Written By Aucharaporn Theemcle on วันอังคารที่ 19 กรกฎาคม พ.ศ. 2554 | 18:17

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

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

image

ขั้นตอนของการปรับแต่งเริ่มจาก

1 . login เข้า blogger แล้วไปที่ บล็อกที่ต้องการปรับแต่ง > การออกแบบ> แก้ไข html   ติ๊กเครื่องหมายถูกที่ ช่อง ขยายเทมเพลตวิตเจ็ต ดังรูปด้านบน

2 . คลิ๊ก crtl+f เพื่อค้นหา code

<b:include data='post' name='post'/>

เมื่อเจอแล้วให้ลบโค้ดดังกล่าวทิ้งแล้วแทนที่ด้วย code ในกรอบสี่เหลี่ยมด้านล่างนี้แทน

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<center><a expr:href='data:post.url'>
<b><data:post.title/></b></a></center><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

 

3. กดบันทึกแม่แบบ  แล้วลองเลือกดูการแสดงผลได้เลยค่ะ เรียบร้อยหรือเปล่าคะ ? แล้วเจอกันบทความหน้าค่ะ

 


24 comments:

หมออุเทน กล่าวว่า...

ขอบคุณมากนะครับ

meesubandmeesuk กล่าวว่า...

ยินดีรับใช้นะคะ คุณหมออุเทน :))

budsakorn กล่าวว่า...

สวัสดีค่ะ เพิ่งเข้ามาอ่านเป็นครั้งแรก
อยากทราบว่าถ้าเราต้องการให้ผู้เยี่ยมชมสามารถ Post comment ใน blog ของเราได้ ต้องทำยังไงบ้าง
ขอคำแนะนำด้วยนะคะ
ขอบคุณค่ะ

meesubandmeesuk กล่าวว่า...

คุณ budsakorn คะ ทำไมไม่ลองฝากลิงค์บล็อกให้ดิฉันไปเยี่ยมชมด้วยหล่ะค่ะ คำถามนี้น่าจะหมายถึงบล็อกไม่แสดงกล่องความคิดเห็นหรือเปล่าคะ คุณต้องปรับการตั้งค่า โดย login เข้า blogger เข้าไปที่การตั้งค่า>ข้อคิดเห็น เลือก แสดงความคิดเห็น แล้วบันทึกก็จะมีกล่องความคิดเห็นแสดงแล้วค่ะ ลองดูตัวอย่างจากบทความนี้นะคะ ชวนเพื่อนเขียนบล็อก: เพิ่มกล่อง facebook comment ในเวบบล็อก หากต้องการเพิ่ม ไอคอนแสดงอารณ์น่ารัก ๆ ใน กล่องความคิดเห็น ต้อง บทความนี้ค่ะ เติมไอคอนแสดงอารมณ์ใน comment box |blogspot

Nile กล่าวว่า...

ขยันเมือนกันเนอะ

Nile กล่าวว่า...

อัปโหลด favicon ที่กำหนดเอง มันคือไรครับ
http://www.autongservice2002.co.cc/

MeesubandMeesuk กล่าวว่า...

สวัสดีค่ะคุณ Nile ไม่ใช่ว่าขยันค่ะ ชอบมากกว่า favicon ใช่ไหมคะ ลองดูบทความนี้ ใส่ icon สวย ๆในช่อง urlให้ blogspot | favicon

หมอเทน กล่าวว่า...

ิblog นี้เป็นประโยชน์ต่อสังคมออนไลน์ มากเลยน่ะครับ

ตุลานิรนามTulaniraname กล่าวว่า...

สวัสดีครับ..Read More การหั่นบทความในบล็อกของผมมีปํญหาอีกแล้วhttp://ituknowledge.blogspot.comกรุณาตรวจสอบแก้ไขให้ด้วย ขอขอบคุณมากๆครับ

meesubandmeesuk กล่าวว่า...

คุณ ตุลานิรนามคะ อืม... ดิฉันก็พึ่งสังเกตว่า readmore ใช้ไม่ได้ host ฝากสคริป หมดอายุไปเรียบร้อยแล้ว เปลียน url ฝากไฟล์ javascript จาก
http://www.siam.breavhost เป็น https://sites.google.com/site/meesubandmeesuksite/file-cabinet/readmore.txt ค่ะ

ตุลานิรนามTulaniraname กล่าวว่า...

บิงโก แก้ไขปัญหา Read More เรียบร้อยแล้วครับ ขอบคุณมากๆจริงๆครับ

piriya กล่าวว่า...

โห ขยันจัง

ขอบคุณนะครับ สำหรับความรู้ดีๆครับ

MAYATHAI กล่าวว่า...

รบกวนถามหน่อยนะครับ
โค๊ด เวลา และ วันที่ มันมีปัญหา ครับ
ดูรูป
------------------------------------------------------------------------
รูปที่ 1
http://1.bp.blogspot.com/-pnlLEj-zmMo/TjQFujVqIdI/AAAAAAAAAfo/lgV6ObZV2-o/s1600/Picture1+%2528Small%2529.jpg

------------------------------------------------------------------------

รูปที่ 2
http://4.bp.blogspot.com/-aPp3BWpakEg/TjQF1NYVViI/AAAAAAAAAfs/cAYXdvDJEjs/s1600/Picture2+%2528Small%2529.jpg

------------------------------------------------------------------------
งงกับโค๊ดนี่มานานมากแล้ว ดูจากรูปที่ 1 เป็นรูปของบทความ ตอนแรกมันก็ขึ้นเหมือนหน้าแรก (รูป2) undefined ผมก็ทำเดาๆ ไป ก็ขึ้นมาแต่ก็ไปสมบูรณ์ และหน้าแรกก็ยังเหมือนเดิม

รบกวนด้วยนะครับ ขอบคุณครับ

meesubandmeesuk กล่าวว่า...

ทำไปเรื่อย ๆ เหนื่อยก็พักค่ะ คุณ piriya

meesubandmeesuk กล่าวว่า...

คุณ MAYATHAI คะ ทดลองดูบทความนี้นะคะ อาจจะช่วยแก้ปัญหาคุณได้ เมื่อเวลาในบล็อกเพื้ยน undefined date ใน blog

MAYATHAI กล่าวว่า...

ขอบคุณมากเลยครับ /** แต่ เทมเพลตอันนี้ ปัญหามันเยอะ เลยอัปเดตทำใหม่เปลี่ยนใหม่หมดเลยครับจบ***ผมก็กำลังหาเว็บ(บล็อก)ที่อัปเดตบ่อยๆเกี่ยวเรื่องการแต่งบล็อกอยู่อะครับ(มีการถามตอบระหว่างบทความ แบบนี้แหละครับผมชอบดี)...ที่ผ่านมาต้องมานั่งเดาผิดเดาถูกเลยเสียเวลาไปมาก..พอดีไปเจอบล็อกพี่เข้า...ผมก็ขอฝากเนื้อฝากตัวด้วยนะครับ...ถ้ามีปัญหาอีกเดี๋ยวผมจะมาถามอีก หวังว่าคงไม่ว่ากันนะครับ

Meesubandmeesuk กล่าวว่า...

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

Master FreeDom กล่าวว่า...

แบบนี้สิครับ เคลียร์ ลบโค๊ดเก่าทิ้งแล้วแทนที่ :))

งงมากไอใส่ Meta tag ไม่ค่อยละเอียดใส่ไว้ข้างหลัง หรือไว้บรรทัดถัดไป

หรือทับไปเลย -*- ~x( แอดมินผมแอดเมลล์ไปแล้วนะครับ ^^"

Meesubandmeesuk กล่าวว่า...

ขอบคุณนะคะ Master FreeDom เพราะมีคำติชม การพัฒนาจึงได้เกิดขึ้นค่ะ

pureviteking กล่าวว่า...

ขอบคุณมากเลยครับ กำลังหัดทำ blog อยู่พอดีเลย ^ ^

Pung popu กล่าวว่า...

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

Aucharaporn Theemcle กล่าวว่า...

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

Pung popu กล่าวว่า...

ครับ ขอบคุณมากครับ ใครพอจะแนะนำได้บอกผมทีนะครับ

108 classic กล่าวว่า...

ทำ บอร์ด คอมเม้นน และ เเจ้งเตือนหน้าเเรก แบบ นี้ ยัง ใงคร้าบ ชอบๆๆๆๆ

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