Just Learnt How To Make a Post Summary a.k.a Read More Function

Hmmm, yesterday again, I searched google how to make a post summary, after several keys put, amazingly I found one that a bit understandable. Haha..
A thank for him who wrote it, mr. r. I used his template once before I use this new layout. Why just a thank, you wondered. Ehem, I had said that his writing is a bit understandable, so at last I reread again for more than 5 times and tested for than 10 times…

So, you are eager and curious to know how to do that too, aren’t you? Okay, I will explain in all-way-too-simple.

Oh yeah, I forgot to tell ya. It only works for newer blogger templates and not works on classic templates (what does he mean with classic templates? i don’t have any idea .P)

Follow these step:

Step #1

  • Login to your Blogger account.
  • In your dashboard, click Layout for your blog.
  • Click on the Edit HTML tab.
  • Save your template first, wonder if your hack fails… hha :D
  • Mark the Expand Wizard Templates box. Wait til it reloaded.
  • Now go to your template code. Find this.

<p><data:post.body/></p>

or

<data:post.body/>

  • Delete the codes above, instead put this one.
  • Click save template, Step #1 done.

Step #2

  • Click Setting tab.
  • Click formatting tab.
  • On the lower part of the page, fill the empty box with this code.

<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/>
<a expr:href=’data:post.url’><strong>Read more…</strong></a></p>
</b:if>

  • Click Save settings button.
  • Step #2 done! (:

Now you want to post? Eit, wait a minute. Some info you need.
When you compose or post your article, click on Edit Html tab.
You’ll see this code below:
————————————
<span class=”fullpost”>

</span>
-----------------------------------+

Place the paragraph you want to view on your front page above this code:
------------------------------------
<span class="fullpost">
-----------------------------------+

'n the rest paragraph you want to view by its own page above this code:
------------------------------------
</span>
-----------------------------------+

You can publish your post now. Well done dear... ^^

Or are you still confused? Yeah I know, not every person understand code... haha xP
Okay, it looks like this in your Edit Html tab...

------------------------------------
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. (this will show in front of your blog)
<span class="fullpost">

Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. . (this will show if visitor click read more)
</span>
-----------------------------------+

And it will be looked like this in your front page...
------------------------------------
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. Read more...
-----------------------------------+

Alrite.. You mastered this alrede.. Congratz! Hha..

'n Muahahahah.... Afte' killing several severe errors in several severe hours! This post went okay alrede! Hahahahahah... Soooo happy... :DD
Now, I mastered it already! Kyahahahha *devil laugh mode on* ^w^

This entry was posted in hack. Bookmark the permalink.

Comments are closed.