Cara Menampilkan Widget Followers Di Laman Blog

Ide ini bersama-sama muncul dikala Saya membaca postingan yang berjudlu "Sidebar Pindah Ke Laman" milik salah seorang blogger yang cukup populer  yaitu blog Desacilembu.com. Di halaman pertama blog desa cilembu memang tidak terlihat gadget follower ibarat blog - blog pada umumnya dan ternyata gadget follower tersebut dipindahkan ke laman blog atau halaman statis.

Sesudah diselidiki ternyata cara tersebut dipakai agar loading blog tidak lambat, jika berdasarkan Saya sih ini memang masuk akal, alasannya mungkin alasannya yaitu dikala blog diakses, blog tidak perlu meload gadget follower, maka dengan memindahkan gadget follower ke laman blog akan membuat blog terasa lebih enteng. 

Teknik Menampilkan Followers di Laman Blog cukup gampang, yaitu dengan cara melihat source code/script follower yang kita pasang di halaman blog. Langkah - langkah untuk menampilkan/memindahkan widget followers ke laman blog sangatlah praktis :

1. Pasangan dulu Widget Follower di sidebar blog ibarat biasa

2. Kemudian lakukanlah inspeksi elemen atau lebih gampangnya dengan cara 

   tekan CTRL + U (Mozilax Firefox) ,intinya proses ini spesialuntuk untuk melihat 

   script follower yang ada di blog

3. Carilah judul widget dengan menekan CTRL+F, misal judul widgetnya

    yaitu "Followers". Untuk lebih jelasnnya lihat gambar dibawah ini

4. Dari gambar diatas terlihat bahwa ada judul widgetnya lalu juga 

   terlihat disana ada fungsi pemanggilan sebuah script yaitu

   friendconnect.jsmungkin ini fungsi untuk menampilkan followers blog

5. Copy script friendconnect.js tersebut, tepatnya dari 

   <script type="text/javascript">         if (!window.google || !google.friendconnect) {           document.write('<script type="text/javascript"' +               'src="//www.google.com/friendconnect/script/friendconnect.js">' +               '</scr' + 'ipt>');         }       </script>

6. Selanjutnya scrol kebawah dan cari script ibarat diberikut 

 <div id="div-qv7nm27moigg" style="width: 100%; "></div> <script type="text/javascript">     var skin = {};     skin['FACE_SIZE'] = '32';     skin['HEIGHT'] = "260";     skin['BORDER_COLOR'] = "transparent";     skin['ENDCAP_BG_COLOR'] = "transparent";     skin['ENDCAP_TEXT_COLOR'] = "#444444";     skin['ENDCAP_LINK_COLOR'] = "#EE4B3D";          skin['CONTENT_BG_COLOR'] = "transparent";     skin['CONTENT_LINK_COLOR'] = "#EE4B3D";     skin['CONTENT_TEXT_COLOR'] = "#444444";     skin['CONTENT_SECONDARY_LINK_COLOR'] = "#EE4B3D";     skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";     skin['CONTENT_HEADLINE_COLOR'] = "#000000";     google.friendconnect.container.setParentUrl("/");     google.friendconnect.container["renderMembersGadget"](     {id: "div-qv7nm27moigg",      height: 260,                site: "03209957018907639538",      locale: 'en_GB' },      skin);   </script> </div>

7. Kemudian pasang/gabungkan script no 6 dibawah script no 5

8. Selanjutnya buatlah laman blog gres lalu copy script 6 dan 5 ke 

    laman mode HTML blog

9. Jika berhasil maka tampilannya akan ibarat dibawah ini 

 DEMO

10. Terkahir Anda tinggal membuat sebauh link dari halaman depan menuju 
      halaman follower blog yang sudah Anda buat sebelumnya

Sekarang widget followers sudah pindah ke laman blog, untuk lebar dari widget follower tidak Saya definiskan ke dalam script namun mengikuti lebar halamnnya sedangkan untuk tingginya dapat disesuaikan  skin['HEIGHT'] dengan merubah nilainya saja.

Karena cara diatas sudah tidak bekerja lagi, silahkan baca cara terbarunya pada halaman : Teknik Terbaru Menampilkan Widget Follower di Laman Blog

Share :