Add Follower Widget (Blogskin)

Assalamualaikum and hai * harini Tyqah nk buat tuto letak follower widget for blogskin.

1.Mula2 korang tukar balik template korang kepada template designer . Tekan template > Upgrade template dekat atas template tu okay ?

2.Lepas korang dh click upgrade template tu , korang pergi Dashboard > Design > Edit layout

3. Kemudian, korg tambah gadget follower. Bagi yang dah ada tak perlu la tambah. Bagi yang takde tu korg click Add Gadget.

4.Korang add followers gadget okay ? . Then tekan add dan save.

5. Bila sudah , korang view blog. Then tekan Ctrl+ u serentak untuk view page source. Nanti akan keluar page source yang banyak kod HTML tu kan? Okayy jgn pening dengan kod tu..lols. Korang just click Ctrl+f serentak dan cari code friendconnect macam Tyqah buat ni 

6.  Ha! nampak tak code yang di-highlight-kan tu? Good. Okay skarang korang cari code yang seakan-akan code kat atas tu.

7. Korang copy code code <script type="text/javascript"> sampai code

     site: "10767758051059505876",
     
     locale: 'en' },
     skin);
  </script>
</div> 

8. Ni contoh code Tyqah . WARNING ! ni code Tyqah , code korang mungkin lain2 .

9. Korang copy code tu dan paste dekat notepad dulu ye pastu korang tukar balik kepada classic template/blogskin .

<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/2926832375063425608/posts/default";
         
         
         
            holder.commentFeed = "http://www.blogger.com/feeds/2926832375063425608/comments/default";
         
          holder.currentBlogUrl = "http://atiqahmahathir.blogspot.com/";
          holder.currentBlogId = "2926832375063425608";
       
        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-3b24j1dnmho5" 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'] = "#222222";
    skin['ENDCAP_LINK_COLOR'] = "#cc6611";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#cc6611";
    skin['CONTENT_TEXT_COLOR'] = "#222222";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#cc6611";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-3b24j1dnmho5",
     height: 260,
    
    
    
     site: "10767758051059505876",
    
     locale: 'en' },
     skin);
  </script>
</div> 

10.Korang post lah widget tu dekat blogskin korang .
11.Preview & save. Klau tak faham. Jgn segan-2 utk bertanya :) ok tu je bye