How to Find Blogger Widget ID and Section ID

Today we will know how to find the widget ID in Blogger blog. Let us assume that you want to change the font style of a widget which is located in the sidebar of your Blogger blog. But if we change the Font style of sidebar than it will apply that font style to all the widget located in the sidebar. So to make changes of font style of particular Widget located in Blogger blog we have to know the widget ID of that Widget or Gadget.Actually Blogger assigns a unique Section ID and Widget ID to every Widget without telling anything about it. It means we have to find out the Widget ID of the widget in which we want to make changes manually. And after finding the widget ID we can make changes to widget as it is shown below.

#Widget ID-Here {font-family: Arial;}

See above again I have added a pound sign (#) before the element ID/ Widget ID. It is important to add a pound sign before any ID in the CSS. Now we can add that CSS style code in the CSS area of our Blogger blog. But first we should know how to get the Widget ID of Blogger blog. For that see the steps given below.

You will first sign in to your Blogger blog if aren't signed in now.
Now after that Click on the Blog Title from the Blogger Home Page in which you want to make changes.
Now after that locate to Blogger Home > Layout and than locate the widget in which you want to change the style.
Now click on the Edit link on the widget of which you want to know the Widget ID and Section ID. See the image given below to know where is the Edit Link on the Widget.

How to Find Blogger Widget ID and Section ID

After clicking on Edit link a window will Popup which contains all the configurations of that selected widget. See the image below of the Popup configuration of that Widget.

Look Image Carefully

Now we will need to maximize the window to see the Full URL in which the Section ID and Blog ID is Written. See the image of the maximized window of my Recent Posts widget given below.

See Widget, Section and Blog ID in circle

If you can't see my Widget URL properly in the above image than see the URL given below in quotes.

http://www.blogger.com/rearrange?blogID=7566508821197325178&action=editWidget&sectionId=sidebarright&widgetType=null&widgetId=HTML2

Now you can see that my Widget ID of Recent Post is HTML2 and the Section ID is sidebarright. You can also see the Blog ID of your Blogger blog. At last we got it in a very easy way.

That's all! We have finished our goal in finding the Blogger Widget ID and Section ID without viewing any HTML code. Now we can apply any CSS code and Styles to the particular Widget of Blogger blog by finding it's unique Widget ID. If you need any kind of help than feel free to ask me.

Comments

How to Get Unlimited Ammo and Health in IGI 2

After many days I am sharing a cool and interesting trick for game lovers. Do you enjoy playing IGI2? Of course you like this game. But many of you may be facing verious difficult situations in completing this game. It's because the missions are really tough and you can't complete whole IGI 2 without using it's cheat codes. There are many hacking tricks for IGI available in the Internet but most of them don't work. And this is the reason I am sharing these cheat codes to you. After reading this post you will be able to play this game without losing any health and ammo. We'll use a lite application to achieve the immortality and infinite number of ammo in this game. You will have to download the software from the link that I will provide you a little later in this post. Let's first know what this software will do. It will allow you to keep your health unlimited in IGI game. And if the health will not decrease then you will never die in the game IGI. You wil...

Block Annoying Ads in Google Chrome with Adblock Plus

Have you ever how some of the ads annoys peoples. Let's say you go to some website to download your favorite song but when you visit that site, you are welcomed with more than two or three pop-ups ads. Some websites keep more that two or three pop-ups and ads, they can place as many as 10 pop-ups on one single page. When you will visit a particular page the pop-ups will be opened automatically. We understand they need money to run their company but they should look for some good ways to show ads rather than showing forced pop-up ads, they can show ads if it that ad is relevant to their users or most of their visits their for that types of readings. Anyway, if you are really annoyed with these pop-up ads and wanted to block them than you can use a Google Chrome extension which is named Adblock Plus. This software can handle these pop-up ads very easily. It will not only block your pop-ups, it will also block the advertisement that is shown in the page too. After installing this app...

Enhancing Productivity with Virtual Desktops in Windows 11

In the fast-paced digital age, multitasking has become an essential skill for maximizing productivity. With the release of Windows 11, Microsoft introduces an enhanced Virtual Desktop feature that empowers users to organize their workspace, manage tasks efficiently, and seamlessly switch between different contexts without the clutter. In this article, we'll delve into the world of Virtual Desktops in Windows 11 and explore how this powerful tool can elevate your productivity to new heights. Task View The Power of Virtual Desktops Virtual Desktops in Windows 11 provide users with a dynamic way to manage their open applications and tasks. Think of them as separate workspaces, each with its own set of open apps, files, and windows. This allows you to group related activities together, effectively creating a focused environment for different projects, tasks, or workflows. Getting Started with Virtual Desktops Setting up and using Virtual Desktops in Windows 11 is a breeze: 1. Creating...

NerdPit

Search This Blog