Tutorial : New Follower Widget (Classic Template/Blogskins)

Thursday, January 26, 2017

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

5 comments:

© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED