Cara Membuat Google+1 Melayang pada Pojok Kanan Bawah Blog


Saya terpancing membuat Tutorial ini karena saya melihat blog sobat saya yang membuat widget seperti ini. Akhirnya saya pun memulai trik pembuatan widget ini walaupun sempat gagal tapi akhirnya saya pun berhasil. Karena widget ini sangat penting kita pasang pada blog kita karena dengan memasang widget google+1 ini maka kita dapat mempromosikan postingan kita lebih cepat di google klo banyak yang memberi +1 pada postingan kita. 
Baiklah mari kita mulai saja cara pembuatannya :
1. Login ke dashboard blogger
2. Masuk ke tab "Tata Letak"
3. Lalu pilih tambah Gadget lalu pilih tambah "HTML/Javascrip"
4. Masukan kode dibawah ini pada kotak dialog yang ada : 
<style type="text/css">
    .melayang {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 130px;
    background-color: black;
    color: white;
    margin: 10px;
    padding: 20px;
    }
    </style>
    <div class="melayang">
    <g:plusone expr:annotation='data:annotation' expr:href='data:blog.canonicalHomepageUrl' expr:size='data:size' source='blogger' width='250'/>
    <script type='text/javascript'>
      window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;};
      (function() {
        var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;;
        po.async = true; po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
        var s = document.getElementsByTagName(&#39;script&#39;)[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
    </g:plusone></div>
 5. Kemudian Pilih Save atau Simpan dan lihat blog anda
 NB: tulisan merah di atas dapat anda ganti dengan scrip lain yang anda inginkan ada bila anda ingin merubahnya untuk info lebih jelasnya baca postingan saya yang satu ini.
Oke selamat mencoba ya sob semoga berhasil??

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel