Google Plus One(G+1) |
Setelah postingan sebelumnya dengan judul Menambahkan Tombol Share G+1 di Blog part1, yaitu menambahkan cara menambahkan tombol share G + 1 Part 2di Tombol share digabung dengan Tombol share lainnya dari bawaan Blogger. sekarang kita akan membahas menambahkan tombol share secara terpisah dari tombol share bawaan blogger, atau bisa kita gabung dengan tombol share yang menggunakan tombol share exterenal , contohnya yanga addthis.com,
ok langsung saja ke langkah-langkahnya
1. Login ke Blogger
3. Kemudian ke Tab Edit HTML (Centang Expand Widget Template)
4. Cari Kode </head> (cari dengan ctrl+f)
5. masukkan kode script berikut tepat di atas tag </head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/> (jika Blog kita berbahasa inggris)
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'id'}
</script> (Jika Blog kita berbahasa indonesia)
atau silahkan ke alamat Google Add +1 to your pages to help your site stand out, untuk pilihan bahasa lainnya.
6. letakkan kode script G+1 di bawah ini di tempat yang sobat inginkan, sama seperti menambahakan tombol share yg lainnya (atau bisa diletakkan di samping tombol share lainnya itu)
berikut jenis ukuran yg diinginkan, mulai dari small, standart, medium, tall
Small (15px)
Standar (24px)
<g:plusone></g:plusone>
Tall
<g:plusone size="tall"></g:plusone>
pilih saja salah satu., sabaiknya diletakkan di di bagian postingan saja, jika ingin tombol Share G+1 berdiri sendir, caranya sama saja dengan tutorial ini
potongan scriptnya seperti in
<b:if cond='data:blog.pageType == "item"'>
Masukkan Kode Iklan disni
</b:if>
tinggal ganti (Masukkan Kode Iklan disni) dengan kode-kode script pilihan diatas bias pilih yangSmall, Standar, medim san Tall
Tapi Jika ingin di gabung dengan tombol share external lainnya, maka tambahkan saja code Sript (Googlr Plus One (G+1) )yang (Small, Standar, medim san Tall) di bagian bawah atau atas tombol share lainnya, tergantung yang diiginkan dan yang sesuai dengan ukuran kode tombol share lainnya.silahkan di oprek sendiri untuk penempatannya, yang penting jangan merubah kode tombol Google Plus One (G+1) yang sudah di buat oleh Google.
Trus save template selesai deh.
Contohnya bisa sobat liat di dua buah tombol shara di bawah psotingan ini. :D
sekian dulu untuk tutorial Cara Menambahkan Tombol Share Google Plus One(G+1) di Blog part2
Sumber : http://www.ainisastra.com/2011/06/menambahkan-tombol-share-google-plus.html
Posting Komentar