 |
| CSS Tricks for Blogger || teq-ng |
The pages of a blog take an important role for blog's content, pagelist help to specify the contents separately. Blogger's have to improve their pagelist style via adding some CSS to their blogs templates. We are here, to help you and design your pages of your blog to look like a professional website. We are unfolding some CSS tricks you may be like it.
How to align the horizontal pages/pagelist on Blogger?
For new blogger's who are using the Google's blogger platform for blogging & do'nt know professional programming are facing the huge problems to improve their blog style.
Here, we are providing some CSS tricks to align your page's on blogger & you will learn about CSS by automatically by using this code.
Align center pages/pagelists on Blogger:
• Go to your blogger dashboard
• Click the "THEME" menu on you blogger dashboard
• Choose "CUSTOMIZE" button aby avoiding "EDIT HTML"
• Now, go to "ADVANCED"
• Scroll down & find "ADD CSS"
• Now, add this code to "ADD CUSTOM CSS" text box
.PageList {text-align:center !important;}
.PageList li {float:none !important; display:inline !important;}
To align left right you can replace the code{text-align:center !important;} to for align left {text-align:left !important;} or to align right {text-align:right !important;}
• Don't forgot to select "APPLY TO BLOG" button on top right corner
How to bold the page menu text on hover?
• Go to your blogger dashboard
• Click the "THEME" menu on you blogger dashboard
• Choose "CUSTOMIZE" button aby avoiding "EDIT HTML"
• Now, go to "ADVANCED"
• Scroll down & find "ADD CSS"
• Now, add this code to "ADD CUSTOM CSS" text box
.PageList a:hover {font-weight:bold !important;}
• Don't forgot to select "APPLY TO BLOG" button on top right corner