Quantcast
Channel: Daily Blog Tools » Blogger Tricks
Viewing all articles
Browse latest Browse all 6

How To Show Only Post Titles In Blogger Blog Home Page

$
0
0

Do You Want To Show Only Post Titles In Blogger/Blogspot Blog Home Page.Its Look Like Very Nice For Readers.Below I Can Explain That to Do With Your Self.

How To Show Only Post Titles In Blogger Blog Home Page Effects design create blogspot blogs list blogging blogger Blog

Simple Steps To Show  Only Titles In Homepage:

1.Login to your blogger dashboard–> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

How To Show Only Post Titles In Blogger Blog Home Page Effects design create blogspot blogs list blogging blogger Blog

<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>

4.Now Save your template.

5.Go to Layout–>Page Elements.Click on “Edit” link of Blog Posts Section.

6.Enter the value for “Number of posts on main page:” as your choice and click on save.

How To Show Only Post Titles In Blogger Blog Home Page Effects design create blogspot blogs list blogging blogger Blog

You are done.


Viewing all articles
Browse latest Browse all 6

Trending Articles