Cara Menampilkan Widget Followers di Laman Blog

Ide ini sebenarnya muncul ketika 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 seperti blog - blog pada umumnya dan ternyata gadget follower tersebut dipindahkan ke laman blog atau halaman statis.

Setelah diselidiki ternyata cara tersebut digunakan supaya loading blog tidak lambat, kalau menurut Saya sih ini memang masuk akal, alasannya mungkin karena ketika blog diakses, blog tidak perlu meload gadget follower, maka dengan memindahkan gadget follower ke laman blog akan membuat blog terasa lebih ringan. 

Cara Menampilkan Followers di Laman Blog cukup mudah, 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 mudah :

1. Pasangan dulu Widget Follower di sidebar blog seperti biasa
2. Kemudian lakukanlah inspeksi elemen atau lebih mudahnya dengan cara 
   tekan CTRL + U (Mozilax Firefox) ,intinya proses ini hanya untuk melihat 
   script follower yang ada di blog
3. Carilah judul widget dengan menekan CTRL+F, misal judul widgetnya
    adalah "Followers". Untuk lebih jelasnnya lihat gambar dibawah ini

4. Dari gambar diatas terlihat bahwa ada judul widgetnya kemudian 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 seperti berikut 
 <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 baru kemudian copy script 6 dan 5 ke 
    laman mode HTML blog
9. Jika berhasil maka tampilannya akan seperti dibawah ini 

Memindahkan widget Followers ke Laman Blog
 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 bisa disesuaikan  skin['HEIGHT'] dengan merubah nilainya saja.


5 Responses to "Cara Menampilkan Widget Followers di Laman Blog"

  1. Hmm begini ya kang okeh tai saya sih belum tertarik kang jadi disimpan dulu deh.

    ReplyDelete
    Replies
    1. Eh tapi maksudnya kang salah nulis, ahi hi hi.

      Delete
  2. Sudah saya cek demonya..
    Ternyata ada foto saya Mas...
    Hehehhe...

    ReplyDelete
  3. Aku juga menaruhnya dilaman. Tapi beda cara. Kalau cara ini sang pemiliknya mengetahu profil followernya. Kalau punyaku tidak. Intinya biar loading lebih ringan. Nah kalau kolom komentar berat loadingnya mana yang harus diperbaiki. Aku lagi otak atik nih.

    ReplyDelete

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...