Cara Pasang Join This Site Valid HTML5

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

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.

Jika sudah terpasang ikuti
Langkah ke 1

1. Pada halaman blog klik kanan, lalu klik View Page Saurce (Lihat Sumber Laman), kemudian
2. 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>

• Simpan id blog Anda yang di beri warna coklat dan biru.

Langkah ke 2

• 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

PENTING

• 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.

Cara Pasang Join This Site Valid HTML5 menjadikan blog Anda terlihat profesional

hasil modifikasi dari sumber Kompi Ajaib