Assalamualaikum & Salam Sejahtera.

Terima kasih kepada yang bertanya. Tutorial INI dah tak valid. So harini nak kasi tutorial baru macam mana nak letak follower widget untuk pengguna Classic Template / Blogskins. 

1. Template 

2. Copy and Paste code bawah ni

<div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
    window.followersIframe = null;
    function followersIframeOpen(url) {
      gapi.load("gapi.iframes", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          window.followersIframe = gapi.iframes.getContext().openChild({
            url: url,
            where: document.getElementById("followers-iframe-container"),
            messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
            messageHandlers: {
              '_ready': function(obj) {
                window.followersIframe.getIframeEl().height = obj.height;
              },
              'reset': function() {
                window.followersIframe.close();
                followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d<$BlogID$>\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjIyMjIyMiIGMTExMTExKgZmZmZmZmYyBjAwMDAwMDoGMjIyMjIyQgYxMTExMTFKBjIyMjIyMlIGMTExMTExWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dPASTE URL BLOG SINI/");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              },
              'blogger-ping': function() {
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d<$BlogID$>\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjIyMjIyMiIGMTExMTExKgZmZmZmZmYyBjAwMDAwMDoGMjIyMjIyQgYxMTExMTFKBjIyMjIyMlIGMTExMTExWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dPASTE URL BLOG SINI/");
  </script></div>
</div>
</div>
<div class='clear'></div>

3. Code yang di-bold tu boleh ganti dengan url blog korang. 

4. Save and preview.

Aku tak saran korang usik code dia sebab aku sendiri rasa code dia complicated. Tapi kalau nak usik juga terpulang. Kepada yang buat tapi tak menjadi boleh contact through ask.fm aku ye.

Sekian.

Follow my blog with Bloglovin

Tutorial : How To Get The Old Follower Widget

Assalamualaikum

Hari ni nak buat satu tutor ringkas . Macam mana nak dapat kan balik Follower Widget yang lama punya version . Seperti mana yang korang tau , dekat add a gadget tu , dah takde follower widget kan ? Actually this tutor i got from her . So credit to her for this tutor . Let's Begin .


1. Dashboard > Layout > Add a Gadget > More Gadget

2. Scroll down sampai jumpa Followers Widget .

3. Save


p/s : Kepada pengguna classic template atau blogskins , korang boleh juga pakai follower widget yang macam ni , tapi kena follow this tutor first .

Tutorial Follower Widget For Blogskins

Tutorial : Follower Widget (Blogskins User)

Assalamualaikum

Haritu . ade orang minta ajarkan macam mana nak dapat follower widget untuk blogskins . actually dah ade banyak dekat google . tapi aku ade cara sendiri . cara ni mungkin agak mengelirukan , sebab ni cara yang aku create sendiri . so kena follow tutorial ni slow slow . insyaallah korang akan boleh follow . okay ? jomm mula .

1) Tukar blog kepada Simple Template .

macam mana nak tukar ? pergi dekat Template > Upgrade Template > Simple Template . Pastu save . kemudian . korang pergi ke Layout > Add a Gadget > Followers . kemudian SAVE . siap fasa pertama . try view blog korang , then RIGHT CLICK , click pada VIEW PAGE SOURCES . takpun , CTRL + U , nanti akan keluar semua coding blog korang . aku nak korang CTRL + F perkataan SITE . cube cari seakan akan macam code bawah ni ;

site: "07045439483620914405",

dah jumpa code yang seakan akan macam dekat atas ni ? copy then tolong save dekat mana mana dulu .

2) Tukar semula blog kepada Classic Template .

Pergi ke template . then scroll down sampai bawah . kemudian klik pada REVERT TO THE CLASSIC TEMPLATE . okay siap step kedua .

3) Copy code dekat bawah ni .

<center><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-YOUR BLOG ID" style="width:210px;border:0px solid #444;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = '#f3e4ca';
skin['ENDCAP_TEXT_COLOR'] = '#000000';
skin['ENDCAP_LINK_COLOR'] = '#000000';
skin['ALTERNATE_BG_COLOR'] = '#f3e4ca';
skin['CONTENT_BG_COLOR'] = '#f3e4ca';
skin['CONTENT_LINK_COLOR'] = '#000000';
skin['CONTENT_TEXT_COLOR'] = '#000000';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#000000';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#000000';
skin['CONTENT_HEADLINE_COLOR'] = '#333';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-YOUR BLOG ID',
   site: 'YOUR SITE NUMBER' },
  skin);
</script></center>

*YOUR SITE NUMBER tu . korang paste no yang korang copy dekat step no 1 tadi . COPY NO SAHAJA . kemudian mana mana code color tu korang boleh edit ikut suka korang .

4) Save and Preview .

Try refresh banyak kali sebab mase aku buat haritu , lepas refresh banyak kali baru jadi . tutor ni takkan jadi kalau korang paste code ni dekat tempat lain selain daripada main page blog korang . tak paham , jangan malu nak tanya .

TAK JUMPA FOLLOWER WIDGET ? KLIK SINI PENYELESAIAN.