Tuesday, August 2, 2016

Pasang Member Area Di Halaman Statis

thumb



Hai Bro my name is pewdiepie 😀 kiddink 😉 . oke 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 😃

Penggunaan Markup
  • Untuk memasukan gambar dan youtube link silahkan taruh link gambar dan youtube link tanpa tag <img> dan <iframe>.
  • Untuk menulis huruf bold silahkan gunakan [strong]KONTEN[/strong] atau [b]KONTEN[/b].
  • Untuk menulis huruf italic silahkan gunakan [em]KONTEN[/em] atau [i]KONTEN[/i].
  • Untuk menulis huruf underline silahkan gunakan [u]KONTEN[/u].
  • Untuk menulis huruf strikethrought silahkan gunakan [strike]KONTEN[/strike].
  • Untuk menulis kode HTML silahkan gunakan [code]KONTEN[/code] atau [pre]KONTEN[/pre] atau [pre][code]KONTEN[/code][/pre], dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Penggunaan Parse Kode Dan Emoticon Tidak Berlaku Di Ponsel.
Show EmoticonHide Emoticon Off Topic