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.

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


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

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

mahjongways menghadirkan evolusi visual digital melalui perpaduan animasi adaptif dan teknologi antarmuka modernintegrasi teknologi real time mengubah cara platform digital mengelola interaksi dan respons penggunaperan random number generator menjaga independensi hasil pada sistem permainan digital modernmengenal cara mahjongways mengembangkan pengalaman interaktif melalui sistem respons simbol dan desain grafis digitalarsitektur microservices menjadi fondasi penting dalam membangun infrastruktur platform digital yang lebih fleksibelmengenal volatilitas dan distribusi hasil dalam karakteristik matematis permainan digital berbasis rngmahjong ways dan evolusi budaya digital melalui perpaduan warisan tradisional dengan teknologi interaktif moderntransformasi infrastruktur digital memperlihatkan peran penting otomatisasi dalam menjaga stabilitas sistemmahjongways memperlihatkan perkembangan desain permainan digital melalui optimalisasi animasi dan transisi visualgame pg soft dan perubahan standar desain visual dalam industri hiburan digitalmengapa game pg soft sering dibahas dalam perkembangan permainan berbasis smartphonedi balik game pg soft bagaimana teknologi animasi membentuk pengalaman penggunagame pg soft dalam sorotan perbedaan antara fitur interaktif dan mekanisme acakketika tampilan game pg soft menjadi bahan diskusi tentang psikologi warnamengulas game pg soft dari sisi perkembangan antarmuka dan kenyamanan navigasigame pg soft dan tantangan membedakan informasi resmi dari klaim komunitasbagaimana game pg soft mengadaptasi elemen budaya dalam konsep visual permainangame pg soft dan pentingnya memahami perbedaan antara rtp serta hasil sesaatfenomena konten video pendek yang membentuk persepsi publik tentang game pg softgame online dan fenomena munculnya pemimpin komunitas dari kalangan pemain biasamengapa sistem reputasi menjadi bagian penting dalam interaksi game onlineketika game online menghadirkan tantangan baru dalam menjaga etika komunikasiperubahan pola kerja sama tim menjadi sorotan dalam perkembangan game onlinegame online dan peran sistem moderasi dalam membangun lingkungan bermain yang sehatbagaimana game online menghubungkan komunitas kecil menjadi jaringan globalfenomena pemain game online yang mengembangkan keterampilan organisasi komunitasgame online dalam kajian perubahan kebiasaan sosial di ruang virtualmengapa transparansi sistem peringkat menjadi perhatian dalam komunitas game onlineketika game online menjadi ruang kreatif bagi pembuat konten dan pemaingame digital dan perubahan cara pengembang membangun dunia virtual yang realistismengapa teknologi haptic feedback menjadi pembahasan menarik dalam game digitalketika game digital menghadirkan karakter yang bereaksi terhadap keputusan pemainperan pencahayaan dinamis dalam membangun suasana permainan game digitalgame digital dan tantangan menjaga identitas seni di tengah perkembangan aibagaimana sistem penyimpanan cloud mengubah pengalaman mengakses game digitalfenomena game digital yang mengangkat cerita rakyat menjadi petualangan interaktifgame digital dalam sorotan perubahan cara studio indie mengembangkan karyamengapa pelestarian game digital lama menjadi topik penting dalam arsip teknologiketika game digital digunakan untuk mengenalkan konsep sains melalui simulasigates of olympus dan kisah mitologi zeus yang diadaptasi menjadi hiburan digitalmengapa sweet bonanza menggunakan tema permen dalam membangun identitas visual gamestarlight princess dan peran karakter fantasi dalam perkembangan desain slot modernfenomena big bass bonanza yang menggabungkan tema memancing dengan mekanisme permainansugar rush 1000 dan cara animasi warna warni membentuk pengalaman visual penggunamengenal the dog house megaways dari sisi desain karakter dan variasi fitur gamegates of hades mengangkat dunia bawah mitologi yunani ke dalam konsep permainan digitaldi balik sweet rush bonanza ada konsep pengali yang menarik dibahas secara matematisfortune of olympus dan perbedaan desain mekanisme permainan bertema dewa yunanimengapa gates of olympus 2500 menarik dikaji dari sisi evolusi seri game digital