Align Pages/PageList Gadget on Blogger

How to align pages/page list gadget on Blogger :

Generally we add pages to Blogger blog with page list gadget. By default page lists gadget is aligned to left side. So pages appear on left side on blog. But we can change the position of pages on Blogger. We can align pages in either center or right side.

Follow below steps to align pages/PageList gadget on Blogger blog.

Step 1 : Go to Blogger Dashboard
Step 2 : Click on Template
Step 3 : Click on Edit html
step 4 : Look tabs code in template
like
 /* Tabs
------------- */
all tabs css code written under above line in blogger template.

add below lines at the bottom of the tabs css code:

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

i.e
/* Tabs
-------------------------------------------------------- */
( default code --------------------
--------------------
-------------------)

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

Step 5 : Click on Save template

Like this we can also right align pages/pagelist gadget in Blogger by replacing center with right in the above code(in first line).

No comments:

Post a Comment