Wednesday, January 13, 2010

How to add a "Read More" link and control postings appearance and summary length




Directions

1. From the Blogger Dashboard, navigate to Layout > Edit HTML.

2. Copy and paste the following section code right after this section code: ]]></b:skin>

Select All

3. Next, you'll want to stylize your postings, this can be done by adding the section code below right after the code above:

Select All
Note: Use CSS to stylize your posts to the way you like it or use this image pallete generator to generate colors that match your template - Image Pallete Generator @CSSDrive

4. Now, you'll need to add the "Read More" link and the "comments" link if you'd like. Click on "Expand Widget Template" and search for the class span below:

This is your Comments Link:

Select All
5. If you want the comments link inside postings, locate this section code and move it right after this section code: <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6. If you want the "Read More" link inside your postings, copy and paste the section code below right after this section code: <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

This is your Read More Link:

Select All

*Tutorial completed

Labels: ,

3 Comments:

Blogger Beben said...

where is demo ... hihihi
sip sip nice trik

January 14, 2010  
Blogger Blogspot Vision said...

good catch man .. i will be getting the demo up asap.. thanks for the call

January 14, 2010  
Blogger Beben said...

brand new looking template on your blog?
aw aw aw ... refreshment bro? hohohoho

January 17, 2010  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home