Cara Membuat Google Friend Connect Valid HTML5

Hallo Sobat Mafia Hacker, kali ini saya akan Membahas tentang " Cara Membuat Followers Google Valid HTML5 " . Dalam Beberapa template sering kali kita temuka GFC yang tidak Valid HTML5 , namun bisa di atasi dengan kode Javascript berikut ini . .

Ini adalah Kode Default Followers Google Saya setelah di Page Source

<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

        

        
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

        
        gadgets.rpc.register('requestSignOut', function(siteId) {
          
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
    
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
        
          
          
          
            holder.postFeed = "http://www.blogger.com/feeds/2867583517124890985/posts/default";
          
------------------------------------------------------------------------------          
          
            holder.commentFeed = "http://www.blogger.com/feeds/2867583517124890985/comments/default";
          
          holder.currentBlogUrl = "http://mafiasitez.blogspot.com/";
          holder.currentBlogId = "2867583517124890985";
        
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

    
    gadgets.rpc.register('set_pref', function() {});

    registerGetBlogUrls();
  }
  </script>
<div id="div-1tq9hepl2gzi6" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    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-1tq9hepl2gzi6",
     height: 260,
     
     
     
     site: "12537830855582460920",
------------------------------------------------------------------------------     
     locale: 'in' },
     skin);
  </script>

Perhatikan pada kode yang saya beri tag (-) . Kode itu bisa anda dapatkan bila anda Page Source halaman Web Anda dengan cara tekan CTRL+U . Lalu cari kode Followers Google anda , contoh : Followers, atau Pengikut .

Lalu perhatikan pada kode yang saya bercetak tebal . Kode " div-1tq9hepl2gzi6 " dan kode " 12537830855582460920 " .

Kode ID itu bisa anda Ganti dengan ID google Friend connect anda . Lalu kode 12537830855582460920 bisa anda ganti dengan ID/Nomor Blogger Anda .

Atau seperti blog Saya yang satu Lagi ..

Namun sebelum itu , anda harus mengganti Kode " div-1tq9hepl2gzi6 " dan kode " 12537830855582460920 " dengan Kode ID/Nomor anda atau ID Blog anda.

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-1tq9hepl2gzi6" 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-1tq9hepl2gzi6',
   site: '12537830855582460920'},
  skin);
</script>

#NB : Bila tidak jelas Silahkan beri Komentar :)

Selamat Mencoba ^^