Header Ads

Header ADS

Cara Membuat Tombol +1 (add PlusOne button) Di Blogspot

Cara Membuat Tombol +1 (add PlusOne button) Di Blogspot --- Assalamualaikum, Pada Kesempatan Kali Ini Saya Akan Membagikan Tutorial Untuk Membuat Tombol +1 di Blogspot. Jika Anda adalah seorang blogger yang mempunyai blog dari blogger.com pasti sudah tidak asing lagi mendengar/melihat yang namanya tombol +1 PlusOne. Tombol +1 adalah fitur yang baru saja dirilis oleh google, nah apa manfaat atau kegunaan dari tombol ini?.

Tombol +1 bisa dikatakan voting secara tidak langsung untuk web blog kita, dalam artian jika seorang pengunjung menklik tombol +1 di sebuah artikel, itu sama saja memberikan satu nilai yang memberitahukan halaman artikel web blog kita ke google search engine bahwa artikel tersebut mempunyai nilai lebih atau bermanfaat bagi pengunjung tersebut, jadi semakin banyak yang memberikan +1 semakin baik artikel kita di mata serach engine google. Dan ini bisa menjadi salah satu alternatif yang baik untuk meningkatkan SEO web blog kita.


Cara Pertama :
Cara Ini Bagi Blogger yang menggunakan Template Default atau Bawaan Blogger.com
 
1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Pilih Desaign
3. Jika anda telah berada di halaman "Page Elements" cari area Element Postingan Trus Klik Edit
Kalau kurang jelas lihat gambar di bawah ini :

Jika anda Telah Mengklik Edit Maka akan Muncul Halaman PopUp seperti Ini :
Langsung Saja Centang Show Share Button dan Save
Cara Kedua :
Cara ini Bagi Yang Menggunakan Template Selain Template Default Blogger.Com atau yang telah menghapus/tidak tersedia Script Share Button

1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Klik Design --> Edit HTML
3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget
4. Cari Kode </head>
5. Copy JavaScript di bawah lalu paste di atas/sebelum kode </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
6. Save terlebih dahulu
7. Kemudian Copy Kode Di Bawah ini
<!-- Google +1 Button  -->
    <div style=' float:right;'>
    <g:plusone size="medium"></g:plusone>
    </div><!-- Google +1 Button end -->
8. Paste  :
  • di Atas <data:post.body /> jika Ingin menempatkan di atas postingan
  • di  Bawah <data:post.body /> jika ingin menempatkan di bawah postingan
  • atau di mana saja yang anda sukai, tapi adakalanya tombol ini tidak muncul jika tidak sesuai tempatnya
keterangan :
float:right; = Posisi tombol, Pilih Right =Kanan atau Left = Kiri
medium= Ukuran Tombol, Pilihan Standard, Medium, Small
jika ingin tombolnya hanya terlihat pada saat postingan di buka gunakaan kode di bawah ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode +1 Di Sini
</b:if>
9. Jangan Lupa Save Jika Telah Selesai
10. Jika Penjelasan saya kurang anda Pahami Silahkan ke Situs Resminya Di Sini

No comments

Powered by Blogger.