Page List Menu Decoration

Now blogger.com blog has static page. For this page link it use page list menu. In this post I will describe how to customize this page list menu.

By default this pagelist menu aligned to left. But if you want to keep it in right position or in center or make it stylish like mine, all you can do with some simple CSS code.

All you need to do in Layout > Edit Html section in blogger.com dashboard.

Go to ]]></b:skin> then do the folloing:



For center alignment:

.PageList {text-align:center !important;}
.PageList li {display:inline-block !important; float:none !important;}

For right side alignment:

.PageList {text-align:right !important;}
.PageList li {display:inline-block !important; float:none !important;}

If you add the PageList menu on sidebar then you can play with the codes below:

For middle alignment:

.PageList {text-align:center !important;}

For right alignment:

.PageList {text-align:right !important;}

If you want to add background color then do as following:

.Pagelist{
background:#000000;
color: #ffffff;
}

Change the color code as your choice.