DESA CILEMBU

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, lihat contoh:
Cara Pasang Join This Site Valid HTML5
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
Cara Pasang Join This Site Valid HTML5
  • 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
    Anda ingin mendapatkan $, bergabunglah bersama saya di media sosial Tsu, GRATIS...di http://www.tsu.co/MangLembu
    Enter your email address to get update from DESA CILEMBU.
    Print PDF
    Next
    « Prev Post
    Previous
    Next Post »

    1 komentar:

    Nah ini yang aku cari mau tanya takut ngerepotin kang hadi,coba dulu ah pernah coba ditutorial lain nggak jalan mungkin kurang lengkap

    Balas

    Copyright © 2008 - DESA CILEMBU | Privacy Policy | Disclaimer | About | Created by Kompi ajaib - Powered by Blogger