JOM BACE STATUS SY YG TERKINI
YanaMuhd: tutorial : Follower Gadget for Blogskin (NEW)

Sunday 3 June 2012

tutorial : Follower Gadget for Blogskin (NEW)

GiveAway TERBAIK bulan ini
-Middle Of The Year GA by Izzah and Amira.
-Simple Giveaway by Atirah Hayati and Siti Syazwani
-1st giveaway by nina dan kiki
-1st giveaway by nabila medan
-Mega Tech Giveaway By MizzsNinie, CikMun And DrFara(Hadiah Lumayan)

Assalamualaikum ualls !! Malam ni yana nk wat tuto pasal follower gadget for blogskin...
okay Yana phm dulu kan dah ade Tuto psl follower gadget ni TAPI tuto yg itu dah x leh gune sbb google dh remove..Tapi kalo yg dh save codenye tak pelah ! So kpd yg tak tahu meh Yana tunjuk..

Tuto credit: haruno-hana


1. Pergi ke Template dan tukar daripada Blogskins kepada Blogger Template. Sebelum tu, save template Blogskins korang kalau tak nak hilang. Kalau tak tahu cara nak tukar dari Blogskins ke Blogger Template, klik SINI

2. Pergi ke Dashboard > Design > Edit Layout. Sebab korang dah bertukar pada Blogger Template, korang dah boleh add gadget Follower. Sesetengah Blogger Template tu dah ada Follower Widget ni, sesetengah tu korang kena add guna Add A Gadget. Lepas add, save terus.

3. Korang pergi ke blog dan tekan Ctrl + U (SERENTAK!) untuk view page source. Bila dah keluar page source yang banyak kod HTML tu, korang cari kod seakan-akan kod kat bawah ni. Untuk cari code, korang tekan Ctrl + F serentak dan masukkan keyword 'friendconnet'


Page Source akan keluar kalau anda tekan key Ctrl & U SERENTAK! :)

AMARAN : Jangan copy kod ni. Setiap blog ada kod yang tersendiri. Yang ini kod untuk Follower Widget blog Yana sahaja :) 
Korang copy bermula kod <script type="text/javascript"> sehingga kod locale: 'en'}, skin); </script></div>
Rujuk kod dalam Scroll Box ni. Cari kod seakan-akan kod dalam 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/5455136571999822657/posts/default";

            holder.commentFeed = "http://www.blogger.com/feeds/5455136571999822657/comments/default";
          
          holder.currentBlogUrl = "http://miechalovechocolate.blogspot.com/";
          holder.currentBlogId = "5455136571999822657";
        
        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-1lxgv1c4r9tcj" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '45';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "My Heart";
    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-1lxgv1c4r9tcj",
     height: 260,
 
     site: "01785458813951239218",
     
     locale: 'en_GB' },
     skin);
  </script>
</div>


4. Dah copy kod Follower korang? Bagus. Sekarang paste dulu pada Notepad. Tapi kalau korang online Facebook dan tengah menghadap profil FB korang masa ni, paste dekat Post Status aje. Maksud Hana, paste aje kod ni kat situ, tapi jangan pulak korang tekan Post. Sebagai alternatif kalau malas nak buka Notepad aje. Hana selalu buat macam ni. Ha ha.

5. Sekarang, boleh tukar balik template korang daripada Blogger Template kepada Blogskins atau apa-apa template sahajalah. Nak tuto klik SINI. Kod yang korang paste kat Notepad atau Post Status Facebook tu, korang copy dan paste lah dekat mana-mana kod Blogskins korang bahagian sidebar .

Kalau tak paham korang boleh tanya okay..
SELAMAT MENCUBA :D
p/s: Kalau menjadi pls komen ye !


Thank u for reading :D

No comments: