Monday, May 1, 2017

Customize Layout for Blogger

Customized Blogger Dashboard help to organize and access multiple interface like adding new widget, editing widget, setting up blogger post etc. After converting HTML to Blogger Theme, we need to customize Blogger dashboard layout design.

Customize Layout for Blogger
If you don’t know how to convert HTML to Blogger Theme with simply knowing about HTML, CSS, then read this tutorial.

So the enthusiast Blogger developer, let’s start to customize your blogger dashboard with CSS. I think you know how to create a new section to Blogger Template. As you already know, it is easy to find out the id of each section.

Remember:
  • You are not allowed to customize font, color, background. You are allowed only for width, margin, float of section layout.
  • You should better use % for width. Avoid using px.

You have to add CSS code to customize Blogger dashboard layout where all CSS code are kept. It would be better to put your dashboard CSS code just after <![CDATA[

You can put CSS like id but you have to add body#layout (with space) before id name.

Example: If we want to customize main section (id name = main), then we have to do like below.

body#layout #main{/*CSS Code*/}

For every class you have to do it. You can also define multiple id with same CSS property. Then you have to do like:

body#layout #main, body#layout #sidebar, body#layout #footer{}

Whatever, you have to put the following code to avoid ordered list & unordered list.

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}


I hope, you will be success to customize your Blogger Dashboard Layout.

You can check the following tutorial to enrich your blog.

1. Collection of Blogger Customization.
2. SEO Tips only for Blogger Platform.

Have got this article helpful or not working? Put your comment below.
Elliyas Ahmed
Elliyas Ahmed

Hi, I am Elliyas Ahmed, the founder of ComProMath. I try to share what I learn.

Work With Me - SEO Expert, WordPress, Blogger Theme Developer on Fiverr

No comments:

Post a Comment

We appreciate your comment. Shout here.
But don't Spam. We will mark as Spam and it will harm your SEO.