Previous and Next buttons

3 months ago | Calypso Llewellyn (Member)

Hi there, i'm trying to figure out HOW to get a previous and next button to my web serial. Now, I've tried a number of things. editing the html, which got me partially there but not really. (I ended up with prev/next on very top of page and nowhere else sigh) I tried css, which failed miserably. I also tried looking at the deiting in other web novels that ahve the prev and next functions directly under their text... I could see what had been done, but doing it myself was and is beyond impossible. I have some basic coding experience but this, is, a bit complex for me to try and figure out on my own.

My question is this. is there someone here, willing to teach a newbie what she needs to know in order to make things a little prettier and easier to change pages? Pretty please!? :D Even if I have to manually edit each damn page as I publish them I'd be happy to do that. I just need to LEARN what I need to do first lol.

TIA
Calypso

Read responses...

Responses

  1. Sharkerbob (Member)

    Posted 3 months ago

    Worst comes to worst, you can just put hyperlinks in the chapters themselves at the beginning or end.

    My meager offerings: http://sharkerbob.blogspot.com/
  2. Calypso Llewellyn (Member)

    Posted 3 months ago

    Hyperlinks? Goes google searching. God I have so much to learn!

    Okay google search done, i now know what a hyperlink is...Now I just have to figure out HOW you do a hyperlink! LOL

    I really am the newest of the new to all of this. Can you tell? :D

  3. Moonfeather (Member)

    Posted 3 months ago

    Calypso, are you using the wordpress blog or are you creating your own wordpress site?

  4. Calypso Llewellyn (Member)

    Posted 3 months ago

    it's the blogger website. Honestly, it was the first free blogger site I found. It has an older and newer post tab right under the comments section but I really, really want to take this seriously and make it look nice and accessible. I've always wanted to write, ever since I learned to read, and I figure by publishing it everytime i've a chapter written will help me to stick to it and push past the "I can't write barrier." I just can't entirely wrap my head around the html. I know just enough to be confused :S

  5. mathtans (Member)

    Posted 3 months ago

    If editing the HTML only changed the top of your page, it may simply be that you needed to scroll down past all the text, to the bottom. Meaning, if you got a Prev/Next to appear, it might simply be a matter of moving where you'd placed them. HTML Code works by opening a tag like <something> which affects what comes after until you close it </something> using the same tag with a slash. (Replacing "Something" with "i" there would have italicized the text.) If the tags are not nested properly, sometimes the system tries to interpret, and doesn't do a good job of it. (FYI, there are some rare tags that don't close, like a hard return or "break": [br/] ) I got nothing on CCS.

    I can offer what I do with blogger. I drop a table into the bottom of the chapter. It looks like this:
    <table align="CENTER" border="1" style="height: 27px; width: 500px;"><tbody><tr>
    <td style="text-align: left;">PREVIOUS</td>
    <td style="text-align: center;">[a href="http://WebSiteIndexPage"] INDEX [/a]</td>
    <td style="text-align: right;">NEXT</td>
    </tr></tbody></table>

    The table dimensions are in pixels. TR (table range) is cells down (rows) while TD (table domain) runs across (columns) - yay for math terms. The A HREF is an Anchor reference, aka a Hyperlink, which I've hard coded to an index page, and for me is the same each time. (*NOTE: It should have the same style brackets, but the forum was smart enough to literally change that code into a dummy link, so I modified it to use [], so you can see it.) You'd use that same "A" code to link the PREVIOUS and NEXT parts of the table to the webpages where those chapters are. In Blogger that can be done by simply highlighting the words (outside of HTML), clicking the "link" button, and entering (pasting) the website.

    If anyone knows a better way, feel free to chime in. It's not much of a pain for me, dropping it in each time (particularly with the Index page pre-coded in), but if there's more efficient methods, probably better that Calypso learn those first. :)

    Writing a Time Travel serial: http://mathtans.wordpress.com
    Writer of the personification of math serial: http://www.mathtans.ca
  6. Chrysalis (Member)

    Posted 3 months ago

    This topic comes up every year or so. Back when I asked, Chris explained how, here: http://forums.webfictionguide.com/topic/requesting-wordpress-help/page/2

    Hope this helps ;)

    Anathema, a web serial about the effect superpowers would have on our world. http://anathemaserial.wordpress.com/
  7. Dary (Member)

    Posted 3 months ago

    Previously, I used something like this, and just copy/pasted on each new page. It helps if you file everything neatly, say "/story/page-1" or "/story/chapter-1/page-1", so you only have to change numbers. (I'm using square brackets because the code tag was turning the mock links into actual links, for some reason)
    [div class="story-nav"]
    [a class="prev" href="url"]Previous[/a]
    [a class="next" href="url"]Next[/a]
    [/div]

    (These days I call a template with links that automatically go to the previous/next page in the sequence (plus a variation that replaces the 'next' link with a 'to be continued'.)

  8. ChrysKelly (Member)

    Posted 3 months ago

    I use hyperlinks in my text. It's really the easiest way. With Wordpress you highlight the word and click the right button to make it a link. Blogger probably has something similar.

  9. Walter (Member)

    Posted 3 months ago

    I use the default Wordpress Next/Previous buttons that came in my template. But I also have a 'Chapters' page with links to every one, so each time I upload a new entry I have to go to the chapters page and put the link there.

Reply

You must log in to post.