• Home
  • About
  • Contact
  • Shop
    • Patterns

Honeybear Lane

DIY Decorating

  • DIY Tutorials
    • Projects
    • Building
    • Sewing
    • Quilting
    • Crafts
  • Home Decor
    • Home Decorating
    • Honeybear House
    • Organization
    • DIY home decor
  • My Home Tour
  • Recipes
  • Holiday
    • Valentines
    • St Patricks Day
    • Easter
    • Spring
    • Summer
    • July 4th
    • Fall
    • Halloween
    • Thanksgiving
    • Christmas
  • Entertaining
    • Printables
    • Parties
  • Wellness
    • Essential Oils
    • Health and Wellness
    • Weight loss
bling your blog· Catablog· html

Saturday Series: "Bling Your Blog" Lesson 4

September 11, 2010

Sharing is caring!

0 shares
  • Share

{{This is supposed to be like on Wheel of Fortune, where every says “Wheel! Of! Fortune!!!!!”}}

Are you ready to Bling!  Your!  Blog!!!!!!
Today’s Topic:  Adding a Custom Header
This mean adding a custom header INSTEAD of the header that is standard to the Minima template.  So first you have to check how many pix wide your header is.  You can also change this.  You really should just play around with border size (always save your original template first).  It teaches you a lot about html and blog design.  There is SO much to know and honestly I am just myself learning the tip of the iceberg.  So I am not pretending to know everything here, just sharing what little things I have learned in my explorations.  
Anyway, back to the subject..
To find out how wide your header is, look for this bit of html in your Edit HTML Design page:
#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }
You can change the width to be up to 1024 pix wide, unless you change the outer wrapper to be wider as well.  
Go into your photo editing program and design your new header.  You will want to make it around 200-300 pixels high.  Use a transparent background also.  And think outside the box…download free vector images, stock illustrations, or digital scrapbooking pngs.  You can make some super cute stuff.  
Once you have your header designed, save it as a jpeg and upload it to PhotoBucket like always.  Now here comes the different part.  
Go back to your Edit HTML screen and find this bit of html:
‘1‘ showaddelement=’no‘> ‘true‘ title=’Header (Header)’ type=’Header’/>
See the red?  
  • Change the ‘1’ to ‘2’
  • change the ‘no’ to ‘yes’
  • change the ‘true’ to ‘false’
Save your template and go to the Elements page (under design.)  You will now notice that you can add more than one element in the header section.  So you know what to do now…go grab that html from your header in Photobucket and add an HTML/Javascript gadget to the header section.  Put in your new header html and delete the old header.  Done! 

blog sig

Filed Under: bling your blog, Catablog, html 2 Comments

Comments

  1. Laura says

    September 12, 2010 at 3:50 am

    thank-you. These tutorials are so helpful!

    Reply
  2. Jacqueline says

    December 30, 2010 at 4:00 pm

    Thanks for sharing. Now actually doing it….

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Popular Posts

  • DIY Farmhouse Table and Bench
  • 20 Handmade Christmas Presents to Start Sewing Now
  • IKEA Hack: Expedit into Long Storage Unit
  • My Gorgeous DIY Office Built ins Reveal
  • 8 Steps to an Epic Halloween Party
  • DIY Mudroom Bench
  • Build Your Own DIY Outdoor Furniture
  • Tips for Painting Stair Balusters
Welcome

Hey there--I'm Heidi! I teach women how to decorate, DIY, and design so that they can love the home they live in.

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • Twitter

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License

Privacy Policy

Copyright © 2022 Honey Bear Lane. Custom site by Moonsteam Design.
0 shares