How To Provide Border To Main Inner In Blogger

Providing borders to main inner generates the systematic approach for blogs very importantly it's integrate the whole middle part of the body, increases the look as well presentation.

Following points are vital to provide border to main Inner in blogger's template



  • Login to Blogger > Go To Dashboard > Edit Html > Expand Widgets 


  • Find the following code > (Click Ctrl and F for a search bar)
     ]]></b:skin>

  • Place blow mention codes before point (2) mention code & press enter
    .main-inner .widget {
    border:1px solid teal;
    padding: 0 0 10px;
    margin: 0px 0;
    border-bottom: 1px solid $(widget.border.bevel.color);
    }
Here border color can be changed to replace the just mention (see in point (3) , here teal for border and as per the requirement colors can be changed by mentioning color name as well border size other elements like margin, padding. After appling all firstly see the preview if every thing’s are ok then saves the template.