Styling and Customizing Borders in Blogger

As we all know, Blogger is based on Cascading Style Sheets (CSS). Adding, styling and customizing the borders are easy to implement as it uses the CSS Properties. With the help of borders, you can separate the different sectors of your blog, such as headers, sidebars or can be used to highlight the blockquotes and featured contents.

A blog designer can easily make a beautiful template just using borders and background colors.

Let us see how to style and customize the borders with some examples.

border: 1px solid red

border: 1px dotted orange

border: 2px dashed yellow

border: 3px double green

border: 5px groove blue

border: 3px inset indigo

border: 4px ridge violet

Now let us have an explanation.

Property "border" is used to add the borders while "3px" describes the width, "dotted" describes the type and "orange" describes border color.

More properties can be used for different borders for different sides.

To show border to top: border-top, to bottom : border-bottom, to left : border-left and to right : border-right.

Lets see a working example:

border-top: 3px solid #333333;

border-right: 3px double green;

border-bottom: 3px dashed indigo;

border-left: 3px dotted red;

To implement these border styles and customizations in Blogger templates (or in CSS), you have to first decide where you want it. For example, if you want to style the header section, then find:

#header-wrapper {

(more properties here)

border: 3px outset #215670;

}

Likewise you can also add borders to your Post Sections (#main-wrapper, #main), Sidebars (#sidebar-wrapper, #sidebar) or to Footer Section (#footer-wrapper, #footer). More details can be found in W3 School.

Comments

Email On Deck: A disposable email address that works

Today, Team Inforpioneer brings an interesting Email service for our reader which will definitely help our readers to improve their internet security and will benefit in some other ways. Here is a short description of this service. EmailOnDeck.com is the premier site for all things relating to temporary, disposable and throwaway email addresses. We want to help you avoid SPAM, protect your online privacy, and stop you from having to give away your personal email address to every company and person on the internet who insists on you giving it to them. We work hard and will continue to work hard to give you a disposable email address that works with any site or app. We hope to help give you back the control of deciding who you want to give your personal info to. Temporary emails are perfect for any transaction where you want to improve your online privacy. Use them when you buy or sell Bitcoins or trade cryptocurrency, at exchanges, or locally. They can be used for QA tes...

SEO Optimizing A Website For Improved Value

SEO or search engine optimization is something that every web owner and creator should be aware of. Even if a website owner hires an expert to carry out the online marketing, understanding the very basics and how it really can improve a websites performance and popularity is important. Simply put, optimizing a website is important and is built around keywords that are valuable to a website and to the products or services it is trying to provide. By focusing on main keywords or key phrases for a business, and expanding on them over time, can improve the amount of visitors a website receives, in turn increasing profits or simply improving its popularity if it is an information website. SEO is valuable, and means a way of making a site appear at a higher ranking in search engines such as Google, Yahoo, AOL etc. Using this important type of online marketing can reap great benefits. It takes time to learn and time to complete, and is a constant job to keep a website performing well above co...

Dr. Elmi Zulkarnain Osman. The Award Winning Trainer With The Right Humour.

Dr. Elmi Zulkarnain Osman – an award-winning educator, a popular corporate trainer and a highly paid Malay English Language Coach started his career as a teacher in a government school in Singapore before becoming a lecturer in a government-based institute. Throughout his career with the Singapore Public Service, Dr. Elmi has already been acknowledged as an accomplished public speaker and a motivational speaker known for his high energy delivery and humorous approach. He is also well known in the grassroots circle as an experienced Chief Facilitator and an accomplished Forum Moderator. Upon completing his PhD in Educational Leadership with Trident University International in 2018, he and a few like-minded friends decided to set up Elemantra Training Consultancy. A consultancy that has been delivering their promise to deliver an “enriching experience every time”. As the CEO and Principal Trainer at Elemantra Consultancy, Dr. Elmi is very much known for his exceptional communication ...

Info Pioneer

Search This Blog