How to find Blogger Widget ID and Section ID

Suppose you want to change the text color in one of your widgets, in the
sidebar. You know this is done in the stylesheet and you can even find the code
for the sidebar. But changing the code for the sidebar will affect the whole
sidebar. Then how do you address only that particular widget?

You need something unique -an Id, a widget Id that is. With a widget Id, you
can:

Use it as a selector in stylesheet when styling the widget. ( To use an Id as a
selector, you need to add the pound sign “#” as a prefix, as in#YourWidgetId
{}).Use it with Javascript getElementById method to access the widget content.

If
you add a widget via Add A Gadget link in Page Elements, Blogger will
automatically generate an Id for the widget, without telling you what the Id is.
To find the Id, you’d normally have to search inside the template HTML code.Well I have searched a simpler and more straightforward way, without the need to
go into your template HTML.As
an example I’m going to check my Recent Posts widget Id and the corresponding
section Id. Follow me through the steps: