cara menambah google +1 pada blog

Kemaren ada sobat blogger yang nanya di postingan "Sudahkah Blog Sobat Terverifikasi Google?". Pertanyaanya "cara ngasih tombol plus one di akhir kalimat posting gimana sobb?". Ok. Tips trik blog kali ini adalah untuk menjawab pertanyaan dari sobat Offical Purbojati.

Untuk template bawaan blogger, fitur ini sebenarnya sudah ada dari sononya seperti pada gambar di bawah. Dan untuk menampilkan, sobat tinggal centang kolom yang ada di sebelahnya. Namun, bagi template yang sudah dimodifikasi dan bukan bawaan, fitur "share button" biasanya telah dihapus. Oleh karena itu diperlukan editing template HTML untuk menambahkan fitur/tombol +1 Google tersebut.agar muncul kembali dalam template sobat.
memasang google +1

Secara official, ada 3 jenis button atau tombol Google +1:

tombol google +1

 Dari pada masih kesana kemari mending langsung aja ke TKP.
  • Masuk ke dashboard > rancangan > edit HTML >"expand widget templates"
  • silahkan cari kode </head> dan letakkan kode di bawah ini tepat diatasnya
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
  • Silahkan sobat cari kode <div class='post-header-line-1'/> da letakkan kode di bawah ini tepat di bawah kode tadi. Jika tidak ada, silahkan sobat cari kode <data:post.body/> dan letakkan kode di bawah ini tepat di atasnya.
    <!-- Google +1 Button -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='post-share-buttons' style='float:right;padding:4px;'>
    <g:plusone size="standard"></g:plusone>
    </div>
    </b:if>
    <!-- http://sandydoank12.blogspot.com -->

Pilihan tombol :
Silahkan ganti warna merah dengan sesuai selera sobat jika ingin mengubah ukuran tampilan button/tombol seperti contoh gambar di atas. untuk right sobat bisa ganti dengan left jika sobat menginkan posisi pada kiri

OK. sampai di sini dulu postingan cara menambah google +1 pada blog. semoga bermanfaat dan selamat mencoba

10 Comments

  1. Wah, thank you gan wat tutorial nya.. salam blogger pemula dari Lombok...

    ReplyDelete
  2. waduh, aku mash blm terlalu paham sob tentang hal ini

    ReplyDelete
  3. lebih baik langsung daftar ke google plus nya aja bro, bisa sambil sharing disana.

    ReplyDelete
  4. @ penghuni60 : asalkan ada kemauan pasti bakalan bisa sob
    @ Cara Membuat Meta Tag SEO Friendly : seef sob

    ReplyDelete
  5. mantap tutorialnya sobat, ma kasih uda pasang link aq ya

    ReplyDelete
  6. thx gan
    WORK 100%...
    LIHAT ajj blog ane www.rangga-cyber.blogspot.com

    ReplyDelete
  7. wah kebetulan bisa ketemu disini. ini yang ane cari-cari gan. thank's for share

    ReplyDelete
  8. matap gan.. dtunggu knjungan bloknya..:
    http://iputu-dirga.blogspot.com/

    ReplyDelete

Mohon diperhatikan
1. No Spam
2. No Link