Thursday, 26 December 2013

Labels on Page

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 !!!








Read more ...

Labels