How to show latest blog post on blogger homepage?

At the moment I own a blog on tennismind dot net, however on the home page it shows multiple article summaries with a thumbnail. I want to remove these and instead just show the latest post on the homepage in full with the older one after that one too. In general I want it so that each article is shown in full on the home page with the previous article following that one etc; Rather than have these summaries. How would I do this please?

 

Any help would be appreciated. Thanks

 

Hello there,

From your blogger dashboard, go to : Settings => Posts, Comments and Sharing

On the Post Template, Add this :

<span class="fullpost">

</span>

Code (markup):

Then Save.

Normally the full posts should appear.. otherwise, Wrape your post inside this Span Class.

Goodluck

 

Ok I did the first part about the template but it didn't make a difference. I don't understand how I wrap my post in this span class? What part of my code would I wrap inside this span class?

 

When you write a new article, switch to HTML Mode and add the content of your post inside this span ! Then check on your blog if the article appear in full mode !

Goodluck

 

That doesn't work unfortunately.

 

Ok, so try this solution, but please, Backup your Template Before you doing so !!

Open your template on the editor : (i think you use pixel responsive template from way2themes!)

Find this :

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='second-meta'>
  <a class='read-more anchor-hover' expr:href='data:post.url'>Read more <i class='fa fa-chevron-right'/></a>
                        <span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == &quot;true&quot;'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span> 
      </div>
   </b:if>
      </b:if>

Code (markup):

And replace it with :

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

Code (markup):

The good way, is to try this on another blog by using the same template on your website!!

Goodluck

 

Yes, that looks a lot better now, thanks for your help.

edit. just one thing...
On the actual post page it shows the post twice. Everything else looks fine. :/ I think I need to put a <b:if> tag somewhere but I can't think what.

 

I just checked your website and there is no duplication ! where do you see that !?

 

On the homepage, click on the title of the article and it will take you to the post page. On that page there is two copies.

 

Hi, I need a Website designer for blogging and freelancing. Anybody in the house for it? Contact me please.