Bayram Cigerli Blog

Bigger İnfo Center and Archive

Make Showing Only Post Titles on Label Pages


Worldhistoryblogspot.blogspot.com - Some blog template that currently exist on the page click on the label that appears is the entirecontents of the blogthe content of their blogs or some of the content on that page. Wellin this tutorial, I want to discuss how to make the display labels on the blog page that appears only the title of our blog posts only (As the picture).

1. Login to Blogger
2. Go to the Lay Outthen to the Edit HTML
    Back up your Template by clicking: Download Full Template
    After thatcheck the Expand Widget Templates.

So for this tutorial is divided into 2 different versions:


1. Display Label Without Box
Look at the preview image, the image is a view that uses the boxthen what purpose Without BoxDisplay LabelWithout the box that appears here means only writing course (post title only).
Immediately, we begin the tutorial:


     <- Posts ->
     <div class='blog-posts hfeed'>

     <b:include data='top' name='status-message'/>

     <data:adStart/>
     <b:loop values='data:posts' var='post'>
     <b:if cond='data:post.dateHeader'>

     <h2 class='date-header'> <data:post.dateHeader/> <h2>
     <bif>

     <b:include data='post' name='post'/>
Note: Look for the red code, use Ctrl + F
  
- After the meet, Replace the red code with the code below:

     <b: if cond = 'data: blog.homepageUrl! =
     data: blog.url '>
     <b:if cond='data:blog.pageType != "item"'>
     <a expr:href='data:post.url'>
     <data:post.title/> </ a> <br/> <br/>
     <b:else/>

     <b:include data='post' name='post'/>
     </ b: if>
     <b:else/>
     <b:include data='post' name='post'/>
     </ b: if>
  - Then Save Template.


2. Using Label Display Box
Well, for this tutorial begins after installation tutorial "Display Labels Without a Box" in the save /finish.
Ok more ...

     <b: if cond = 'data: blog.homepageUrl! =
     data: blog.url '>
     <b:if cond='data:blog.pageType != "item"'>
     <a expr:href='data:post.url'>

     <data:post.title/> </ a> <br/> <br/>

     <b:else/>
     <b:include data='post' name='post'/>
     </ b: if>
     <b:else/>
     <b:include data='post' name='post'/>
     </ b: if>
Note: Look for the red code, use Ctrl + F
          (Remember! HTML code above will be visible in your blog after you do the tutorial "Display Label Without Box
)

 

After the meetReplace the red code with the code below:
     <div style='padding:6px 0 6px solid 5px;border-right:1px solid #ccc;border-bottom:1px #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>
     <img alt = 'Arrow | Khamardos Blogborder = '0 'width = '12height = '12 'src=http://i655.photobucket.com/albums/uu271/spantibelspku/Panah_2_thumb.png'>
     <data:post.title/> <div</ a>

  Note(Green) : Replace with the appropriate color on the blog (Use the HTML Color Code)
            (Orange) : Replace the image URL arrows buddy icon


- Then Save Template ...

Been successful? Interesting is not it? Many of the benefits we are using this tutorialusually pagesfilled with postings label was heavy then after using this tutorial is expected to display and access tobuddy label pages will be felt quickly.
Share

0 Comments:

Yorum Gönder