หัวข้อ: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: artit ที่ 24 กรกฎาคม 2009, 17:48:33
ปกติ blogspot จะเอาบทความที่เราโพสใหม่ขึ้นมาแทน อันแรกๆที่เราโพสไว้ แต่เราต้องการ ให้มันเรียงเพิ่มลงไป จะทำได้ไหมครับ คือ เอาบทความแรกที่โพสขึ้นก่อน แล้วบทความที่โพสเพิ่มก็ให้ต่อท้ายเพิ่มเข้าไป ข้างล่างอะครับ
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: wkrichy ที่ 24 กรกฎาคม 2009, 18:00:15
ไปที่ รูปแบบ > องค์ประกอบของหน้า > ตรง gadget เลือก คลังบทความของบล๊อก > ในคลังบทความของบล๊อกให้เลือก "แสดงบทความเก่าที่สุดก่อน" > กดบันทึก
คิดว่าประมาณนี้นะคะ ผิดถูกยังไงรอเซียนท่านอื่นๆนะคะ
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: 2bwin ที่ 24 กรกฎาคม 2009, 18:07:25
ตามข้างบนครับ
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: artit ที่ 24 กรกฎาคม 2009, 18:11:36
คือตามที่บอกมามัน แก้ไขให้แค่ต้อง คลังบทความอะครับ แต่บทความเปิดมาหน้าแรกก็ยังเอา บทความให้ขึ้นก่อนอยู่ดีครับ ผมไม่แน่ใจว่าเราแก้ไขตรงโค๊ตได้ไหมครับ <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> <META content='2000673b6930cb72' name='y_key'/> <meta content='vbYCq9MmuuA52+apui2HG28tOq8762jnAqt6r9TBOD4=' name='verify-v1'/> <meta content='D1C383CC47277189161A56742348B611' name='msvalidate.01'/> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*
----------------------------------------------- Blogger Template Style Name: Harbor Designer: Douglas Bowman URL: [url=http://www.stopdesign.com]www.stopdesign.com[/url] Date: 24 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <Variable name="titlecolor" description="Blog Title Color" type="color" default="#678" value="#000000"> <Variable name="posttitlecolor" description="Post Title Color" type="color" default="#368" value="#336688"> <Variable name="sidebarheader" description="Sidebar Title Color" type="color" default="#933" value="#993333"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#933" value="#993333">
<Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 270% Georgia, Serif" value="normal normal 270% Georgia, Serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 75% Georgia, Serif" value="normal normal 75% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif"> <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */
body { background:#fff url("http://www1.blogblog.com/harbor/rocks_$startSide.jpg") no-repeat $endSide bottom; background-attachment:fixed; margin:0; padding:0; font:x-small Georgia, Serif; color:$textcolor; font-size/* */:/**/small; font-size: /**/small; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ body {background-attachment:scroll;} /* End IE5-Mac hack */
a:link { color:$posttitlecolor; text-decoration:none; } a:visited { color:#764; text-decoration:none; } a:hover { color:$sidebarheader; text-decoration:underline; } a img { border-width:0; }
/* Page Structure ----------------------------------------------- */ #wrap { background:url("http://www2.blogblog.com/harbor/sky_$startSide.jpg") repeat-x; min-width:740px; margin:0; padding:0; text-align:$startSide; font: $bodyfont; } #wrap2 { background:url("http://www.blogblog.com/harbor/lighthouse_$startSide.jpg") no-repeat $startSide 0px; } #wrap3 { background:url("http://www1.blogblog.com/harbor/cloud_$startSide.jpg") no-repeat $endSide 75px; } #wrap4 { background:url("http://www1.blogblog.com/harbor/center_cloud_$startSide.jpg") no-repeat 50% 0px; padding:15px; width:100%; width/* */:/**/auto; width: /**/auto; } #outer-wrapper { max-width:890px; padding: 0 30px 50px; width:100%; width/* */:/**/auto; width: /**/auto; } html>body #outer-wrapper { border:3px double #fff; } #main-wrapper { width:64%; float:$endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { margin:0; padding:0; } #sidebar-wrapper { width:32%; float:$startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { margin:0; padding-top: 170px; }
/** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #sidebar, body#layout #wrap4, body#layout #header { margin-top: 0; margin-bottom: 0; padding: 0; }
body#layout #sidebar-wrapper { width: 180px; margin-$startSide: 0; }
body#layout #wrap4, body#layout #outer-wrapper { width: 650px; }
/* Header ----------------------------------------------- */ #header { padding-top:15px; padding-$endSide:0; padding-bottom:10px; padding-$startSide:110px; position: relative; }
.Header h1 { margin:0 0 .25em; color:$titlecolor; font: $pagetitlefont; }
.Header h1 a { color:$titlecolor; text-decoration:none; }
.Header .description { margin:0; max-width:700px; line-height:1.8em; text-transform:uppercase; letter-spacing:.2em; color:$titlecolor; font: $blogDescriptionFont; }
/* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; line-height: 1.4em; font: $headerfont; text-transform:uppercase; letter-spacing:.2em; color:$sidebarheader; }
/* Posts ----------------------------------------------- */ h2.date-header { margin:2em 0 .5em; color: $dateHeaderColor; font: $dateHeaderFont; } .post { margin:.5em 0 1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; } .post h3 a, .post h3 strong { background:url("http://www1.blogblog.com/harbor/icon_lighthouse.gif") no-repeat $startSide .15em; display:block; padding-$startSide:20px; text-decoration:none; color:$posttitlecolor; font-weight:normal; } .post h3 strong { background-image:url("http://www2.blogblog.com/harbor/icon_lighthouse2.gif"); color:#000; } .post h3 a:hover { color:$sidebarheader; } .post-body { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; padding-top:12px; margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { color:#999; text-transform:uppercase; letter-spacing:.1em; font-size: 78%; line-height: 1.4em; } .comment-link { margin-$startSide:.4em; }
.post-footer .post-timestamp, .post-footer .post-author { color:#666; } .comment-link strong { font-size:130%; } .comment-link { margin-$startSide:.4em; } .post img { padding:4px; border:1px solid #cde; }
/* Comments ----------------------------------------------- */ #comments { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; padding:15px 0 0; } #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.2em; color: $dateHeaderColor; font: bold 78% Georgia Serif; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.4em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 20px 0; } #comments-block dd.comment-timestamp { margin:-.25em 20px 1.5em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; }
.feed-links { clear: both; line-height: 2.5em; }
#blog-pager-newer-link { float: $startSide; }
#blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; }
.comment-footer { font: 78%/1.4em Georgia , Serif; }
/* Sidebar Content ----------------------------------------------- */
.sidebar .widget, .main .widget { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom; margin:0 0 15px; padding:0 0 15px; }
.main .Blog { background-image: none; }
.sidebar ul { list-style:none; margin-$startSide: 0; }
.sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar p { color:#666; line-height:1.5em; }
/* Profile ----------------------------------------------- */ .profile-datablock { margin:.5em 0 .5em; } .profile-data { margin:0; font: $headerfont; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; }
.profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid #cde; }
.profile-textblock { margin:.5em 0 .5em; } .profile-link { font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; }
/* Footer ----------------------------------------------- */ #footer-wrapper { clear:both; padding-top:15px; padding-$endSide:30px; padding-bottom:0; padding-$startSide:50px; text-align: center; }
#footer .widget { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top; margin:0; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; } ]]></b:skin> </head> <body> <div id='wrap'><div id='wrap2'><div id='wrap3'><div id='wrap4'> <div id='outer-wrapper'>
<b:section class='header' id='header' maxwidgets='1'> <b:widget id='Header1' locked='true' title='My Robot On Transformers Movie 2 Revenge of the Fallen (Header)' type='Header'/> </b:section>
<div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div>
<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div>
<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='AdSense1' locked='false' title='' type='AdSense'/> <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div>
<div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='AdSense2' locked='false' title='' type='AdSense'/> </b:section> </div>
</div> </div></div></div></div> </body> </html>
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: artit ที่ 24 กรกฎาคม 2009, 19:08:06
มีใครพอจะช่วยเหลือได้มั่งไหมครับ
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: GhostWebmaster ที่ 24 กรกฎาคม 2009, 19:15:36
ปกติ blogspot จะเอาบทความที่เราโพสใหม่ขึ้นมาแทน อันแรกๆที่เราโพสไว้ แต่เราต้องการ ให้มันเรียงเพิ่มลงไป จะทำได้ไหมครับ คือ เอาบทความแรกที่โพสขึ้นก่อน แล้วบทความที่โพสเพิ่มก็ให้ต่อท้ายเพิ่มเข้าไป ข้างล่างอะครับ
เป็นข้อจํากัดของบล็อกที่ไม่สามารถทําได้นะครับ วิธีเเก้.. 1. ต้องวางเเผนตั้งเเต่เริ่มต้น อันที่ต้องการให้อยู่อันดับเเรก ต้องทําสุดท้าย 2. สร้าง html เองเเทนทั้งหน้า
หัวข้อ: Re: อยากให้บทความเรียงตามที่เราต้องการใน blogspot ทำยังไง
เริ่มหัวข้อโดย: wave100 ที่ 24 กรกฎาคม 2009, 19:55:28
แก้วันที่กับเวลาเลยครับ
|