Cara Pasang Join This Site Valid HTML5
- Bagi yang belum pasang, Anda harus pasang terlebih dulu Join this Site bawaan google, caranya cari weh olangan di search google.
Langkah ke 1
- Pada halaman blog klik kanan, lalu klik View Page Saurce (Lihat Sumber Laman), kemudian
- Cari tittle Widget Follow (gunakan control +F), akan diperoleh kode seperti ini:
<div id="div-1585619547037956896" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#256ead";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#256ead";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#256ead";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1585619547037956896",
height: 260, site: "13902059261644857777", locale: 'en' },
skin);
</script>
</div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#256ead";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#256ead";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#256ead";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1585619547037956896",
height: 260, site: "13902059261644857777", locale: 'en' },
skin);
</script>
</div>
- Simpan id blog Anda yang di beri warna coklat dan biru.
- Buat Postingan di Laman
- Copy paste kode dibawah ini ke dalam edit HTML (Laman), bukan Compos:
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<div id="div-1585619547037956896" style="border: 1px solid #ccc; width: 967px;">
</div>
<script type="text/javascript">var skin={FONT_FAMILY:"comic sans ms,sans-serif",BORDER_COLOR:"#ccc",ENDCAP_BG_COLOR:"transparant",ENDCAP_TEXT_COLOR:"#141414",ENDCAP_LINK_COLOR:"#000",ALTERNATE_BG_COLOR:"#cff",CONTENT_BG_COLOR:"#fff",CONTENT_LINK_COLOR:"#f66",CONTENT_TEXT_COLOR:"#fcc",CONTENT_SECONDARY_LINK_COLOR:"#77c",CONTENT_SECONDARY_TEXT_COLOR:"#666",CONTENT_HEADLINE_COLOR:"#000",NUMBER_ROWS:"4"};google.friendconnect.container.setParentUrl("/");
google.friendconnect.container.renderMembersGadget({id:"div-1585619547037956896",site:"13902059261644857777"},skin);</script>
- Ganti warna coklat dengan id follower blog Anda yang didapatkan pada Langkah 1
- Sesuaikan width: 967px dengan selera.
- Simpan dan lihat hasilnya
- Jika URL blog statis dari follower blog (Join this site) diatas itu sudah Anda publish
- Silahkan copy paste URL Halaman statis nya ke Tombol Cara Pasang Tombol Follower Blog Responsive dan Valid HTML5 pada artikel sebelumnya.
hasil modifikasi dari sumber Kompi Ajaib