Cara Memasang Widget Follower Blog di Halaman Statis

Cara Memasang Widget Follower Blog di Halaman Statis - Mungkin anda semua sudah paham apa gunanya widget yang satu ini didalam sebuah blog, yaitu untuk memudahkan pengunjung mem-follow blog kita secara langsung.

Namun jika sidebar kita sudah terlalu banyak memiliki widget lain, pasti akan terasa berat loading blog kita nantinya, Nah, ini adalah salah satu solusi agar blog kita tidak terlalu berat dengan meletakkan widget follower dihalaman statis saja. Selain lebih simple, blog kita juga tidak akan menjadi berat. :) Selamat mencoba!

Langsung saja untuk anda yang ingin memasang widget follower blog dihalaman statis bisa disimak langkah-langkahnya dibawah ini :

• Pertama, tambahkan dahulu widget Pengikut/Follower blog anda

 

•  Lalu buka beranda blog anda, setelah itu KLIK KANAN ( dimana saja ) dan pilih Lihat Kode HTML ( untuk opera ) dan View Page Source ( untuk firefox ).

 

• Setelah windows baru akan terbuka, tekan tombol CTRL+F pada keyboard
• Lalu ketik tulisan Follower/Pengikut didalam kolom. Nanti akan muncul kurang lebih seperti ini.

• Keempat, copy kode yang mirip seperti ini

 <div class="footer-widget" id="footx3">
<div class="footer section" id="footer3">
<div class="widget Followers" id="Followers1">
<h2 class="title">
Pengikut Semua-Tutorialku</h2>
<div class="widget-content">
<div id="Followers1-wrapper">
<div style="margin-right: 2px;">
<div>
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>

<br />
<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\x3d3329830734350155812\x26origin\x3dhttp://semua-tutorialku.blogspot.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d3329830734350155812\x26origin\x3dhttp://semua-tutorialku.blogspot.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D");
  </script></div>
</div>
</div>
<div class="clear">
</div>
<span class="widget-item-control">
<span class="item-control blog-admin">



</span>
</span>
<br />
<div class="clear">
</div>
</div>
</div>
</div>
</div>
 

• Lima, buat halaman static baru, dan beri judul dengan Member, Follower, Pengikut atau apapun terserah anda.
• Lalu paste kode yang tadi di Kolom HTML
• Lalu simpan.

Sekarang halaman member/follower anda sudah jadi. :)
Untuk demo bisa klik button dibawah ini :)

• DEMO

Sekian untuk artikel kali ini, semoga anda bisa menerapkannya dengan mudah diblog anda. Jika ada masalah jangan ragu untuk tanyakan pada saya. Terima kasih, Sampai Jumpa :)