Previous I wrote on how to add ads blocker and two featured posts on blogger but that's not enough until I provide solutions to my visitor's queries .
A lot of bloggers have written to me asking me how to display post title on blogger,well let me say the truth it's not easy to write code but because of the recent conflict.
Like I always tell my follow bloggers,what makes you unique from other bloggers is your design.one reason I hate visiting Nigeria blogs is because they are copycats, not only that they love stealing designs.
That's why when people contact me asking me to clone a site's theme I don't.
I will help you achieve your aim on blogger to make your blog look beautiful and organized.
Demo of this code are www.nct.com.ng or www.entclass.com.ng
This code will terminate images or whatever like read more from displaying only post title will display .
This script will optimize your blog homepage
It will make your blog look organized and beautiful
This script is seo friendly
What others are reading
I'm sharing this code for those of us using blogger,you can now display only text & title post on blogger.
Now log in to your blogger dashboard, click on theme back up your template and edit .
Search for this code </head>
When you find it,copy and paste right before </head>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.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 cond='data:blog.url == data:blog.homepageUrl'>
.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>
</style>
This script is 100% working but in case it didn't work for you kindly let me know so I can write another script.
2 comments
Not working, I really need this
Display Only Title Post On Blogger - Menheartf >>>>> Download Now
>>>>> Download Full
Display Only Title Post On Blogger - Menheartf >>>>> Download LINK
>>>>> Download Now
Display Only Title Post On Blogger - Menheartf >>>>> Download Full
>>>>> Download LINK i7
EmoticonEmoticon