questions have come in, which some have been answered directly, and some
that are more difficult, are answered through posts. Those who have
submitted questions are asked to be patient, as I will try to answer one by
one, I hope.
Question:
In advance, I would like to apologize if this email has been
disturbing you on your most valuable time. I've come here just to ask you
how to display only the post titles for the posts in the homepage.
Answer:
Indeed, some bloggers prefer their blogs display only the post titles for
their blog posts in the homepage. Perhaps, they think with only the post
titles in the homepage will save more space so that they can display more
blog posts in the homepage in order to get chances to get more readers.
Below is a sample of blog with only the post titles in the homepage.
In order to display only the post titles in homepage, you can follow the
instructions below: Please login to blogger with your ID Click Design.
Click Edit HTML.
You're suggested to backup first by clicking Download Full Template.
Find the code ]]></b:skin> Copy and then paste the code below,
exactly below the code ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != item'>
<b:if cond='data:blog.pageType != static_page'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
Click SAVE TEMPLATE.
Done. See the result.
It's very easy, isn't it? Well, installing the above code still leaves some
elements such as post date, comment, etc. If you want nothing left there
unless the post titles, you may use the below code.
<style type='text/css'>
<b:if cond='data:blog.pageType != item'>
<b:if cond='data:blog.pageType != static_page'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
If you have used above code but there is still any element to be left, it
may be caused by your template code, which does not meet the blogger
standard. To solve it, you have to know the structure of your template.
If you use Firefox internet browser, you can install Web Developer add-ons
where you can download at add-ons for firefox to know the structure of a
blog easily.
Now Kang Rohman thinks that you have installed the Web Developer add-ons on
your firefox, so please open your blog (blog that you will edit as this
article). Click Information menu and sel.