Google Friend Connect Valid HTML5

Since google friend connect widget is removed from the menu on the Layout Add Gadget turns out there are in fact many are confused to install this widget when the widget is arguably very attractive when compared to Google+ Follower, the proof if we look at the blog scattered on the internet lots of blog owners are still installing google friend connect this includes me too.

From the survey results that I did with this widget in a way and grab randomly Googling and see some of the results are still a lot of blogs that use this widget, but still there are some friends who had asked how to set it up when I gave a tutorial which is quite obvious but the widget still has not appeared. For that I wrote here how to install the widget again google friend connect manually but is more complicated than I've ever written before, though complicated but the results are quite satisfactory because Google Friend Connect could Valid HTML5.

Directly to the installation means
1. Install it google friend connect widget by following the way that I write here
2. If it is now open and look at the Page Source your blog, how to right click on an empty area of ​​your blog and click on "View Page Source" or it could be via the menu "Tools >> Web Developer >> Page Source" in Mozilla Firefox Browser.
3. Find "renderMembersGadget" posts as shown below

4. Add a new widget, I click the "Layout menu >> Add Gadget >> HTML/JavaScript" subsequent copy and paste the script below on the city HTML/JavaScript that appears earlier

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-4qmlh3xoedtu" style="width:225px;"></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = '260';
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#000000';
skin['ENDCAP_LINK_COLOR'] = '#000000';
skin['CONTENT_BG_COLOR'] = 'transparent';
skin['CONTENT_LINK_COLOR'] = '#000000';
skin['CONTENT_TEXT_COLOR'] = '#000000';
skin['CONTENT_HEADLINE_COLOR'] = '#000000';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-4qmlh3xoedtu',
   site: '15798607466213540774'},
  skin);
</script>

Replace the red writing with that of the Page Source on your blog ( step 2 and 3 above )
5. When you are finished click the Save button
6. The next step remove the Google Friend Connect widget is the first time you created earlier ( Step 1 above )
7 . In order for Google Friend Connect widget HTML5 Valid please remove code like this on your blog template

<b:include name='quickedit'/>

've Finished what I write this, hopefully useful.

Good luck

Tweet