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

The Annoying Follower Widget and The Kepelikkan Cbox

Assalamualaikum.

Untuk pengetahuan semua walaupun ada yang taknak tahu. Aku tersangatlah annoying berserta sedikit menyampah dengan followers widget yang kononnya baru lepas dah ada unfollow button ni. Hahaha. Bukan apa, haritu masa aku tengah edit blog. Aku decide nak customize h2 style dengan gaya tersendiri. Coding coding coding punya coding. Save! Dengan bangga serta riak dan takkabur, view blog cecepat nak lihat hasil titik peluh sendiri. Sekali buka hampeh sebab the only part yang tak jadi cuma dekat followers widget punya! Banyak kali aku re-do and check coding dekat area followers widget tu. End up dengan aku give up and tinggal kan macam tu.

Akhirnya menjadi! Menjadi lepas lewat malam tu, aku contact Lala Rahim and minta tolong dia through insta punya chat. Alhamdulillah, dia memang tak pernah sombong okay! Actually, masa tu tengah scroll insta. Pastu kebetulan nampak dia like gambar aku, aku pon tanpa melengahkan masa terus serbu chat dia. Thanks Lala sebab dah tolong settlekan masalah yang kononnya macam takde penghujung ni! And yeah we both agreed yang widget followers baru ni leceh sebab semua coding takkan jadi! Serba serbi tak kena. Hahaha.

Haa, yang ini satu lagi. Cbox. Korang perasan tak, if dekat url blog korang ada https:// memang cbox korang takkan keluar. Bukan takat cbox, sekali dengan followers widget takkan keluar. So macam mana nak settlekan masalah ni? Lagi lagi for those blogger yang memang dah tick blog diorang sebagai https://. Bukan apa, setahu aku lah, kalau dekat url kita ada 'S' belakang http tu, maknanya browsing kita tu selamat and secured (correct me if im wrong). Habis macam mana ni? Ke aku sorang je yang sibuk dok fikir masalah ni atau orang lain tak hadapi masalah ni pon. Okay you guys may ignore me. =='

Sekian.

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.