random
1

Create Drop Down Menu For Labels And Categories Widget In Blogger

A labels and categories widgets in blogger blog displays your post labels and categories as you want. And  you know each label and category is linked to a page containing posts which fall under that label and category. Usually as your posts increases, so will your labels also increase. If you don’t limit them, sooner or later your labels widget will take over your sidebar or may be out side of your  page.

But don't worry about it because we have a great solution for you to sort this  labels widget problem.Regain control of your sidebar or page, shrink the widget  by converting it into a Drop Down or Pull Down menu. So have a look how it will work for you.


Shouted Blog's Gift...!
Select Your WordPress Theme For Web Design

How To Create  Drop Down Menu For Your Labels And Categories

  • First Of All Go To Your Blogger Dashboard And Add A Label Widget By Using A Layout.
  •  Create Drop Down Menu For Labels And Categories Widget In Blogger
     Create Drop Down Menu For Labels And Categories Widget In Blogger
  • Now Go To Your Template.
  • Select Edit HTML.
  • And Find This Line Of Code. ( Using Ctrl+F)

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

  • When You Will Find That Line Of Code, Simply Replace It With Below Code.

<b:widget id='Label1' locked='false' title='Categories' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Click To Choose a Category</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select> <b:include name='quickedit'/> </div> </b:includable> </b:widget>


  • Save Your Template.

Customization

  1. If You Want To Change Your Drop Down Menu Width Then Edit The Yellow.
  2. To Change The Sentence Edit The Blue.
  3. If You Do Not Want To Show Number Of Posts With Labels Then Delete Black Line.
Shouted Blog's Gift...!
Create Drop Down Menu For Labels And Categories Widget In Blogger Reviewed by Ghulam Haider on 10:16:00 Rating: 5

No comments:

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form

Name

Email *

Message *

Powered by Blogger.