Pasang Member Area Di Halaman Statis

Hai Bro kali ini saya mau bagi cara pasang Widget Follower blogger yang barusan saja di update oleh google blogger barusan saja saya lihat member area saya hilang entah kemana , ehh saya cek id nya ternyata gak berfungsi saya kontrol ke google plu one js ehh ternyata blogger sudah mengupdate Widget Lama nya menjadi baru 😉 .

nah sob coba cek blog kalian gadget nya berfungsi apa gak , kan kasian juga kalo gadget ini gak jalan , nanti mana ada yang mau follow blog sobat 😃

saya kasih contoh kode widget follower blogger yang lama.

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script><br />
<div id="div-BLOG-KAMU" style="width:100%;border:0px solid #eee;border-radius:0px;margin:0 auto"></div><script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '34';
skin['BORDER_COLOR'] = '#FFFFFF';
skin['ENDCAP_BG_COLOR'] = '#FFFFFF';
skin['ENDCAP_TEXT_COLOR'] = '#555555';
skin['ENDCAP_LINK_COLOR'] = '#555555';
skin['CONTENT_BG_COLOR'] = '#FFFFFF';
skin['CONTENT_LINK_COLOR'] = '#555555';
skin['CONTENT_TEXT_COLOR'] = '#555555';
skin['CONTENT_HEADLINE_COLOR'] = '#555555';
skin['NUMBER_ROWS'] = '6';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-BLOG-KAMU',
   site: 'ID-DISINI'},
  skin);
</script>

Nah Kita Ganti Dengan yang ini

<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\x3d6138014587688943903\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttps://agieltriono.blogspot.co.id/");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              },
              'blogger-ping': function() {
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d6138014587688943903\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttps://agieltriono.blogspot.co.id/");
  </script>
</div>
</div>

Kode Di atas hanya contoh.
silahkan pertama pasang gadget blogger follower di tata letak.
lalu simpan.

nah sekarang buka blog sobat , klik kanan lalu view page source

NOTE ! cari kode <div id="followers-iframe-container"></div> atau <div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> sampai ujung </div> lagi.

CONTOH !

<----COPY MULAI DARI SINI --->
<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\x3d6138014587688943903\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttps://agieltriono.blogspot.co.id/");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              },
              'blogger-ping': function() {
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d6138014587688943903\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttps://agieltriono.blogspot.co.id/");
  </script>
</div>
</div>
<----END SAMPAI SINI --->

Nah Selesai Copy semua kode lalu pastekan di halaman atau dimana pun yang kalian suka 😃

RESULT

Go to Link