--> 2 Ways to Find Section ID and Widget ID in Blogspot | Experience Lab - Online business creation and development guide for bloggers and startups

2 Ways to Find Section ID and Widget ID in Blogspot

We have been asked several times how to find Gadgetid or widgetid of Blogger widgets so we thought a separate tutorial would be helpful in t...

Locate widgets in bloggerWe have been asked several times how to find Gadgetid or widgetid of Blogger widgets so we thought a separate tutorial would be helpful in this case. We will share two ways to find and locate the widgetid and sectionid so both Windows users and Macintosh users may find it helpful. The page elements Section is now referred to as Layout section in Blogger dashboard. The widgets are mostly referred as Gadget in Layout section with blue highlighted links. Through this tutorial you will also understand how to easily locate widgets inside your blogger template using their IDs.

 

What is widgetid or sectionid?

widgetid :

Each widget that you create inside Layout has its unique Identification number that we refer as "ID". This Widget ID is always alphanumeric and is the only code that helps us control the widget look and appearance.

sectionid:

Each widget is added inside a section. In other words each section is a container that holds widgets. Popular sections of your blog are the Header, Sidebar, Footer and Main. These sections are also uniquely identified using their ID which we call the sectionid. We can use the section Id to modify the look and appearance of all widgets inside it.

Finding Section and Widget ID - Method 1

Each widget that you add to Layout has an edit link. If you hover your mouse cursor over it, your browser will show a tooltip at the bottom of your screen displaying important information related to that link. The information included in each link is:

gadget edit link

edit link info

  1. Blog ID : You can create up to 100 blogs in blogger. Each blog is identified using this ID.
  2. Widget Type: It's the Official name used for blogger widgets such as Header, Main, PopularPosts, Label etc.
  3. Widget ID
  4. Section ID

As shown in the second image above, the value next to widgetid is HTML3 which is the Gadget ID Code and the value next to sectionid is sidebar which is your Section ID code.

Section ID can easily be found now because recently blogger updated the Layout interface by highlighting in bold letters each section with its section ID Code.

blog posts section id

Sectionid is main in the above screenshot

sidebar section id

Sectionid is sidebar in the above screenshot

This method works for both Windows users and MAC users and is same for Safari/Opera/Firefox/Chrome browsers.

Finding Section and Widget ID - Method 2

This method could however work only for windows users because I am not user if Mac Safari browser does show URL for popup windows.

This time click the Edit link next to your widget, a popup window will open. Maximize it to see the Full URL in the address bar of the popup IFRAME.

popup url info

 

From the URL above you can see that the widgetid is HTML3 and sectionid is sidebar

That simple!

Locate Widgets in Blogger Templates

Now when you have learnt how to find the widgetid, its time to locate widgets inside your blogspot template. Suppose we wish to locate the widget with widgetid HTML3

locating widgets in blogger

1. Go to Blogger > Template > Click Edit HTML

2. Click the drop down menu "Jump to widget"

3. The drop down menu contains a list widget IDs. In our case it is HTML3. Click it!

List of Widget IDs

4. You will be taken to the location where the HTML DOM for your widget exists enclosed inside <b:widget> tags.

Widget Code

You can expand this code and edit the Widget Contents like its Headline, style content hidden inside <data:content/> tag or do amazing things with it like hiding the Widget from rendering inside Mobile devices or hiding widget on a particular page or post.  

Need Help?

Let me know if you need further clarification on any method. I would love to make it more simple for you. Stay tuned and subscribe to our email news letter for more amazing stuff. Peace and blessings buddies! =d

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: 2 Ways to Find Section ID and Widget ID in Blogspot
2 Ways to Find Section ID and Widget ID in Blogspot
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiE78D-CtpFZki4XFNB1lem9UlsW1MbWtyFQ6-HFze-TMQIaJnwrRfYvFrxPYpcANUC2KXcZUGqB4RaADVw0kmRY1o84wUlhMvi8Gexb_OV3uZB6H5-puiALoK3tm6n0HIGGMVPp0DnQ/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiE78D-CtpFZki4XFNB1lem9UlsW1MbWtyFQ6-HFze-TMQIaJnwrRfYvFrxPYpcANUC2KXcZUGqB4RaADVw0kmRY1o84wUlhMvi8Gexb_OV3uZB6H5-puiALoK3tm6n0HIGGMVPp0DnQ/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2015/07/2-ways-to-find-section-id-and-widget-id.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2015/07/2-ways-to-find-section-id-and-widget-id.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy