How To Make Rounded Corners On Blogger

Know how to make rounded corners on blogger! Just follow these simple steps below.

Go and login to your blogger account.
Navigate to Dashboard*
Then Click Design*
Go to Template designer*
Navigate to Advance >> Add CSS*

Just paste this code below line; on the "Add custom CSS box"

------------------------------------------------------------------------
.header-outer {
border-radius: 10px;
}

------------------------------------------------------------------------ 

.main-wrapper {
border-radius: 10px;
}

------------------------------------------------------------------------ 

.sidebar-wrapper {

border-radius: 10px;

}

------------------------------------------------------------------------ 

Note: You can paste only one code depending on what "DIV" you want to make its corner round. For example if you only want the header to appear round, copy and paste only the first code. But if you want all (header, sidebar, and main wrapper) then copy and paste all those codes on your "Add custom CSS" box in template designer.

Making your borders more rounded; Just adjust the value on the code ("10"px), as this will determine the radius of how rounded your borders would be.

Hope this helps!

Visit Little Tips for more tips online.