Cara Memasang Widget Pengikut Blog dengan Mode HTML
- Login ke akun Blogger sobat.
- Pasang dulu widget ini dengan cara biasa. Masuk Tata Letak>> Tambahkan gadget>> Gadget Lainya>> Pengikut>> Beri judul contohnya "Pengikut">> Simpan.
- Masuk ke halaman Blog sobat.
- Klik kanan pada halaman Blog sobat>> Pilih Lihat Kode Sumber Laman/ View Page Source.
- 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.
- 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.
- Masuk kembali ke bagian Tata Letak pada Blog sobat.
- Klik Tambahkan gadget di posisi yang sobat inginkan.
- Kini sobat pilih mode HTML/Javascript.
- 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. -->
- 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>
<!-- 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>
- Terakhir silahkan klik simpan