Cara Pasang Join This Site Valid HTML5 ~ Pada artikel sebelumnya Cara Pasang Tombol Follower Blog Responsive dan Valid HTML5 banyak atensi yang masuk dan ingin coba memasang di blog, karena tombol follower ini selain simpel, memiliki warna biru yang menarik, responsive dan Valid HTML5, dan yang menjadi penting dan kemudian di sukai karena Join This Site valid HTML5 ini loading blog tetap ringan. Dan pada saat klik tombol Follow This Blog tampilan avatar Join This Site dapat disesuaikan dengan lebar halaman, lihat contoh:
Cara Pasang Join This Site Valid HTML5
Langkah ke 1
- 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
