Senin, 27 Februari 2012

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>

Tidak ada komentar:

Posting Komentar

Berkomentarlah
Demi pembelajaran kita bersama
Kritik dan saran anda sangat diperlukan demi memperbaiki Ide dan gagasan kita semua untuk kedepannya
Salam Blogger .. !!

 
;