Static Toolbar Above Blog Header

TOOLBAR Static (Floating / Static Toolbar) is a “bar” (bar) like a navigation menu that appears above the header or the top of the blog page. To be clear, see the example on the demo blog New Thesis SEO. There is an “announcement” that New Thesis SEO V2 and V3 Responsive are available!

You can use this Static Toolbar if you want to announce something very important. Can also be used in online shop blog to announce a sale, promotion, discount, or new product.

Because it is static, fixed, or floating, this toolbar appears continuously when the blog page is scrolled down. Anyway, just look at the demo. Other Static Toolbar variations will also be shared on the blog CB this.

How to Create a Static Toolbar Above the Blog Header

How to make it easy, without javascript, only HTML & CSS code, so it doesn’t affect the loading or seo of the blog. The manufacturing process is similar to how to make Static Menu Navigation Above Header.

1. Templates > Edit HTML
2. Find the code
3. Copy the following code below the code

Now here comes New Thesis SEO V2 and V3 Responsive!!! Please scroll to CB Blogger

4. Find the code ]]>
5. Copy the following code above the code ]]>

#toolbars {
position: fixed;
width: 100%;
height: 15px;
top: 0;
left: 0;
padding: 0px 10px 25px;
backgrounds: #777;
z-index: 999;
border-bottom: 3px solid #ddd;

6. Save Templates!

You can change the background color and font color. See: HTML Color Codes.

Thus How to Create a Static Toolbar Above the Blog Header. Good Luck! (*

Code Source