Copying Blogger Widgets Code Or Html

Blogger widgets are the one of the most important part for its beauty and for your advantages and promotions widgets are often used and sometimes you found a very rare widgets on a blog and you search for it everywhere and FAIL to find but not anymore because today em going to teach you a trick by which you can copy blogger widget from any website which don't have disabled the right click , and I will be teaching you this for the following browser,

• Google Chrome.

 Copying A Widget

Step#1
Open the blog from which you want to copy the widget right click on the widget box you want to copy and click on inspect elements as shown in the picture below,

(Note): don't click on anywhere randomly because if you do so then you have to explore the whole html and have to find the sidebar widgets, so I suggest clicking on the widget box of the widget you want to copy as shown in the pic I clicked on the empty area but my cursor won't show as I took a screen shot.

Step#2
Now a rectangular box will appear on the bottom of the page as shown in the pic below,

Step#3
Now your widget code will be highlighted with gray color as shown in the pic below take your cursor over it as to make sure weather it is the correct code or not,

(Note): Did you noticed the change when I took my mouse over grey highlighted the code in the elements box the widget box turned blue means the correct html code is going to be copied.

Step#4

Now expand the grey highlighted html code by clicking on the arrow and then copy the " <div class="widget-content"> " by right clicking the line and then click on the copy as html,

this is what it will get you copied,

<div class="widget-content"> <div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody><tr> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i539.photobucket.com/albums/ff360/stcmustafa/MBT-BLock.gif" height="125"></a></center></td> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i539.photobucket.com/albums/ff360/stcmustafa/MBT-BLock.gif" height="125"></a></center></td> </tr> <tr> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i539.photobucket.com/albums/ff360/stcmustafa/MBT-BLock.gif" height="125"></a></center></td> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="http://i539.photobucket.com/albums/ff360/stcmustafa/MBT-BLock.gif" height="125"></a></center></td> </tr> </tbody></table> <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody> <tr> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="http://lh4.ggpht.com/_7wsQzULWIwo/SqlQiHNepnI/AAAAAAAAB0U/Sf8_Q2t2B_o/ADVERTISE9.jpg?imgmax=800"></a></center></td> </tr> </tbody></table> </div> </div>

• Now Make Changes To The Widget Code You Just Extracted And, Changes Like Replacing Links With Your Links And Etc And You Are Done.

Feel free to contact me if you have any problem.

Thanks For Making This Possible! Kindly Bookmark and Share it.