Thursday 12 January 2012

BLOG DIY - Label drop down box

When I first started blogging and using labels  I quickly realised that my list of labels would be longer than my posts on each page! I love using labels because they help me find my way around my posts. I have recently started a new blog and the label list has been growing so I took some screen shots of the process I used to convert my label list to a drop down list.



I found a very easy add in for blogger on Blogger Sentral.  Here is a photo tutorial of the process described on Bogger Sentral to convert your label list to a drop down list.

Tutorial
  • Open your blog dash board
  • Make sure you have the Label widget installed on your blog before you begin. (Do this through Layout / Add a widget. )
  • Click on Template
  • Click on Edit HTML (You are doing this to back up your blog template in case something goes wrong.)


  • Click Proceed.

  • Tick the Expand Widget Templates box 
  • Click anywhere in the code and press Ctrl+A on your keyboard to highlight all (or use your mouse)
  • Press Ctrl+c on your keyboard to copy all the code.
  • Open Notepad and paste.  Now save and keep code.

Now you are ready to begin.
  • Highlight and copy the code.
  • Return back to your blog HTML page.
  • NB - Uncheck the Expand Widget Templates box 
  • Scroll to the bottom of the Edit HTML box
  • Look for the following code line    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
  • Replace that line of code with the code you have copied from Blogger Sentral by highlighting the line and clicking Ctrl + V on your keyboard OR  Right click paste after high lighting.
  • Click Preview before saving to check that the code is working.
  • Click Save.
  • Well done.  You have now accomplished the following change and added more space in your right hand column.

Happy Blogging and enjoy your new space!

Blessings





9 comments:

  1. Found your tutorial at Raising Mighty Arrows--worked like a charm! Thank you!

    ReplyDelete
  2. Hi Jenn.
    You are welcome. :)
    Have a blessed weekend.
    Blessings

    ReplyDelete
  3. Thank you SO much! I was searching online trying to find the clearest explanation for someone who knows very basic html coding (me!) and this was so easy and worked perfectly.

    Thanks!!

    ReplyDelete
    Replies
    1. Hi Jess.

      You are very welcome :) I am pleased it work. I popped on over and had a look. It looks great.

      Delete
  4. Going to add this to my blog. Thank you

    ReplyDelete
  5. Going to add this to my blog. Thank you

    ReplyDelete

I love to hear from you so please leave your comments below ♥