Blogger: แสดงโพสต์ในหน้าแรกเป็นหลายคอลัมน์


การทำให้โพสต์ใน Blogger แสดงเป็นหลายคอลัมน์ในแนวตั้ง (Multi post column) แค่เฉพาะในหน้าแรก
แต่เมื่อมีผู้คลิกเข้าไปอ่านที่บทความจะแสดงเป็นขนาดใหญ่ดังเดิม  ซึ่งสามารถดูตัวอย่างได้จากลิงก์นี้
http://maxlayout-bookcase.blogspot.com/
โดยสามารถทำได้ตามขั้นตอนด้านล่างนี้

อธิบายเพิ่มเติม
แต่หากพบว่าขนาดของบทความที่แก้ไขแล้วตามขั้นตอนที่ 1-3 ยังไม่พอดีกับบล็อกของคุณก็ลองอ่านที่ 'อธิบายเพิ่มเติม' เพื่อให้เข้าใจถึงวิธีปรับขนาดบทความขนาดย่อได้ด้วยตัวเอง


ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'การออกแบบ > แก้ไข HTML'

ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
]]></b:skin>

จากนั้นให้แทนที่โค้ดที่หาเจอนั้นด้วยโค้ดข้างล่างนี้
]]></b:skin>
<!-- multi post column start -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <style>
 .post {
  width: 230px;
  height: 300px;
  margin: 5px 5px;
  background: #ffffff;
  overflow: hidden;
  float:left;
  border:1px solid silver;
  }

 .post-outer,
 .post-inner {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  }

 .post-outer {
  display: inline;
  overflow: hidden;
  }

 .blog-pager {
  width: 100%;
  float: left;
  }

 .date-header  {
  display: none;
  }

 .date-outer,
 .inline-ad {
  display: inline;
  border: none;
  float: left;
  background: transparent;
  margin: 0;
  padding: 0;
 }

 .date-posts {
  overflow: hidden;
  display: inline;
  background: transparent;
  }

 </style>
</b:if>
</b:if>
<!-- multi post column end -->


ขั้นตอนที่ 3. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์


อธิบายเพิ่มเติม
ถ้าหากขนาดของบทความขนาดย่อที่แสดงอยู่มีขนาดเล็กหรือใหญ่เกินไปไม่เหมาะกับบล็อกของคุณก็สามารถแก้ได้ง่าย ๆ โดยสังเกตโค้ดจากขั้นตอนที่ 2 ในบรรทัดที่ 7-9 โดยมีรายละเอียดดังนี้

บรรทัดที่ 7 ที่เขียนว่า width: 230px; คือความกว้างของบทความขนาดย่อซึ่งสามาถเลือกให้เป็นค่าคงที่เช่น 230px ตามตัวอย่าง หรือให้เป็นเปอร์เซ็นต์เช่น 40% ก็ได้ โดยถ้าหากลดตัวเลขให้น้อยลงมากๆ ก็จะมี Column เพิ่มขึ้นมาอีก
บรรทัดที่ 8 ที่เขียนว่า height: 300px; คือความสูงของบทความขนาดย่อ
บรรทัดที่ 9 ที่เขียนว่า margin: 5px 5px; คือระยะห่างของแต่ละบทความขนาดย่อ
บรรทัดที่ 10 ที่เขียนว่า background: #ffffff; คือสีพื้นหลังของบทความขนาดย่อ


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

Post Status




59 ความคิดเห็น:

market4post@hotmail.com กล่าวว่า...

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

ขอบคุณครับ

Max กล่าวว่า...

ถึงคุณ market4post@hotmail.com

ให้สั่งค้นหา
#blog-pager {

จากนั้นให้แทนที่ด้วย
#blog-pager {
width: 100%;

แล้วก็กดบันทึกครับ
โดยผมได้นำการแก้ไขนี้ใส่เพิ่มไว้ในบทความแล้วครับ

market4post@hotmail.com กล่าวว่า...

ขอบคุณคุณ Max นะครับสำหรับความรู้ดีๆ และช่วยตอบคำถามที่ได้ถามไป

หลังจากที่ได้ทำตามคำแนะนำ ตอนนี้สามารถทำได้แล้วครับ

ขอบคุณมากๆเลยนะครับ

PRRealEstates กล่าวว่า...

ผมยังนั่งงงๆอยู่แต่ก็ขอบคุณมากๆนะครับ

PRRealEstates กล่าวว่า...

ผมทำไม่สำเร็จอะครับเลยไม่กล้าเสี่ยงต่อกลัวที่ทำมาจะหายหมด

อยากได้มากๆเลยแบบว่าหน้าแรกหลายคอรัมและย่อ ....

ขอบคุณนะครับ

Max กล่าวว่า...

ถึงคุณ PRRealEstates

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

ส่วนวิธีทำให้บทความทั้งหมดในบล็อกย่อได้เองโดยอัตโนมัติก็ให้ทำตามบทความในลิงก์ข้างล่างนี้ครับ
http://tip.maxlayout.com/2009/11/blogger_8859.html

Cartoon@Home กล่าวว่า...

ขอรบกวนนิดนะครับ ผมลองแล้วทำไมมันโชวแค่ 3 บทความเอง ไม่ได้โชวเหมือนที่ตั้งไว้ 12 บทความ ต้องแก้ไขอย่างไรครับ รบกวนด้วยนะครับ

Max กล่าวว่า...

ถึงคุณ Cartoon@Home ถ้าหากตั้งจำนวนบทความในหน้าหลักที่เมนู
การตั้งค่า > การจัดรูปแบบ > แสดงสูงสุด
ไว้อย่างถูกต้องแล้ว ก็ให้ปรับขนาดบทความย่อตามวิธีในส่วนอธิบายเพิ่มเติมให้พอดีกับขนาดบล็อกครับ

premiumaccount2load กล่าวว่า...

คุณ Max ครับอยากทราบว่าพอจะมีวิธีไหนบ้าง ทำให้หน้าเว็บที่สร้างขึ้นมาใหม่ สามารถเขียนบทความใหม่ได้หลายๆบทความโดยเป็นอิสระจากหน้าแรกไหมครับ รบกวนด้วยนะครับ ขอบคุณครับ

Max กล่าวว่า...

ถึงคุณ premiumaccount2load
ขณะนี้ในส่วนหน้าเว็บอิสระของบล็อกเกอร์นั้นยังไม่สามารถโพสต์บทความหลายๆบทความอันต่อกันได้
แต่ว่าถ้าหากต้องการให้ตัวบล็อกที่ผู้อ่านมองเห็นนั้นมีลักษณะคล้ายกับแบบที่คุณต้องการก็สามาถทำได้ 2 วิธี
(ถ้าไม่ชำนาญการแก้ไขโค้ดบล็อก ก็อย่าลืมดาวน์โหลดเทมเพลทบล็อกที่ใช้อยู่ตอนนี้เก็บสำรองไว้ในเครื่องของคุณเองก่อนนะ)

ขั้นแรกก่อนจะเริ่มทำทั้ง 2 วิธีนี้ได้นั้นต้องทำให้ในบล็อกมีเครื่องมือ 'รายชื่อลิงก์' ที่ทำงานได้เหมือนกับเครื่องมือ 'รายชื่อหน้าเว็บ' ซะก่อนด้วยวิธีในลิงก์นี้
http://tip.maxlayout.com/2010/12/merge-pagelist-status-into-linklist.html
จากนั้นค่อยเลือกวิธีแก้ไขได้ 2 แบบดังนี้

วิธีแบบที่ 1 ง่ายหน่อย
คือทำเหมือนกับปุ่ม 'About' ในแท็บข้างบนของบล็อกนี้
ด้วยการสร้างบล็อกอีกอันหนึ่งเพิ่มขึ้นมา ด้วยโค้ดเทมเพลทหน้าตาเหมือนกัน แล้วเลือกให้ลิงก์ในแท็บชี้ไปยังบล็อกนั้น

วิธีแบบที่ 2 ค่อนข้างยาก
คือทำให้คล้่ายๆ กับปุ่ม 'Workshop' ในแท็บข้างบนนี้
โดยเป็นการให้ปุ่มแท็บชี้ไปยังป้ายกำกับต่างๆ ภายในบล็อก
แต่เปลี่ยนเป็นสั่งให้หน้าแรกของบล็อกเป็นหน้าจอต้อนรับที่ไม่มีบทความแสดงอยู่เลย โดยระบบจะแสดงบทความก็ต่อเมื่อเลือกป้ายกำกับในแท็บแทน ด้วยวิธีตามลิงก์ด้านล่างนี้
http://tip.maxlayout.com/2010/03/show-blogger-widget-on-specific-page.html

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

premiumaccount2load กล่าวว่า...

ขอบคุณคุณ Max มากๆเลยนะครับที่ช่วยตอบคำถาม และ อธิบายเข้าใจง่ายดีครับ ยังไงผมจะนำไปลองปฏิบัติดูนะครับ ขอบคุณอีกครั้งครับ :)

premiumaccount2load กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
premiumaccount2load กล่าวว่า...

คุณ Max ครับผมติดปัญหาตรงวิธีทำแบบที่ 2 ครับ ตาม ตัวอย่างที่ให้มาที่ว่า

ขั้นตอนที่ 1. เข้าสู่บล็อคของคุณจากนั้นไปที่
รูปแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ

ขั้นตอนที่ 2. แล้วให้สังเกตว่าเครื่องมือ (Gadget) จะขึ้นต้นด้วยโค้ดแบบนี้
< b:widget id=
ตัวอย่างเช่น
เครื่องมือ 'ข้อความ' จะขึ้นต้นด้วย
>>>b:widget id='Text1' locked='false' title='your-widget-name' type='Text'>
เครื่องมือ 'ป้ายกำกับ' จะขึ้นต้นด้วย
>>>b:widget id='Label1' locked='false' title='your-widget-name' type='Label'>
เครื่องมือ 'HTML/จาวาสคริปต์' จะขึ้นต้นด้วย
>>>b:widget id='HTML1' locked='false' title='your-widget-name' type='HTML'>
เครื่องมือ 'รายชื่อลิงก์' จะขึ้นต้นด้วย
>>>b:widget id='LinkList1' locked='false' title='your-widget-name' type='LinkList'>

ในแม่แบบของผมมีโค๊ดเหมือนตัวอย่างที่คุณ max ให้มา 2 โค๊ด เองครับ
คือ
1. <b:widget id='Label1'
และ
2. <b:widget id='HTML1'

และที่เหลือจะเป็น 'Feed1','Followers1','Header1','LinkList123' ฯลฯ
อยากทราบว่าขั้นตอนนี้ต้องทำอย่างไรครับ

รบกวนคุณ max ช่วยแนะนำอีกครั้งนะครับ ขอบคุณครับ

Max กล่าวว่า...

ถึงคุณ premiumaccount2load
ส่วนที่เหลือซึ่งได้กล่าวมานั้น ก็สามารถแก้ไขด้วยวิธีเดียวกันตามบทความนั้นได้ครับ

Half Blood Prince กล่าวว่า...

เดี่ยวลองไปทำดูก่อนนะ Happy valentine ครับ

premiumaccount2load กล่าวว่า...

สอบถามนิดนึงนะครับ ผมต้องการเป็นเว็บขายสินค้า โดยให้หน้าแรกแสดงราคาสินค้าใต้ภาพทุกๆภาพ คุณ max พอจะมีวิธีทำไหมครับ

ขอบคุณครับ

Max กล่าวว่า...

ถึงคุณ premiumaccount2load
ในตอนนี้ผมนึกได้ 3 แบบละมั้งครับตามด้านล่างนี้

แบบที่ 1.
วิธีนี้ธรรมดาหน่อยโดยใช้วิธีแทรกการข้าม (Insert jump break) เพื่อปิดเนื้อหาส่วนที่ไม่ต้องการให้เห็นในหน้าแรกตามลิงก์ด้านล่างนี้
http://tip.maxlayout.com/2010/08/blogger-insert-jumb-break.html

แบบที่ 2.
โหลดเทมเพลทฟรี ที่ออกแบบมาไว้สำหรับทำบล็อกขายสินค้ามาใช้เลย
เช่นเทมเพลทตัวอย่างในลิงก์นี้
http://javatemplates.com/2011/blogger-store-v2/view/
ซึ่งสามารถดูวิธีใส่ราคาสินค้าของเทมเพลทข้างบนได้จากลิงก์ด้านล่างนี้ (อยู่ภายในหัวข้อ Create a template post)
http://javatemplates.com/blog/installing-and-customize-blogger-store-v2/

แบบที่ 3.
เขียน CSS สำหรับกำหนดลักษณะของการแสดงราคาไว้ในเทมเพลทบล็อกเพื่อไว้เรียกใช้ขณะเขียนบทความ ซึ่งผลที่ได้ออกมา จะคล้ายกับวิธีในแบบที่ 2

premiumaccount2load กล่าวว่า...

ขอบคุณมากครับคุณ MAX ^^

yimphone กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
yimphone กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
yimphone กล่าวว่า...

มันเป็นแบบนี้... http://yimphone.blogspot.com/b/layout-preview?token=kVxUmjYBAAA.nXuqZ619ou8TaziqgP_qIA.Sk3srlOKr9CfbmlxSMsNlg&blogID=201328803071293109

แก้ไขอย่างไรครับ รบกวนด้วยนะครับ

Max กล่าวว่า...

ถึงคุณ yimphone
ลิงก์ที่ส่งมานั้นเข้าไม่ได้ครับ

admin ideadede กล่าวว่า...

ผมมีเรื่องรบกวนครับ
ผมไม่ทราบไปตั้งค่าอะไรไว้ กล่องคอมเมนท์มันหายไปครับ

Max กล่าวว่า...

ถึงคุณ admin ideadede
ปัญหาอันนั้นเท่าที่ตัวผมเองได้เคยเจอมาจะมีอยู่ 3 กรณีดังนี้ครับ

กรณีที่ 1. บทความอันนั้นถูกตั้งค่าไม่ให้แสดงความคิดเห็น
ถ้าหากว่า "กล่องคอมเมนท์" หายไปจากบทความเพียงบางอันให้ลองเข้าไปที่ส่วน "แก้ไขบทความ" ของบทความอันนั้น แล้วสังเกตเมนู "การตั้งค่าโพสต์" ที่อยู่ทางขวามือโดยเลือกที่
การตั้งค่าโพสต์ > ตัวเลือก(ไอคอนรูปเฟือง) > ความคิดเห็นผู้อ่าน
แล้วตั้งค่าเป็น "อนุญาต" ก็เสร็จแล้วครับ

กรณีที่ 2. ทั้งบล็อกถูกตั้งค่าไม่ให้แสดงความคิดเห็น
ถ้า "กล่องคอมเมนท์" หายไปจากบทความทั้งหมดในบล็อกขั้นแรกต้องดูที่
เมนูจัดการบล็อกของแห่งนั้นในส่วนของ "ตัวเลือกเพิ่มเติม" แล้วเลือกที่
การตั้งค่า(ไอคอนรูปประแจ) > โพสต์และความคิดเห็น > ตำแหน่งความคิดเห็น
แล้วตั้งค่าให้เป็น "ฝัง'" ก็เสร็จแล้วครับ

กรณีที่ 3. โค้ดแม่แบบในส่วนกล่องความคิดเห็นถูกเปลี่ยนแปลง
ถ้าเป็นกรณีนี้คงต้องเข้าไปแก้ไข HTML ของแม่แบบบล็อกอันนั้นครับ

admin ideadede กล่าวว่า...

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

admin ideadede กล่าวว่า...

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

Max กล่าวว่า...

ถึงคุณ admin ideadede
ให้ลองดูวิธีแก้ไขที่ลิงก์นี้ครับ
https://plus.google.com/u/0/108378280786875080944/posts/E2ZUE9bzXV6

admin ideadede กล่าวว่า...

ขอบคุณครับ ผมจะลองแก้ไขดูนะครับ

admin ideadede กล่าวว่า...

คุณMaxครับ
ผมแก้ไขได้เรียบร้อยแล้วครับ ขอบคุณอีกครั้งนะครับ เยี่ยมจริง

chatchai buthem กล่าวว่า...

คือผม อยากทำ คล้ายๆ แบบนี้นะครับ
http://www.digitaltutors.com/training/3ds_max-tutorials

Max กล่าวว่า...

หมายถึงบล็อกที่มีลักษณะแบบนี้หรือเปล่าครับ
http://maxlayout-bookcase.blogspot.com/

ถ้าใช่ละก็ให้ใช้วิธีตามบทความทั้ง 3 อันด้านล่างนี้ซึ่งทำงานร่วมกันได้ครับ
http://tip.maxlayout.com/2012/09/blogger-crop-thumbnail-link-to-post.html
http://tip.maxlayout.com/2012/09/blogger-hide-sidebar-from-some-page.html
http://tip.maxlayout.com/2011/11/blogger-multi-post-column-front-page.html

chatchai buthem กล่าวว่า...

คือผมทำ ตามแบบที่3 แล้วเป็นแบบนี้ครับ
http://upic.me/show/41414589

chatchai buthem กล่าวว่า...

ตอนนี้เลยได้แค่นี้ครับ http://kinganimation3d.blogspot.com/

Max กล่าวว่า...

อาจต้องลองปรับ z-index หรือใช้วิธีนำค่าสีจากบริเวณ Background ที่ซ้อนทับกันไปสั่งค้นหาในโค้ดเพื่อระบุตำแหน่งที่ต้องแก้ไขครับ

nuttawat กล่าวว่า...

ผมก็เป็น

Max กล่าวว่า...

เนื่องจากอาจมีบางคนพบกับปัญหาซ้อนทับกัน เมื่อนำโค้ดไปใช้กับเทมเพลทพื้นฐานบางชนิดซึ่งมีลักษณะคล้ายกับภาพตามลิงก์ที่ถูกส่งมา ดังนั้นตอนนี้ผมได้เขียนโค้ดเพิ่มเติม และนำการแก้ไขนี้ใส่ลงในบทความแล้วครับ

อ๊อด รักจริง กล่าวว่า...

สวัสดีครับคุณ MAX ......

ผมลองทำดูแล้ว มันได้แบบนี้ครับ >> https://lh5.googleusercontent.com/-YQIcOiM5Hig/UVUOQ8YbdCI/AAAAAAAAAec/XxgbRwQ4I58/s902/Untitled.png

ผมอยากได้แบบว่าประมาณนี้หน่ะครับพอจะมีวิธีไหมครับ >> https://lh3.googleusercontent.com/-dK_bDzMSgYw/UVUPhsC9R1I/AAAAAAAAAek/la_N8tRDyh4/s758/Untitled.png (อ้างอิงจากเว็บ http://ezymovie.blogspot.com/)

Max กล่าวว่า...

ถ้าเข้าใจไม่ผิดละก็สิ่งที่คุณต้องการคือ
ให้หน้าแรกหรือในหน้ารายการบทความของบล็อก แสดงเป็นบทความขนาดย่อพร้อมกับภาพตัวอย่าง โดยถ้าผู้ชมคลิกชื่อบทความหรือบนภาพตัวอย่าง ก็จะเป็นการสั่งเปิดเนื้อหาบทความแบบเต็มขึ้นมา ซึ่งจะมีลักษณะเหมือนกับตัวอย่างข้างล่างนี้
http://maxlayout-bookcase.blogspot.com/

สามารถทำได้โดยใช้วิธีของบทความอันนี้ร่วมกับวิธีในลิงก์ข้างล่างนี้ครับ
http://tip.maxlayout.com/2012/09/blogger-crop-thumbnail-link-to-post.html

โดยโค้ดจากทั้ง 2 บทความที่กล่าวมานั้นสามารถทำงานร่วมกันได้
และสามารถปรับขนาดความกว้างและสูงของบทความย่อได้ตามต้องการ ด้วยวิธีในส่วน 'อธิบายเพิ่มเติม' ของบทความครับ

นอกจากนี้เท่าที่ดูจากลิงก์ของภาพแรกดูเหมือนว่า
จะตั้งค่าขนาดตัวอักษรของชื่อบทความเป็นขนาดค่อนข้างใหญ่ ซึ่งสามารถกำหนดให้แสดงเป็นขนาดเล็กแค่เพียงในหน้ารายการบทความแต่พอกดเข้าไปอ่านเนื้อหาบทความแบบเต็มแล้วกลับมาใหญ่เหมือนเดิมก็ได้ครับ โดยเขียนโค้ดกำหนดขนาด font-size ของชื่อบทความเพิ่มลงไปไว้ข้างใต้ <style> ของบทความนี้ได้ตามต้องการเลยครับ

I S'tAeb กล่าวว่า...

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

เช่น อยากให้แสดงหน้าแรกแค่ 4 บทความ แต่หน้าอื่นๆ แสดง 8 บทความครับ

Max กล่าวว่า...

เท่าที่ผมนึกออกก็อาจจะใช้วิธี "ซ่อนบทความทั้งหมดให้มองไม่เห็นในหน้าแรก" แล้วค่อย "สั่งเพิ่ม Recent Post สำหรับใช้แสดงบทความล่าสุด" ที่จะมองเห็นในหน้าแรกเท่านั้นลงไปครับ (อย่าลืมดาวน์โหลดเทมเพลทบล็อกที่ใช้อยู่ตอนนี้เก็บสำรองไว้ในเครื่องของคุณเองก่อนนะ)

ขั้นตอนที่ 1. ใส่ Recent Posts ไว้ข้างบนภายในคอลัมน์เดียวกับตัวเนื้อหาบทความด้วยเครื่องมือแบบใดแบบหนึ่งข่างล่างนี้
http://tip.maxlayout.com/2012/08/blogger-recent-posts-with-thumbnails.html
http://tip.maxlayout.com/2012/01/blogger-recent-posts-using-feed-widget.html
http://tip.maxlayout.com/2012/12/blogger-horizontal-recent-posts-thumbnails.html
http://tip.maxlayout.com/2010/02/blogger-recent-post-with-thumbnails.html

ขั้นตอนที่ 2. สั่งซ่อนบทความทั้งหมดให้มองไม่เห็นในหน้าแรกด้วยวิธีนี้
http://tip.maxlayout.com/2012/02/hide-all-posts-from-blogger-homepage.html

ขั้นตอนที่ 3. สั่งควบคุมการแสดงผล Recent Posts ให้มองเห็นเฉพาะในหน้าแรกเท่านั้นตามวิธีนี้ครับ
http://tip.maxlayout.com/2012/11/targeting-specific-pages-urls-with-conditional-tags.html

I S'tAeb กล่าวว่า...

ขอบคุณมากครับผมจะลองทำดูครับ

S.P. Law Office กล่าวว่า...

สอบถาม ครับ
http://tanaigeorge.blogspot.com/
บล็อกแสดงข้อความหน้าแรก แค่ 2 บทความ ทั้งที่ผมตั้งไว้ 10 อยากทราบว่า กำหนดโค้ดคำสั่งอย่างไรครับ หาโค้ดไม่เจอครับ

Max กล่าวว่า...

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

S.P. Law Office กล่าวว่า...

มีวิธีแก้ไหมครับ ตอนแรก แสดงได้ สามแถวๆละ 3 บทความ ตอนนี้อย่างที่เห็นครับ มีแค่ 2 บทความ แต่ลองปรับให้แสดง 1 บทความดู ก็เหลือ 1 บทความ แต่พอปรับเป็น 4 กลับเหลือ 2 บทความ งง มากครับ หาโค้ด(ปัญหา)ไม่เจอครับ

Max กล่าวว่า...

ปัญหารวนในกรณีนี้ส่วนใหญ่น่าจะเป็นเพราะเนื้อหาบทความครับ
โดยวิธีทดสอบก็คือให้ลองเขียนบทความเพิ่มลงไปในบล็อกอีกสัก 3-4 โพสต์โดยบทความที่เขียนเพิ่มนี้ ในช่่องใส่เนื้อหาให้เขียนข้อความธรรมดาสั้นๆ ลงไปเช่นเขียนคำว่า Hello World โดยเนื้อหานี้ห้ามใส่ลักษณะพิเศษ สี ตาราง โค้ดหรืออักขระใดๆ ทั้งสิ้น

ซึ่งถ้าพบว่าหลังโพสต์ลงไป 3-4 บทความแล้วบล็อกเกอร์กลับมาทำงานปกติก็น่าจะเป็นปัญหาการรวนเพราะเนื้อหาครับ แต่ถ้าไม่หายก็คงเป็นปัญหาอื่น

ซึ่งถ้าปัญหาการรวนเพราะเนื้อหาดังที่กล่าวมาข้างต้นละก็ทางแก้ก็คือ (ถ้าไม่ใช่ก็ไม่ต้องอ่านต่อแล้วครับ)
ต้องลบลักษณะและอักขระในบทความเหล่านั้นทิ้งไปให้กลายเป็นบทความธรรมดาซึ่งต้องระมัดระวังให้ดีเพราะจะทำให้ตาราง และอักขระต่างๆ ที่ตบแต่งไว้หายไปจากโพสต์บทความนั้นๆ จึงควรคัดลอกเนื้อหาไปเก็บสำรองไว้อีกที่หนึ่งก่อน
ซึ่งวิธีลบลักษณะคือ
เข้าไปแก้ไขที่บทความอันใหม่ๆ ที่เพิ่งโพสต์ลงไป (ไม่นับรวมบทความที่ใช้ทดสอบด้านบนนะ) โดยกดปุ่ม "แก้ไข" เนื้อหาแล้วใช้เมาส์กวาดเลือกเนื้อหาทั้งหมดในบทความนั้นๆ จากนั้นก็กดปุ่ม "นำออกการจัดรูปแบบ" (เป็นรูปตัว T ที่มีกากบาทสีแดง) ซึ่งจะทำให้เนื้อหาในบทความนั้นกลายเป็นข้อความปกติครับ โดยถ้าทำแบบนี้สัก 3-4 อันก็น่ากลับมาจะทำงานได้ครับ

S.P. Law Office กล่าวว่า...

ได้แล้วครับ แต่รวน คือว่า ปกติ มี 3 แถว ทำไมเป็นสองแถวอะครับ ขอบคุณมากครับ

Max กล่าวว่า...

น่าจะเป็นเพราะขนาดคอลัมน์ที่แสดงแถวบทความเล็กเกินไปไม่พอใส่ 3 แถว
ดังนั้นถ้าไม่ลด margin หรือ padding ของแต่ละแถวให้ค่าน้อยลง ก็ต้องสั่งขยายคอลัมน์ให้กว้างขึ้นครับ

S.P. Law Office กล่าวว่า...

ได้แล้วครับ ขอบคุณมากครับ

S.P. Law Office กล่าวว่า...

ถ้ามีปัญหากฎหมายต้องการปรึกษา ยินดีให้คำปรึกษานะครับ คุณ Max

S.P. Law Office กล่าวว่า...

ถามอีกนิดครับ ถ้าผมอยากสร้างเว็บบอร๋ดใน บล็อกเกอร์ จะใช้โค้ดแบบไหนดีครับ แนะนำหน่อยครับ ขอบคุณครับ

Max กล่าวว่า...

คงต้องใช้ nabble ละมั้งครับ ซึ่งมีผู้ที่เขียนเกี่ยวกับการติดตั้ง nabble ลงใน blogger อยู่แล้วสามารถค้นหาดูได้ครับ

Cartoon Anime กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
Cartoon Anime กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
Cartoon Anime กล่าวว่า...

คือว่า บทความมันเป็นแบบว่า จำนวนบทความแต่ละบรรทัดมันไม่เท่ากันอ่ะค่ะ ต้องแก้ยังไงหรอ

Cartoon Anime กล่าวว่า...

อยากทราบว่า จะทำยังไงให้ชื่อของบทความมันอยู่ใต้รูปได้ค่ะ???
แล้วก็ขอบคุณด้วยค่ะที่สอนช่วยได้มากแต่มันติดปัญหาด้านบนนิดหน่อย
เว็ปนี้อ่ะค่ะ ช่วยดูให้ทีน่ะค่ะว่าจะแก้ไขได้ยังไงค่ะ
http://cartoonanime56.blogspot.com/

natatida nathaemploy กล่าวว่า...

ขอโทษครับผมปรับยังไงก้โชว์แค่ 2 โพสอะครับ
http://painaipaigan.blogspot.com/
ต้องปรับแต่งตรงไหนเพิ่มเติมไหมครับ
width: 230px;
height: 300px;
ปรับเป็น
width: 30px;
height: 30px; ก็ยังโชว์แค่ 2
โพสและแสดงความคิดเห็นก็ตั้งไว้ 6 แต่ก้ยังไม่ได้ผล รับกวนด้วยครับ

Max กล่าวว่า...

ลักษณะนี้ให้ลองดูคำตอบจากคอมเมนนต์ข้างบนระหว่างวันที่
"26 กันยายน 2557 14:54" จนถึง "29 กันยายน 2557 15:28"
ซึ่งพบปัญหาแบบเดียวกันครับ

Chuchui กล่าวว่า...

สวัสดีครับคุณ MAX
ผมเจอปัญหาว่ารูปในบทความ เวลาแสดงที่หน้าแรกมันใหญ่กว่ากรอบบทความอะครับ
รบกวนขอวิธีปรับรูปให้มันแสดงพอดีกับกรอบบทความในหน้าแรกด้วยครับ

Nut korsi กล่าวว่า...

คุณ Max รบกวนถามหน่อยค่ะตรงหน้าแรกคนกด Like พอย่อขนาดเล็กมั้นอยู่ด้านขวาถ้าอยากให้มั้นอยู่ด้านล่างทำไงค่ะ

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