Tutorial : Tambah Gadget Followers di Blogskin

Assalamualaikum ^_^

Okey,sekarang hadifah nk ajar tuto.. Tapi,korang kene serious.. Sebab tuto ni agak pening!. Okey mula :

1.pergi edit html ---> Customize design ----> Upgrade your template.. korang jgn risau.korang punye blogskins tu cume dinyahaktifkan je.. bile korang tekan semula revert to classic template, x rosak satu haape pon :) *trust me


2.Bila dh upgrade, korang pilih lah mana korang suka.. sebab ianya hanya sementara je :)

3.korang pegi blog korang klik kanan tekan page view source @ CTRL  + U


4.bile dh jumpe akn keluar macam ni kan?

jgn panik :D

5. korang cari kod yg mcam ni
<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/5851315402131124861/posts/default";
         
         
         
            holder.commentFeed = "http://www.blogger.com/feeds/5851315402131124861/comments/default";
         
          holder.currentBlogUrl = "http://bloghadifahsabri.blogspot.com/";
          holder.currentBlogId = "5851315402131124861";
       
        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-1fsd8a5w34g1v" 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'] = "#ransparent";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#ransparent";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 100% Verdana, Arial, Sans-serif;";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1fsd8a5w34g1v",
     height: 260,
   
   
   
     site: "03006952839459879717",
   
     locale: 'en_GB' },
     skin);
  </script>
Amaran Keras! jgn copy yg hadifah punye sebab kite punye coding lain2 :)

6.Korang bukak notepad,korang paste kan kod yg korang copy tadi.

7.Bile dh paste korang boleh lah edit kod yg ada mcm ni
    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'] = "#ransparent";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#ransparent";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 100% Verdana, Arial, Sans-serif;";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1fsd8a5w34g1v",
     height: 260,
 8.Korang pegi semula edit html ---> revert to classic template ---> paste kan kat mane korang suke..TAPI,,PREVIEW DULU SEBELUM SAVE!

P/S : Bagi pengguna layout.korang pon boleh ikot tutor ni kalau nk comeykan korang punye gadget followers tu ;)

3 comments:

  1. mekasih... sy ikot tuto nie.. jadi :D

    ReplyDelete
  2. @Fida Fidot (;
    Nak paste kan kod tu semua ke ? Ke paste yang dalam kotak warna tu ? ?

    ReplyDelete
  3. kak , sy dah buat tapi takde perubahan pun ..

    ReplyDelete

Tekan "publish" sekali je tau

Terima kasih komen

BUDI BAHASA BUDAYA KITA :)