php - HTML5 pagination -


i've been making extremely simple blog page record progress in learning html5 , css3. far, have 2 basic posts. want create limit of 10 posts per page, create new page recent post on top, tumblr blogs i've seen. @ bottom of page have "older posts" , "newer posts" buttons cycle or forwards 10 blog posts.whenever create new post, push 10th post onto previous page. eventually, create blog archive sort posts month. user able @ posts in month on 1 page. i'm new html5 , css3 , willing learn javascript, php, or whatever else take this. help, links appreciated. here have far:

<head>     <meta charset="utf-8">     <title>smithsite:blog</title>     <link rel="stylesheet" type="text/css" href="mycss.css">     <link href='http://fonts.googleapis.com/css?family=share' rel='stylesheet' type='text/css'>     <!–[if lte ie 9]>     <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>     <![endif]–> </head> <body>   <header>     <h1>smithsite</h1>   </header>   <nav>     <div id="menu">     <ul id="menu">       <li><a href="index.html" title="home">home</a></li>       <li><a href="about.html" title="about">about</a></li>       <li><a href="blog.html" title="blog" class="active">blog</a></li>     </ul>     </div>   </nav>     <article>       <header><h2>adventures in html5 (mon mar  5 23:02:05 est 2012)</h2></header>       <p>so far, i've learned little bit html5 , css3. i've been using emacs editor. has strance, efficient keyboard shortcuts. takes little while used to, i'm sure i'll hang of it. far, i've created 3 buttons you'll notice above. next time, i'll try working on how blog span on multiple pages, or try work out how archive it.</p>     </article>     <article>       <header><h2>my first entry (02.24.12)</h2></header>     <p>this contents of article element. can't tell if extend past end of page or not, i'll keep on typing until see result. guess first blog entry. i'm messing around little html , css. hope can make kickass webpage soon. hey look, automatically sets borders based on style tag above! html5 smart!</p>     </article> </body> 

there example of pagination in javascript using jquery here:

jquery pagination plugin


Comments

Popular posts from this blog

delphi - How to convert bitmaps to video? -

jasper reports - Fixed header in Excel using JasperReports -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -