Syaz Harzays Minme: Tutorial : Followers Widget For Blogskin

Pages

STATUS UPDATED!
Assalamualaikum korang korang and korang... terima kasih kerana sudi singgah kat blog syaz ni.. hihihihi...

14 Feb 2014

Tutorial : Followers Widget For Blogskin

Assalamualaikum you all..
selamat petangg... panas kan petang nii... alahai... 
hahaha...  panas-panas pon syaz tunaikan jugak request dari adik manis kita ni .... 
ha''aa.. adik anis ... ni haa.. akak buatkan tuto untuk anis... hope tuto yang akak buat ni dapat membantu la yerr... hihihihihihihi... 



1. Dashboard --> Template --> Upgrade Template

2. FOLLOW je gambar dekat bawah ni ikut step by step oke..

     STEP 1



Click yang dalam kotak merah tu..UPGRADE TEMPLATE tu... ( korang jangan susah hati... template korang already back-up dah ) 


     STEP 2



Click LAYOUT pulak... tengok je yang syaz tunjukkan dengan anak panah warna merah tu..


     STEP 3

Click ADD GADGET --> MORE GADGET --> FOLLOWERS

tengok gambar dekat bawah..





3. VIEW blog korang... korang akan nampak widget followers at sidebar korang...

contoh gambar at bawah...


tadaaa... dah jadikann??? hahaha... clap ur handd.... 

dah siapp?? belom siap lagi laaa.... follow lagi tuto at bawah... bersabar la yaa...


4. HIGHLIGHT korang punya website... then click CTRL + U untuk dapatkan koding followers widget korang.... 

macam yang dekat bawah ni..



dapat follow takk?? ok next yaa ..

5. Pergi dekat OPEN SOURCES korang tadi... kemudian tekan F3, cari kod yang seakan-akan contoh yang dekat bawah ni , n then COPY kod followers korang kalau dah jumpa :

*yang bawah ni just contoh bagi memudahkan proses pencarian korang.. hihihihi *


<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="//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/7316489848395400337/posts/default";
       
       
       
            holder.commentFeed = "http://www.blogger.com/feeds/7316489848395400337/comments/default";
       
          holder.currentBlogUrl = "http://dannysyaz2923.blogspot.com/";
          holder.currentBlogId = "7316489848395400337";
     
        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-1by5t1r97xpvk" 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'] = "#ffffff";
    skin['ENDCAP_LINK_COLOR'] = "#888888";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#888888";
    skin['CONTENT_TEXT_COLOR'] = "#ffffff";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#888888";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1by5t1r97xpvk",
     height: 260,
   
   
   
     site: "04771165598664463041",
   
     locale: 'en_GB' },
     skin);
  </script>

6. Dah dapat kod followers korang kan?? dah copy?? make sure dah copy oke...
kalau dah copy... korang tukarkan template korang pergi ke blogskin lagi... tahukan...?? kalau tak tahu.. boleh refer tuto YANG NI..

7. Dah bertukar ke blogskin lagi.. kalau dah.. korang PASTE kod yag korang dah copy tadi ikut tempat yang korang nak la yerr..

8. PREVIEW dulu... kalau dah menjadi.. boleh la  SAVE..


SELAMAT MENCUBA ^^

hope korang faham la erk.. kalau tak faham.. boleh tanya terus dekat syaz... thanks ya.. :)



8 comments:

  1. ya Allah akak thanksss so so so much nanti bila dah boleh saya respon balik kahkah btw thanks again T^T terharu

    ReplyDelete
    Replies
    1. hahhaa... welcome adik... kalau ade pa2 lagi bagtau jaa.. In Shaa Allah akak tlg.. :)

      Delete
  2. Serious boleh ke?!?!? Kenapa tak buat dari dulu lagi :(((((( Skrg saya dah tak pakai blogskin dah :((((

    Anyhow, syabas! ;)

    ReplyDelete
    Replies
    1. boleh la biela... ala2.. xpe..mana la tau biela nak guna blogskin lagi nanti ..boleh la refer tuto ni utk followers widget bs... hihhihi

      Delete
  3. Akak kenapa tak jadi :( Dia keluar tajuk je The Followers tapi kotaknya tak keluar kod yang akak suruh copy tu saya dh copy bulat-bulat kat saya punya view source tapi still tak jadi T^T Hope akak boleh tolong btw thanks sngt2!!!

    ReplyDelete
    Replies
    1. laa.... kan akak cakap cari kod yang seakan2 kod yang akak tunjuk tu.. kod tu kod followers akak la syg.. mana nak jumpa dalam open sources syara... syara click f3, then cari kod 'followers'... lepas tu tgk contoh koding yang akak bg.. kalau tak dapat jugak.. meh email n password .. akak tolong aturkan .. :)

      Delete
  4. Sedang mencari tuto ni. Terima kasih :D

    ReplyDelete

Assalamualaikum...
alang-alang dah baca tu..
mintak tolong komen sekali boleh??
hehehehe ^^

Syaz Harzays Minme© . Designed by MaiGraphicDesign