Monday, July 16, 2018

√ Cara Menciptakan Halaman Followers Di Blogger

Cara Membuat Halaman Followers di Blogger √ Cara Membuat Halaman Followers di Blogger

Dalam posting ini aku akan membahas ihwal cara menciptakan halaman statis yang menampilkan followers blog. Kaprikornus halaman followers ini fungsinya sama dengan widget/gadget Pengikut yang biasa dipasang di sajian Tata Letak blogger. Widget itu akan menampilkan orang-orang yang telah mengikuti blog kita dan ada tombol untuk menjadi pengikut baru. Silahkan lihat demo.


Lalu untuk apa halaman statis ini dibentuk jika widget saja sudah cukup? Kaprikornus begini, saat kita memasang widget terlalu banyak di halaman blog, tentu loading blog akan semakin lambat jawaban bertambahnya arahan HTML yang perlu di baca oleh mesin. Kaprikornus solusinya kita pindahkan widget itu menjadi halaman tertentu yang hanya akan di load HTMLnya saat halaman tersebut dibuka.

Cara Membuat Halaman Followers di Blogger √ Cara Membuat Halaman Followers di Blogger

Baiklah pribadi saja ke cara pembuatannya, pertama-tama tambahkan widget pengikut tersebut ke blog sobat, caranya dengan buka Dashboard blogger, pilih Tata Letak kemudian Tambah Gadget, pada bab Gadget Lainnya pilih Pengikut. Sobat tidak perlu mengatur dimana letak widget itu, terserah. Kemudian sehabis itu buka blog sobat, tekan CTRL + U pada keyboard untuk menampilkan arahan HTML blog sobat, sehabis itu cari arahan <div id='Followers1-wrapper'> kemudian copy dari arahan tersebut hingga selesai dari tag arahan tersebut. Jika contohnya arahan dari blog aku kira-kira tampilannya ibarat :

<div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/j4vascript" src="https://apis.google.com/js/plusone.js"></script> <div id="followers-iframe-container"></div> <script type="text/j4vascript">     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\x3d463555102746290209\x26origin\x3dhttps://maringngerrang.blogspot.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D");               },               'open': function(url) {                 window.followersIframe.close();                 followersIframeOpen(url);               }             }           });         }       });     }     followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d463555102746290209\x26origin\x3dhttps://maringngerrang.blogspot.com/\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjAwMDAwMCIGMDAwMDAwKgZGRkZGRkYyBjAwMDAwMDoGMDAwMDAwQgYwMDAwMDBKBjAwMDAwMFIGRkZGRkZGWgt0cmFuc3BhcmVudA%3D%3D");   </script></div> </div> </div>

Nah, sehabis meng-copy arahan tersebut, buatlah sebuah halaman statis pada halaman blog sobat, misal dengan judul Followers, kemudian ubah tampilan Compose menjadi HTML dan paste arahan tadi di halaman tersebut, baca juga Cara Membuat Halaman Statis di Blogger. Publikasikan halaman itu dan coba lihat hasilnya. Jika berhasil maka kesannya akan sama ibarat pada halaman demo tadi, nah kini sahabat dapat menghapus widget pengikut yang sebelumnya telah dibuat.

Mungkin cukup sekian dari saya, agar dapat bermanfaat, jika ada yang ingin sahabat tanyakan atau klarifikasi, silakan sampaikan pada kotak komentar dibawah atau dapat juga melalui halaman contact blog.
Sumber http://www.maringngerrang.com/