Widgets Followers Valid at W3

Make a Widget Followers for Valid XHTML 1.0 or W3 To make steps are as follows:

The first step: 
If you already have a Followers widget, please proceed to step two.
You have to login to Blogger click select Element Page Design.
Then click Add a Gadget, Widget Followers select and click SAVE.

Step two: 
Now you open Notepad to copy existing code in HTML Folowers easy way you see the look of your blog which already exist Widget his Followers then press Ctrl + U to view the code Followers, Followers code that need to be copied into Notepad is like this:

<div id=" div id you have "style="width: 100%; "> </ div> 
<script type="text/javascript"> 
var skin = {}; 
skin ['FACE_SIZE'] = '32 '; 
skin ['HEIGHT'] = "260"; 
skin ['TITLE'] = 'Follower'; 
skin ['BORDER_COLOR'] = "transparent"; 
skin ['ENDCAP_BG_COLOR'] = "transparent"; 
skin ['ENDCAP_TEXT_COLOR'] = "# 000000"; 
skin ['ENDCAP_LINK_COLOR'] = "# 000000"; 
skin ['ALTERNATE_BG_COLOR'] = "transparent"; 


skin ['CONTENT_BG_COLOR'] = "transparent"; 
skin ['CONTENT_LINK_COLOR'] = "# 000000"; 
skin ['CONTENT_TEXT_COLOR'] = "# 000000"; 
skin ['CONTENT_SECONDARY_LINK_COLOR'] = "# FFFFFF"; 
skin ['CONTENT_SECONDARY_TEXT_COLOR'] = "# 000000"; 
skin ['CONTENT_HEADLINE_COLOR'] = "# 000000"; 
skin ['FONT_FACE'] = "Arial"; 
google.friendconnect.container.setParentUrl ("/"); 
google.friendconnect.container ["renderMembersGadget"] ( 
{Id: "div-1oivj41cpmxb7" 
height: 260, 
site: "ID of your blog", 
locale: 'in'}, 
skin); 
</ Script> 

If you have found the code like above please copy the code into Notepad, to which blue is the id you have.

Step three: 
Now you have the Followers widget code already stored in the Notepad, here I'll explain a little why Followers Widget Error in W3C? because of the placement type of the Java language / script.
Now we will take Java / Script from the friend connect.

Steps are: 
Click on select Design Element Page.
Then click Add a Gadget select HTML / JavaScript. 
Then input the code that you copied into Notepad into the HTML / JavaScript widget name to a different order not to confuse distinguish.
Then add the code below on top of the buddy  <div id="div id you have" style="width: 100%;"> and code </ div> at the end of the code
so code as follows:

<div class="widget-content"> 
src="http://www.google.com/friendconnect/script/friendconnect.js" <script type="text/javascript"> 
</ Script> 
<div id=" div id you have "style="width: 100%; "> </ div> 
<script type="text/javascript"> 
var skin = {}; 
skin ['FACE_SIZE'] = '32 '; 
skin ['HEIGHT'] = "260"; 
skin ['TITLE'] = 'Follower'; 
skin ['BORDER_COLOR'] = "transparent"; 
skin ['ENDCAP_BG_COLOR'] = "transparent"; 
skin ['ENDCAP_TEXT_COLOR'] = "# 000000"; 
skin ['ENDCAP_LINK_COLOR'] = "# 000000"; 
skin ['ALTERNATE_BG_COLOR'] = "transparent"; 


skin ['CONTENT_BG_COLOR'] = "transparent"; 
skin ['CONTENT_LINK_COLOR'] = "# 000000"; 
skin ['CONTENT_TEXT_COLOR'] = "# 000000"; 
skin ['CONTENT_SECONDARY_LINK_COLOR'] = "# FFFFFF"; 
skin ['CONTENT_SECONDARY_TEXT_COLOR'] = "# 000000"; 
skin ['CONTENT_HEADLINE_COLOR'] = "# 000000"; 
skin ['FONT_FACE'] = "Arial"; 
google.friendconnect.container.setParentUrl ("/"); 
google.friendconnect.container ["renderMembersGadget"] ( 
{Id: "div-1oivj41cpmxb7" 
height: 260, 
site: "ID of your blog", 
locale: 'in'}, 
skin); 
</ Script> 
</ Div> 

Click SAVE 

Description: The code in blue above is the code that had been added please note I give a type in JavaScript.

Step Four: 
Now you have two different Followers widget is a widget with the first and the second built-blogger widget works created in HTML / JavaScript, then you must delete the default Followers blogger widget so that there is only one widget.

Step five: 
Now we will create is valid in the W3C's how:
In the draft click Edit HTML check Expand Widget Templates
then look for the code if you have found <b:include name='quickedit'/> delete
Then click on SAVE TEMPLATE and see the results

Good luck

Source: tiptrikblogger