Cara Membuat Halaman Statis Pengikut / Followers Blog

PUSATKOM- Seperti telah diketahui sebelumnya bahwa ada dua halaman blog yakni halaman statis yakni halaman dari blog yang berdiri sendiri bukan merupakan hasil dari postingan meskipun cara mengisinya hampir sama dengan posting dan halaman dinamis yakni halaman blog yang merupakan hasil dari postingan. Nah pada kesempatan ini saya akan membahas tentang bagaimana cara membuat Pengikut blog (followers) pada halaman statis / static page. 

Apa keuntungannya?

Secara umum ketika blog Anda diikuti oleh banyak orang, maka akan lebih baik pula dihadapan google search dan tambah ramai pula blog Anda. Sangat mudah sebenarnya memasang widget followers di blog, cukup dengan masuk dashboard blog Anda > tata letak > tambah gadget > pengikut blog, maka otomatis akan langsung jadi. 

Namun setelah saya pasang widget tersebut, ternyata blog saya semakin lambat, dan setelah saya hilangkan, kembali kecepatan blog saya membaik, akhirnya saya menyimpulkan bahwa widget followers blog ini merupakan salah satu widget yang berat jika dipasang pada halaman utama. 

Meskipun demikian saya masih memerlukan widget tersebut terpasang, akhirnya saya pasang pada halaman statis blog yang bukan merupakan halaman utama pada blog saya, sehingga tidak mengganggu kecepatan blog. Berikut ini tampilannya :

DEMO 

Bagimana caranya?
Pertama, silahkan pasang widget pengikut blog

Setelah itu buka blog Anda, lalu silahkan tampilkan kode html blog Anda dengan menekan Ctrl + U atau dengan cara klik kanan lalu View Page Source, maka tampilannya akan seperti ini :

Carilah kode  div id="Followers1-wrapper"

untuk memudahkan dalam mencari gunakan Ctrl + F silahkan copy mulai dari kode tersebut sampai kode  /div   tampilan kode keseluruhan seperti di bawah ini :

<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\x3d1543524823764340726\x26origin\x3dhttp://www.pusatkom.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjIyMjIyMiIGMDAwMGNjKgZmOWY5ZjkyBjAwMDAwMDoGMjIyMjIyQgYwMDAwY2NKBjk5OTk5OVIGMDAwMGNjWgt0cmFuc3BhcmVudA%3D%3D"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d1543524823764340726\x26origin\x3dhttp://www.pusatkom.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjIyMjIyMiIGMDAwMGNjKgZmOWY5ZjkyBjAwMDAwMDoGMjIyMjIyQgYwMDAwY2NKBjk5OTk5OVIGMDAwMGNjWgt0cmFuc3BhcmVudA%3D%3D"); </script></div> </div> </div>

Setelah itu silahkan paste semua kode yang telah Anda copy tadi ke dalam halaman statis blog Anda.

Selamat mencoba! Semoga Berhasil

Artikel Terkait