Saturday, June 11, 2011

Cara memasang tombol google like / google +1

cara memasang tombol google like / google +1
Tadi kita telah membahas tentang Cara ngetop-kan blog dengan google like / google +1 / google Plus One
Nah sekarang kita akan bahas pemasangannya pada blog kita.

Ada 2 cara pemasangan tombol ini, cara pertama adalah dengan default blogger templates dan yang kedua adalah cara manual.
Cara manual mungkin disebabkan karena template anda bukan standard dari blogger, jadi tombol like tersebut dibuang oleh si pembuat template.


CARA PERTAMA

Login blogger anda, klik rancangan, pada bagian Posting Blog klik Edit.
Muncul jendela pop-up, lalu centang pada 

Lihat prosesnya dengan gambar
cara memasang tombol google like

CARA KEDUA

1. Login blogger anda, klik rancangan > Edit HTML > centang 
2. Copy kode berikut dan paste tepat SEBELUM </head>

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



3. Copy lagi kode berikut:

    <!-- 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://caraonline.blogspot.com -->

 Catatan: tulisan standard diatas adalah salah satu dari tipe jenis ukuran tombol google like +1, silahkan pilih salah satu dari: standard, medium & small. kode yang bercetak tebal adalah penempatan tombol pada ruangan posting saja, bukan di home page.

4. Lalu tambahkan di (pilih salah satu):

  •  Setelah <div class=’post-body entry-content’> atau <div class='post-header-line-1'> = jika ingin dibawah judul
  •  Setelah <b:if cond='data:post.url'> = jika ingin di sebelah judul
  •  Setelah <data:post.body/> = jika ingin setelah / dibawah artikel

5.Simpan template dan lihat hasilnya

6.Blog anda siap di ngetopkan di google :D

Oia, kalo mau sama-sama ngetop, jangan lupa like artikel ini yaa...hehee...

14 comments:

  1. Thanks for sharing, Bung Armin. Well done and Keep up the good work :D

    ReplyDelete
  2. @Joshuadio WebDzGn thx mas joshua. thx jg atas knjungan berikutnya :cendolbig

    ReplyDelete
  3. Artikel yg bagus mas Armin...
    bisa menambah wawasan...
    keep blogging mas Bro...

    ReplyDelete
  4. @Wong Ndeso trims mas kunjungannya. semoga bermanfaat buat kita smua..

    ReplyDelete
  5. :2thumbup mantaf tutorialnya
    cara pertama kenapa ga berhasil ya diblog saya...padahal itu adalah settingan dari blogspot...klo gitu saya mau coba cara kedua

    ReplyDelete
  6. @komik jembross saya dulu juga pernah ngalamin, tp stlh di coba2 trnyata bisa kok.

    ReplyDelete
  7. I just added your website on my blogroll. I may come back later on to check out updates. Excellent information!

    ReplyDelete
  8. I just added your website on my blogroll. Really enjoyed reading through. Excellent information!

    ReplyDelete
  9. Really great article with very interesting information. You might want to follow up to this topic!?! 2011

    ReplyDelete