How to Create Read More in Blogger Blogspot

Posted on August 17, 2005 



1. After login to your blogger.com dasboard, click Layout -> Edit HTML -> check the “expand widget template” menu. See Picture 1.

2. Put the following code precisely above  code </head> (See Picture 2)


<style> <b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. Search for this code:

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

and put the following code after or below it (see Picture 3):


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Click Save.

5. Click Settings -> Formatting, scroll down to the bottom of the page put the following code at the vacant space beside “Post Template”:


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

6. Click “Save Settings”. Done.

How to Post

1. Whenever you want to write an article, make sure you click the “Edit HTML”, not the “Compose”. You will see in the posting box this following code


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

2. Put the paragraph you want to show in the frontpage above the code. And put the rest of the entry / article between

<span class="fullpost"> </span> Picture 1:

cara buat read more gambar 1

Picture 2:

cara buat read more gambar 2

Picture 3:

cara buat read more gambar 3

Wish you luck!


Filed Under Blogger Indonesia   Tags: blogger tutorial, blogspot tutorial, how to, read more, read the rest of this entry


Subscribe Blogger Indonesia by Email through Feedburner or Feedblitz newsletter!!







Comments










RSS feed | Trackback URI

What Do You Think?

20 Comments »

Comment by pmbpedan
2008-12-17 03:35:19

Yes, that’s all i want … farewell, bro

 
Comment by firman
2009-01-14 04:37:34

kok di blog saya ga bisa ya mas???
saya ga menemukan script “”
gmn solusinya mas?

 
Comment by firman
2009-01-14 04:43:07

kok di blog saya ga bisa ya mas???
saya ga menemukan script

“”
gmn solusinya mas?

 
Comment by hermanweb
2009-05-20 07:18:17

thanks for the tips :)

 
Comment by Hanif
2009-06-01 12:08:09

Udah dicoba tapi ada pesan error.Gmna ya?

#mgkn ada kode yg kurang pas. coba ulang lagi

 
Comment by nggame
2009-06-26 01:56:28

awalnya saya kesulitan, karena aku cari-cari tag yang dimaksud kok nggak ada. Ternyta belum di centang : “expand widget template”. Makasih pak

 
Comment by khalib
2009-07-19 04:18:01

salam…

kalau blog saya gimana ya….mas kalau mahu letak menu gimana ya..

 
Comment by akhlis
2009-09-01 08:43:01

It’s kind of challenging to experiment with these lines of codes..I read someone couldn’t access his dashboard or even view his blog just because he edited the HTML and template… so scary!

 
Comment by weblog pendidikan
2009-10-07 06:05:36

makasih pak tutorialnya

 
Comment by peduli aids
2009-11-27 01:54:59

its good ..thanks

 
Comment by Nirwan
2009-12-10 05:04:24

kog gak bisa ya mas????

 
Comment by stockist
2009-12-11 05:35:41

Thanks ;)

 
Comment by Rock
2010-02-05 05:51:56

Saya coba dulu mas, di blog saya belum saya pasang read more…

 
Comment by LL
2010-02-05 05:52:35

Makasih untuk tutorialnya mas…

 
Comment by TRIK BLOG
2010-02-05 05:56:31

Trik nya keren mas…

 
Comment by E-BOOK
2010-02-05 05:58:08

Langsung di coba mas… thanks

 
Your Name: (required)
Your E-mail: (required - never shown publicly)
Website:
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.
Comments are welcome in the following languages: English, Arabic, Bahasa Indonesia, Boso Jowo and Cak Madureh. A link within a comment will make it automatically moderated.

Blog Responses to this post: