Best Widget To Make Your Sidebar Header More Stylish andrey суббота, 9 ноября 2013 г. No Comment

Best Widget To Make Your Sidebar Header More Stylish
We have developed another code in css3 to make your sidebar more stylish. This widget is designed in css3. This lightweight widget will give your blog a stunning look. This widget changes your sidebar h2 styles into highly optimized and stylish sidebar h2. This widget adds a separate style on sidebar h2, The background image used in the style sheet is very small in size and it is hosted on picassa so you don't need to worry about server errors and image loading time. Another great thing is you don't need to add separate html codes in your blog. This widget works perfectly on sidebars having 320 px width so, make sure that your sidebar width is in between 300 to 320 px.

FEATURES OF Sidebar Header Styles

  1. Highlight Your Sidebar Header
  2. It doesn't affects your page loading time 
  3. No Java script no j query
  4. Plain style sheet code designed in css3
  5. No need to add extra html codes in your blog
  6. Eye catching look

How To Add New Sidebar Styles In Blogger Blog

For adding this widget in your blog, Proceed as follows:
  1. Go to blogger.com
  2. Open Your Blog.
  3. Go To "Template".
  4. Click "Edit HTML".
  5. Now, Search For "]]>" 
  6. Add the code given below above "]]>"

Read: How To Add Contact Us Page To Your Blogger Blog

    .sidebar h2 {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02n2RCcNFTKmuNCLk4GwQOUui_yuBDswPtXuuW8uBGCH1FsjgxE5c7hrWQtueZkVB8jDqCpSwiezsBrjucG356L7D-7A3ptnqIpJle1aOSvogW61FCfFVcnoKJZO3f3ILPCHIisILUofH/s400/sidebar2_h2.png) no-repeat scroll 0 0 transparent;
    color: rgb(213,213,213);
    height: 66px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 -28px;
    position: relative;
    left: -30px;
    top: 0;
    width: 362px;
    text-align: center;
    padding: 15px 0 0;
    font-family: helvetica;
    padding-bottom: 15px;
    }
    You may need to change the value of highlighted code to align the sidebar heading correctly Comment your questions below and let us know!

    Read: How To Add New and Old Ribbon To Latest And older Posts

    Best Widget To Make Your Sidebar Header More Stylish
    We have developed another code in css3 to make your sidebar more stylish. This widget is designed in css3. This lightweight widget will give your blog a stunning look. This widget changes your sidebar h2 styles into highly optimized and stylish sidebar h2. This widget adds a separate style on sidebar h2, The background image used in the style sheet is very small in size and it is hosted on picassa so you don't need to worry about server errors and image loading time. Another great thing is you don't need to add separate html codes in your blog. This widget works perfectly on sidebars having 320 px width so, make sure that your sidebar width is in between 300 to 320 px.

    FEATURES OF Sidebar Header Styles

    1. Highlight Your Sidebar Header
    2. It doesn't affects your page loading time 
    3. No Java script no j query
    4. Plain style sheet code designed in css3
    5. No need to add extra html codes in your blog
    6. Eye catching look

    How To Add New Sidebar Styles In Blogger Blog

    For adding this widget in your blog, Proceed as follows:
    1. Go to blogger.com
    2. Open Your Blog.
    3. Go To "Template".
    4. Click "Edit HTML".
    5. Now, Search For "]]>" 
    6. Add the code given below above "]]>"

    Read: How To Add Contact Us Page To Your Blogger Blog

      .sidebar h2 {
      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02n2RCcNFTKmuNCLk4GwQOUui_yuBDswPtXuuW8uBGCH1FsjgxE5c7hrWQtueZkVB8jDqCpSwiezsBrjucG356L7D-7A3ptnqIpJle1aOSvogW61FCfFVcnoKJZO3f3ILPCHIisILUofH/s400/sidebar2_h2.png) no-repeat scroll 0 0 transparent;
      color: rgb(213,213,213);
      height: 66px;
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 -28px;
      position: relative;
      left: -30px;
      top: 0;
      width: 362px;
      text-align: center;
      padding: 15px 0 0;
      font-family: helvetica;
      padding-bottom: 15px;
      }
      You may need to change the value of highlighted code to align the sidebar heading correctly Comment your questions below and let us know!

      Read: How To Add New and Old Ribbon To Latest And older Posts

      by Jillur Rahman

      Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

      Follow him @ Twitter | Facebook | Google Plus

      No Comment