Kamis, 19 April 2012

0 Tutorial Blogger cara Memasang Tombol Google+1 dibawah atau diatas postingan

Tutorial Blogger : Melanjutkan Totorial sebelumnya tetag cara Menambah tombol Google+ Di blog anda. Namun Pada tutorial sebelumnya terdapat kekurangan karena cara tersebut Work 100% di template standar Blogger sedangkan pada template hasil Downlodtan belum dapat dipastikan cara tersebut bisa diterapkan. Nah dalam kesempatan kali ini akan kita bahas bagai mana caranya menambahkan Google+1 plus diatas atau dibawah Postingan pada template editan atau template hasil downlodtan.



Teknik ini juga bisa anga gunakan pada template standar blogger selanjutnya untuk mendapatkan kode google+1  anda langsung bisa dapatkan di situs resmi googe : http://www.google.com/intl/id/webmasters/+1/button/ Disitu disediakan berbagai ukurab tombol Google+1.



Demo : Berikut ini 4 style google+1









Ok langsung kita bahas langkah-lankahnya :



Mendapatkan Kode Google+1 atau google Plus 


  1.  Kunjungi halam google Penyedia script tombol google+1 Klik DISINI

  2. Ada akan dihadapkan ke halaman sebagai berikut :









  3. Ker :


    • Nomor 1 : Piliha ukuran Tombol Google+1

    • Nomor 2 : Demo ukuran Tombol yang anda pilih

    • Nomor 3 : Kode Tombol google+1

Cara memasang Tombol Google+1 di atas atau dibawah Postingan :


  1. Pastikan anda sudah masuk di akun blogger anda

  2. Pilih Rancangan >>Edit Html








  3. Centang Expand Template Widget

  4. Cari kode berikut :  <head>

  5. Letakan Kode berikut diatas kode <head>


  6. <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

  7. Kemudian cari kode <data:post.body/> (Jika anda menggunak read more otomatis kode ini ada 2 jadi gunakan Kode yang kedua.

  8. Selanjutnya Letakan Kode ukuran tombol diatas kode  <data:post.body/> untuk meletakan tombol Google+1 diatas Postingan dan sebaliknya apa bila anda ingin meletakan tombol google+1 dibawah Postingan letakan kode ukuran tombol dibawah kodee <data:post.body/>

Berikut ini kode ukuran tombol Google Plus yang saya peroleh dari situs resmi google




  1. Kecil : <g:plusone size="small"></g:plusone>

  2. Standar : <g:plusone></g:plusone>

  3. Sedang : <g:plusone size="medium"></g:plusone>

  4. Besar : <g:plusone size="tall"></g:plusone>

0 komentar:

Posting Komentar