Sunday, 27 April 2014

Blogger tips #1: Unlocking Your header

The blogger Template locks the header so no gadgets can go on top or below it. In designing my blog I really wanted my social media at the top so that it was visible but not the main focus of the side bar. So if this is what you want to do or to put something else there, this is how! 




First go to Template > Edit HTML 
This should bring you up to loads of gobldy goop html - do not be scared; you wont break it!! 

Then hit Ctrl  - F or Cmd - F on a mac 
Then insert  <div class='region-inner header-inner'>

Then under that you should see this... 

<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
                     <b:includable id='main'>
   

All you then have to do it change those 3 highlighted things: 

maxwidgets='1' – Max number of gadgets allowed in that section. Change to 2 or 3.
showaddelement='no' – This will allow you to “add a new gadget” in section. Change to yes.
locked='true' – Locked so you can’t delete the gadget. Change to false
So it should look a little like this: 

<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
                     <b:includable id='main'>


Now, if you go to Layout (you will have to refresh the page), the header element will now look just like the other gadgets and be able to be moved up and down. You can now move it to where you want. Or to remove it, click edit > remove. To add a gadget Go to Layout > add a new gadget. You can now re-arrange the gadgets to put ones above the header
I hope this was helpful I know it made everything s much easier when I was creating my blog, if you want anymore tips, you can email me or let me know in the comments and I can help you there or do a post like this!
Effy
xxx

Also I would really love your support in getting nominated for 'Best Life Style Blog' HERE - See Full Post Here 

SHARE:

8 comments

  1. Soooo helpful!! Thank you!


    www.kissmychocolate.com

    ReplyDelete
  2. This is such a good tip to know, took me ages to find how to do this the other day

    ReplyDelete
  3. Really good tips!! Love your blog :) Lilly xx alittlelilly.blogspot.nl

    ReplyDelete
  4. This is a really good tip and well explains. Thanks!


    xo Ashley

    ReplyDelete
  5. I wish I knew how to do this on wordpress - I think I should be able to make your trick work!

    ReplyDelete
  6. This was very helpful, thanks! Can you do a post on how you installed the Disqus Commenting System? :)

    http://everydayingrace.blogspot.ca/

    ReplyDelete
  7. Its really so simple I don't think you will need me to do a full post. If you have blogger it basically installs it for you! So easy and simple, you want more help you can email me :) xx

    ReplyDelete
  8. Wow I was scared to do it for so long, but I litterally just made myself do it, and I'm so glad it worked out!! Thanks for the offer to help and encouragement! (Even if you didn't mean it :))

    http://everydayingrace.blogspot.ca/

    ReplyDelete

© Effys Space . All rights reserved.
Designer Blogger Template by pipdig