Show Post Title Only on Homepage in Blogger

Get Free SEO Tips

IMG_20161021_060207
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
During the week I discovered something about blogger blogs and which is the coding aspect of it. You can change your blog to what ever design you want it to look like with the help of some css codes. 
In this tutorial the titles are link on the homepage will lead you to the full article  after one Click on any title it brings him/her into the Specific Post.
Image
Advantage 
  • it makes your Blog Easy to navigate, so your Blog readers can easily navigate any post.
  • It increases the speed of your blog 
Follow this steps carefully and make sure you don’t skip any line. 
Step 1
First you need login to your Blogger Dashboard and then select your preferred blog which you want to work on. 
Step 2
Then move you arrow down ⬇ and click on “Template” 
Step 3
 Click On “Edit HTML”  button once 
Step 4
Press ctrl+F on your keyboard and search for this tag below 

 </head> 

Step 5
Then copy the code below script and paste it before </head> 

<style type=’text/css’>
<b:if cond=’data:blog.pageType != “static_page”‘>
<b:if cond=’data:blog.pageType != “item”‘>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</b:if>
</style>

You can do some little modification in the color aspects. 
Step 6
Finally just click  Save Template 
How to change number of posts displayed on Blogger homepage
Step 1
Now go to settings >> posts and comments.
Step 2
Enter the number of posts to be displayed in show at most on the main page field. 
Image
Step 3
Save settings and check out your homepage.
About Mathias Amodu 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

12 Comments

Leave a Reply

Your email address will not be published.


*


[mc4wp_form id="3153"]