Friday

Show Post Title Only on Homepage in Blogger

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.
Share :

zealmatblog

10 comments:

  1. Nice tutorial I have been looking for thanks pal


    alert alert alert !!!!!!
    Let me teach you how to make 20 thousand naira or more in a month without a website for free no ebook no extra charge

    makemoneyonlinenigeriacoolnaira.com

    Don't miss the offer. it is online money making trick only for nigeirnans

    ReplyDelete
  2. Nice! But I still prefer posts with thumbnail. Review mine Here

    ReplyDelete
  3. That is cool,I really like the idea of CSS making our blogs more beautiful... Commenting from saaltechs.com

    ReplyDelete
  4. nice one but many bloggers dont use this anyway

    Via mytechng

    ReplyDelete
  5. Thanks friends am happy to hear these
    You can still visit my blog
    Www.zekylcious.blogspot.Com

    ReplyDelete



Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.