Status
Thanks for passing by x
Aℓia Nzra
Tutorial Here
Home Profile Ex-Link Tutobies Facebook Twitter Ask Me
Disclaimer♠

 reader(s)
Assalamualaikum to muslims who's reading this and willing to visit my blog. I hope you'll like my tutobies and this blog .You may leave your footprints at my cbox. Do follow me and In Shaa Allah i'll follow you guys back! And pls put my link&name at the credit section if youve used my tutobies

Instagram
Tagboard♠

URL blog not email.
Dont be a faker pls.
No harsh words here okay?
Calendar♠

<

Followers♠
Add followers widget dalam BLOGSKIN
Assalamualaikum reader(s)

25 November 2012

Hai korang. Mata tak mengantuk lagi ni. Dah pukul 2.00 pagi kot. Wakaka :3 Burung hantu tegar disini ye. Pfft. Semalam Lia tidur pukul limaaaaaaa! *nada bangga* HAAHHAHA.K berhenti mengarut. Ramai blogger tanya dan request tutorial ni tapi jari jemari baru rajin nak buat tutorial. Bukan apa, tutorial ni BANYAK STEP. Okay let's start!

Contoh follower widget Lia

Macam biasa , Dashboard > Template 

1. Then korang tukar Template Classic/Blogskin ke Template Designer dulu. Kalau tak tahu, boleh rujuk tutorial dekat sini . Jangan risau, semua isi isi blog korang TAKKAN HILANG. 

2. Bila dah convert ke Template Designer korg pergi ke Dashboard > Design > Edit layout


//Click gambar untuk tumbesaran

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


//Click gambar untuk tumbesaran

4. Korg Add Followers. Then Add & Save. Lihat contoh di atas.

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.Banyak kan? Korang just click Ctrl+f serentak dan cari code friendconnect.


//Click gambar untuk tumbesaran

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

WARNING 
JANGAN COPY CODE INI. SEBAB SETIAP BLOG ADA CODE YANG TERSENDIRI. YANG INI CODE UNTUK FOLLOWER BLOG SAYA SAHAJA.

Korang copy code bermula dengan <script type="text/javascript"> sehingga locale: 'en'}, skin); </script></div>

Korang boleh rujuk code dalam scroll box ni. Cari codes yang seakan-akan dlm box 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/7689463663459457347/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/7689463663459457347/comments/default";
          
          holder.currentBlogUrl = "http://pinkyshawol.blogspot.com/";
          holder.currentBlogId = "7689463663459457347";
        
        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-1yp6oi65g9ti" 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'] = "#2288bb";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#2288bb";
    skin['CONTENT_TEXT_COLOR'] = "#222222";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#2288bb";
    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-1yp6oi65g9ti",
     height: 260,
     
     
     
     site: "02717026770363591205",
     
     locale: 'en' },
     skin);
  </script>
</div>

7. Copy code tu then korg paste dekat Notepad dulu ye. Macam ni :-

//Click gambar untuk tumbesaran

8. Lepas tu, korang bole tukar dah lah daripada Template Designer ke Template Classic semula. Tak tahu macam mana? Click sini

9. Then korg bole lah copy and paste code dekat Notepad tadi ke dalam Blogskin korang.

10. Preview & save. Kalau masih tak faham, inform. Lia akan buat korang faham :)
Goodluck guys!



Credit to : Kak Tieqa