Display Posts in Title Only in Blogger

Indeed, some bloggers choose only shows the title of his blog posts are on the front page or home page. Perhaps the rationale of the owner of the blog itself is showing only the title of the post just to save space so that the number of posts that can be displayed more in the front yard or porch. Other supporting reasons may be because the post title is representing the contents of the post itself so that by displaying the post title on the front page article will further enable more read by the visitors. Here's an example blog that only shows the title of his post only:



To be on the front page displays only the post title alone, the following steps:
  • Please log in to blogger with your ID.
  • Click Design

  • Click the Edit HTML

  • It is recommended to make a backup first, click on the words Download Full Template.
  • Find the code ]]></b:skin>
  • Copy the code below, then paste the below code ]]></b:skin>
    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .post-body{display:none;}
    </b:if>
    </b:if>
    </style>
  • Click Save Template button.
  • Done. Please see the results.

Easy is not it? however, by installing the above code still leaves some elements such as date of posting, comments and others. If you want to remove everything and left only the title of his post, maybe you can use the following code:
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.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 it turns out there are still elements left but the post title, maybe your template code does not follow standard blogger template. What's the solution? you have to recognize the structure of your template.

For users of the internet browser Firefox, Kang Rohman have tips easily recognize the structure of your templates is to install the Web Developer add-ons you can download the add-ons for firefox.

Kang Rohman Now suppose that you have installed the add-ons on firefox web developer you use. Please open your blog address (of course that will be edited according to the article above). Click the Information menu, then select Display Div Order.
Maka secara otomatis akan ditampilkan struktur div dari template anda. Contoh gambar :
Dari gambar tersebut terlihat bahwa tanggal posting serta komentar disimpan dalam elemen div :

.databarleft
.datebarright

Sehingga kode yang digunakan menjadi seperti ini :
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .databarleft, .datebarright{display:none;}
</b:if>
</b:if>
</style>

Hope can be understood.

Update: The code has been perfected so as not to conflict with the static page / static post

Source: http://kolom-tutorial.blogspot.com/2010/08/tampilkan-postingan-hanya-judul.html

3 komentar:

Anonymous said...

I tend not to leave a response, however after looking
at a lot of responses on this page "Display Posts in Title Only in Blogger".

I actually do have a couple of questions for you if it's allright. Could it be only me or does it give the impression like some of the remarks appear like they are coming from brain dead individuals? :-P And, if you are posting on additional social sites, I'd
like to follow you. Would you make a list of all of your shared sites like your twitter feed, Facebook page or linkedin profile?
My website - Numerology Reading

Anonymous said...

I relish, result in I discovered just what I used to be taking a look for.
You've ended my four day long hunt! God Bless you man. Have a great day. Bye
Feel free to surf my web-site :: how to download movies

Anonymous said...

This delay will cause painful Menstrual cramps too.

Since puberty brings about water retention and bloating.
Most often children do not khow what is needed.
All stressful factors are the over-the-counter available non-steroidal anti-inflammatory drugs are also useful.


Here is my webpage ... menstrual cramps birth control pills
Look at my webpage - menstrual cramps birth control pills

Post a Comment

Just Comment. Not Spam!

 

Followers

There was an error in this gadget

Free Download Scripts and Source Code | © 2009 | edited by asal-klik