Tuesday, July 7, 2009

Layout change.

Actually, I still like my previous layout, but since I have nothing to do then I'll do something about it, for the sake of "Having something to do" :P. Also, a bit of tutorial on how to make the "continue reading" section on blogspot.







This change mainly revolves around new themes, and also using this "Continue Reading..." things, here's how to do it.

1. Enter your blogger accounts.
2. Go to the Dashboard, from there, go to the Layout tabs - > Edit HTML
3. Expand Widget Templates (just tick the button with corresponding names)
4. Find this line of codes in your template HTML:

     <data:post.body/>

5. As you might guessed, this is the content of your post, now we want to modify this so that only a paragraph (or I dunno how many amount of contents you prefer) is being shown on the outside.
For the sake of easiness, just replace that line with

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/> </p>
    <p><a expr:href='data:post.url'><b>Continue Reading...</b></a></p>
    </b:if>


6. Done? Now save your template.
7. Go to the Settings tab -> Formatting, there you will find something like textbox labeled "Post template" in the lower section.
8. Write these following codes there.

    <span class="fullpost">
    </span>

9. Save it.....

10 Ok, It's done, now what left is about how to use this code. Simply place the first paragraph above the <span class="fullpost"> (this should be automatically there if you're following section numer 7-9, else write it yourself) and the rest of contents below that line and above </span>;

Why I'm using it? well, the most obvious reason is because I used a lot of picture (and I'm also aware that there are many ppl who don't have decent Internet speed to load all the picture while trying to browse specific contents). The other reason is... you know, simplicity, no one wants to scroll the sea of text or pics to view what's posted here.

That's about it, and as you can see, I'm not done with Layouting yet (This themes only serves as placeholder), Well, yeah, I guess now It's photoshopping time......

1 comments:

Administrator Frelia said...

Nice tips. Then how about Make Hymmnos font?
Frelia, the Anak SD.

Post a Comment