Sunday, 24 November 2013

Labels on Page

Posted by Amit Pithadia On 03:38 No comments
You may want that there should be single page which is specifically for labels with number of post. So you can perform following steps:

Step 1:

Go to Layout

Drag the Label gadget and place exactly before Body Post.

Step 2:

Create Blank Static Page with the name of Label. Once you create, click on publish and obtain the page address.

Step 3:

Go to Temple -> Edit HTML

Find </b:skin> and place the following code exactly below

<b:if cond='data:blog.url != "http://xyz.blogspot.com/p/labels.html"'>
<style>
#Label1{
display:none;
}
</style>
<b:else/>
<style>
#Blog1{
display:none;
}
</style>
</b:if>
 

Change the page address "http://xyz.blogspot.com/p/labels.html" with the page address obtained in step 2.

Step 4:

Go to Template -> Customie -> Advance -> Add CSS

and paste the below mentioned code

#Label1, #Label1 a{
text-align: center;
}
 

and you are done..

Have a fun !!!









0 comments:

Post a Comment

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube