ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามการแสดงผลของ blogger ครับ  (อ่าน 1250 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
adsene5438
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 3852
ออฟไลน์ ออฟไลน์

กระทู้: 9,763



ดูรายละเอียด เว็บไซต์
« เมื่อ: 04 กันยายน 2009, 23:04:26 »

พอดีเห็นเขาทำ blogger.com กันนะครับ ผมเลยลองทำเป็นล่ำเ็ป็นสันกับเขาบ้าง แต่ผมมีปัญหากับการที่จะให้ บทความแสดงแค่ครึ่งเดียวนั้นทำไงครับ ตั้งค่าตรงไหน อะ หาไม่เจอ สอบถามหน่อยครับ ขอบคุณนะครับ  Smiley Smiley Smiley Smiley
บันทึกการเข้า
wave100
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 1,534



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 04 กันยายน 2009, 23:28:26 »

http://www.thaiseoboard.com/index.php/topic,60581.0.html

สำหรับ Blogger นะครับ คราวที่แล้วมีวิธีการทำแนะนำไปแล้ว ผมก็เข้าไปศึกษา พร้อมกลับเอาไปใช้ ก็ใช้ได้ดีครับ แต่ถ้าเราใส่ code เอง พร้อมทั้งต้องตัดคำเองด้วย วันละ1บทความก็ไม่เป็นไร พอได้อยู่ แล้วถ้าบทความวันละเป็นสิบๆบทความ นี่แย่เลย นั่งงมตาลาย  Tongue ผมยิ่งไม่เก่งกับ Code Javascript ด้วย อีกทั้งบาง Template ก็ทำไม่ได้ ผมก็เอาวิธีนี้มาฝากครับ ดูรูปตัวอย่าง รับรองใช้ได้ทุก Template ครับ ทำครั้งเดียว ไม่ต้องทำซ้ำอีก (ถ้าเปลี่ยน Template ก็ทำใหม่ครับ)


เครื่องมือที่ใช้
1.Template Blogger ที่เราต้องการแก้ไข (แล้วแต่ชอบ) ไม่มีไปที่นี่ http://btemplates.com/
2.โปรแกรม EditPlus 3

วิธีการทำ
1.ขั้นแรก login เข้า Blogger ก่อน เข้าไปแล้วไปที่ Tab แก้ไข HTML>เลือกที่ หัวข้อ ดาวน์โหลดแม่แบบฉบับเต็ม เพื่อดาวน์โหลด Template ที่เราใช้ไปแล้วเอาออกมาแก้ไข (ถ้าจะเอา Template ใหม่ก็ข้ามข้อนี้ไปเลย)
2.จะได้ไฟล์ template-XXXXXXX.xml มา 1 อัน
3.ใช้โปรแกรม EditPlus 3 เปิดเพื่อแก้ไข (ง่ายดีครับ ผมไม่เป็นทางนี้ยังใช้เป็นเลย)
4.ไปที่ Tab Search ใน EditPlus เลือก Find ใส่ ]]></b:skin> ในช่อง Find what แล้วกด ปุ่ม Find
เลย
5.จากนั้น Copy Javascript ดังต่อไปนี้ เอาไปวางต่อคำสั่ง ]]></b:skin> ได้เลยตามรูป


ใส่ code นี้

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.thaivegas.com/lab/f...les/read-moreotomatis.js'/ >


โดยสามารถกำหนดความกว้างและยาวของรูปตัวอย่างในบทความได้โดย ความยาว img_thumb_hieght และความกว้างที่ img_thumb_width

6.จากนั้น search หาคำว่า  <data:post.body/> แล้ววาง Code ทับCode <data:post.body/> อันเก่าได้เลย ด้วย Code Javascript ต่อไปนี้ ดังภาพ

ใส่ code นี้

<b:if cond='data:blog.pageType != &quot;item&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>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


รูปก่อนใส่

รูปหลังใส่ Code ทับ <data:post.body/> อันเก่าได้เลย

หลังทำแล้ว ก็ทดลองใส่ Template Blogger ที่เราแก้ไขแล้วกลับเข้าไปดูครับ (คงไม่ต้องบอกนะว่าใส่ยังไง Lips Sealed) ตามตัวอย่างเว็บนี้ครับ http://playstation3story.blogspot.com/

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

*****รู้แล้วแบ่งบันกันครับ*****
บันทึกการเข้า

adsene5438
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 3852
ออฟไลน์ ออฟไลน์

กระทู้: 9,763



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 04 กันยายน 2009, 23:50:17 »

ขอบคุณครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์