How to Get Default and Third Party Widget ID from Blogger Site?

How to Get Default and Third Party Widget ID from Blogger Site

0
data:blog.title
widget id

Blogger Template is a combination of different widgets. Mostly we add widget on Blogger Header, Sidebar and Footer section. Widget can be add from Default and third party sources. Blogger default widgets are as follows-
  • BlogArchive
  • Blog
  • Feed
  • Header
  • HTML
  • SingleImage
  • LinkList
  • List
  • Logo
  • BlogProfile
  • Navbar
  • VideoBar
  • NewsBar

And the above widget we included in different section of Blogger templates. But there are often required to get widget id for changing or customizing an specific Blogger widget. But to do this Blogger should know the widget ID.

For example, you have change a background color or text of sidebar section then all widget inside sidebar section will be change at a time. So for customizing we have to change the widget by ID not section. If you get the widget ID then you can mention the ID on CSS coding for changing or customizing the widget outlook.

This is not a hard task for finding your each and every widget ID. Just follow the below steps-

Finding Blogger's Default Widget ID

I will show you how we can find Blogger's Default Widget ID such as BlogArchive, Blog, Feed, Header.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 From Blog Posts Click on Edit link. A popup window will appear. Notice that there is an URL of the widget on top of the window. Click on Maximize icon at the top right corner of the window. Now you can see the full URL clearly like below. 

Blog Posts

https://www.blogger.com/rearrange?blogID=5658556525502443729&action=editWidget&sectionId=main&widgetType=null&widgetId=Blog1

Step 4 Here the sectionId=main  and widgetId=Blog1. That means under Main section this is Blog Posts  widget whose ID is Blog1.

Blog1

Remember that default Blogger widget ID always represent with widget name.

Finding Blogger's Third Party Widget ID

Default widget ID comes with specific name. But Third party widget ID will be visible by HTML serial number. So let's see how we can find Blogger's Third Party Widget ID.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab. Generally we add Third party widget code in HTML/JavaScript widget.

Step 3 From Layout locate your Third Party widget and Click on Edit link. A popup window will appear. Notice that there is an URL of the widget on top of the window. Click on Maximize icon at the top right corner of the window. Now you can see the full URL clearly like below.

JavaScript

https://www.blogger.com/rearrange?blogID=5658556525502443729&action=editWidget&sectionId=sidebar1&widgetType=null&widgetId=HTML1

Step 4 Here the sectionId=sidebar1 and widgetId=HTML1. That means under Sidebar this is the first widget whose ID is HTML1.

HTML1

Hope now you can easily identify the widget ID with and use it for different purpose. If you think  
How to Get Default and Third Party Widget ID from Blogger Site?
4 Stars stars - "How to Get Default and Third Party Widget ID from Blogger Site?" Blogger Template is a combination of different widgets. Mostly we add widget on Blogger Header...
Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *