.:abandoneddungeon:.: Tutorial: Put Google Friend Connect in Blogskin / Letak Google Friend Connect dalam Blogskin

Assalamualaikum!~

Warning: Please do by the numbers. Some numbers are not in their order, so read carefully.

Today is lesson day! How to put Google Friend Connect in Blogskin hah?

First of all, what is Google Friend Connect? And how to get it?


This is Google Friend Connect.

2) To get it, open Blogger --> Layout --> Add a Gadget --> More Gadgets --> Scroll till the bottom --> Click the 'plus' icon.

1) Eh, wait-wait. You say we want to put it in Blogskin? Okay, I forget to tell you. The most first step is change your Blogskin to it origin. Don't worry, your skin WILL NOT DISAPPEARD! Trust Blogger! Don't know how?

3) After that, you open your blog, then press CTRL+U in the same time to view your page source.

4) Press CTRL+F in the same time to find. Then, search friendconnect


As example, this is my code. Click to view it better.

WARNING: Don't copy the code at the bottom. Every blog has it own code. I show this just as an example.
5) You need to copy from <script type="text/javascript"> until locale: 'en'}, skin); </script></div>

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/7540709884146406967/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/7540709884146406967/comments/default";
          
          holder.currentBlogUrl = "http://dianeeya.blogspot.com/";
          holder.currentBlogId = "7540709884146406967";
        
        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-1wuntfer76nrf" style="width: 100%; ">
</div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#073763";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#073763";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#073763";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 16px \x27Trebuchet MS\x27, Trebuchet, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1wuntfer76nrf",
     height: 260,
     
     
     
     site: "11959273172410894964",
     
     locale: 'en_GB' },
     skin);
  </script>
</div>

6) Then, paste the code to Notepad. You compare it to my code. It need to be a bit same to my code.

7) Done? Good. Now, you can change back to your Blogskin.

8) Copy your earlier code, then paste it to wherever your want.

9) Preview and Save. ;)

GOODLUCK!

p/s: Kalau ada orang Melayu tak faham boleh tengok SINI okeyy. Haha~

20140710

Tutorial: Put Google Friend Connect in Blogskin / Letak Google Friend Connect dalam Blogskin

1 comment