How to find selected widget in the html edit page of blog with the help of WidgetId

Simple Steps for find selected widget in HTML edit page of blog :

1. You have to go to the blog dashboard > layout

2. In layout choose widget for find in Edit HTML Template. 

3. In this tutorial I am going experiment on the Popular post widget.



4. In layout simply click on Poular post widget Edit link for find the widget address. The address look like,
https://www.blogger.com/rearrange?blogID=11111110672470952&action=editWidget&sectionId=
menu&widgetType=null&widgetId=PopularPosts1

5. In that address find the widgetId whose located at the end of the widget address(Highlighted in yellow color).The WidgetId is PopularPost1.

6. Now, you have to go to Template section. In that template section click on the Edit HTML button.

7. After clicking HTML code, page of entire blog html code will open.

8. In HTML page, you have to click on 'jump to widget' then widget list will expand. Do that.

9. After select and click on the PopularPost1 widgetId (because I am experiment on Popular post widget) you will gone to the html popular post widget. Look like,

10. Expand this widget by simply click on three dots it is locate at left side of </b:widget>.
After expanded widget look like,

This is the entire HTML code of the popular post widget.