Cara Memasang Widget Pengikut Blog dengan Mode HTML

on Minggu, 04 Agustus 2013

Cara Memasang Widget Pengikut Blog dengan Mode HTML
Widget pengikut Blog adalah widget yang menampilkan daftar pengguna yang mengikuti Blog sobat, dengan disertai Join This Site Button. Menurut saya widget ini sangat bermanfaat karena setiap kita update posting, maka posting tersebut akan tampil pada halaman dashboard pengikut Blog kita. Jadi kemungkinan setiap kita membuat posting baru akan langsung mendapat pembaca.
Dengan cara pemasangan biasa, terasa sangat mudah. Karena widget ini telah disediakan Blogspot. Yaitu dengan cara masuk ke bagian Tata Letak>> Tambahkan Gadget>> Gadget Lainya>> Pengikut>> Simpan.

Cara Memasang Widget Pengikut Blog

Namun karena adanya keperluan lain, pembuatan widget ini dengan mode HTML pun diperlukan. Saya memerlukan cara mode HTML karena akan menggabungkan widget ini dengan widget lainya. Mungkin sobat juga memerlukan cara membuat widget ini dengan mode HTML, silakan simak lebih lanjut.
Cara ini gampang-gampang susah sob, namun yang saya tahu syaratnya sobat harus memakai Browser Mozila Firefox. Silakan sobat yang mau mencobanya, saya sarankan menyimak sambil mempraktikan.

1. Login ke akun Blogger sobat.
2. Pasang dulu widget ini dengan cara biasa. Masuk Tata Letak>> Tambahkan gadget>> Gadget Lainya>> Pengikut>> Beri judul contohnya "Pengikut">> Simpan.
3. Masuk ke halaman Blog sobat.
4. Klik kanan pada halaman Blog sobat>> Pilih Lihat Kode Sumber Laman/ View Page Source.
5. Dengan menggunakan tombol ctrl+F, cari judul widget yang telah sobat tentukan sebelumnya. Saya contohkan judulnya "pengikut". Akan ada beberapa hasil pencarian dari keyword "pengikut". Dengan menekan tombol Enter beberapa kali, pilihlah hasil pencarian kata "pengikut" yang disekitarnya terdapat kode-kode seperti berikut.
Cara Memasang Widget Pengikut Blog dengan Mode HTML

6. Nah, kode ini adalah kode sumber Widget Pengikut Blog. Copy kode tersebut dimulai dari <div id="div-xxxxxx"></div> sampai </script>. Jangan sampai salah, perhatikan contoh gambar diatas.
7. Masuk kembali ke bagian Tata Letak pada Blog sobat.
8. Klik Tambahkan gadget di posisi yang sobat inginkan.
9. Kini sobat pilih mode HTML/Javascript.
10. Masukan kode berikut.

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->

11. Lalu di bawahnya, baru sobat pastekan kode yang telah sobat copy dari kode sumber Widget Pengikut Blog. Hingga kurang lebih hasilnya seperti berikut

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->

<div id="div-nxssmc65mxz8" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Pengikut";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
  
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-nxssmc65mxz8",
     height: 260,
   
   
   
     site: "02029121691705341830",
   
     locale: 'in' },
     skin);
  </script>
Perhatian: 
Sobat jangan menggunakan kode diatas, karena itu adalah kode sumber Widget Pengikut Blog milik saya. Gunakanlah kode sumber Widget Pengikut Blog milik sobat yang sebelumnya telah sobat copy-paste.
Kode yang berwarna biru adalah kode-kode warna yang bisa sobat modifikasi.
Kode yang berwarna merah adalah kode-kode ukuran yang bisa sobat modifikasi juga.

12. Klik Simpan, selasai.

Begitulah Cara Memasang Widget Pengikut Blog dengan Mode HTML. Oh ya, saya pernah mengatakan dengan memasang widget mode HTML, maka manfaatnya adalah widget tersebut dapat digabungkan dengan widget lain yang tentunya widget mode HTML juga. Berikut contohnya.

Pemasangan Widget Pengikut Blog dengan Mode HTML
Ranking: 5
 
© Netter Indonesia All Rights Reserved
Get smart with the Netter Indonesia