memasang tombol Google+ tidaklah sesulit yang kita bayangkan tapi belum tentu semua orang tahu cara memasang tombol google+ ini apalagi yang baru terjun di dunia blogging. Dalam pemasangan tombol google+ ada beberapa problem yang membuat tombol ini tidak bisa digunakan. Untuk mengatasi hal ini mungkin cara-cara dibawah ini bisa menyelesaikan masalah yang anda hadapi:Langkah-langkah dalam memasang tombol G+ bisa anda simak di bawah ini
1. Login ke blogger
2. Klik menu "Template => Edit Html => Lanjutkan"
3. Cari kode </body>, jika sudah ketemu letakkan kode berikut tepat diatasnya:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>Selanjutnya copy kode berikut dan letakkan dimanapun anda suka untuk menampilkan tombol google+ ini:
<g:plusone size="small"></g:plusone>Dan jika anda ingin merubah besar kecilnya tombol google+ tersebut berikut saya sediakan beberapa kode tombol yang bisa anda gunakan:
Ukuran Standar (24 piksel) = <g:plusone></g:plusone>Jika anda ingin membuat custom tombol G+ sendiri silahkan klik disini dan kodenya seperti dibawah ini
Ukuran Kecil (15 piksel) = <g:plusone size="small"></g:plusone>
Ukuran Sedang (20 piksel) = <g:plusone size="medium"></g:plusone>
Ukuran Tinggi (60 piksel) = <g:plusone size="tall"></g:plusone>
Untuk HTML5 = <div class="g-plusone" data-size="standard" data-count="true"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">Tombol G+ dengan menggunakan URL khusus
{"parsetags": "explicit"}
</script>
<script type="text/javascript">
function renderPlusone() {
gapi.plusone.render("plusone-div");
}
</script>
<body>
<a href="#" onClick="renderPlusone();">Render the +1 button</a>
<div id="plusone-div"></div>
</body>
<!-- customized for a specific address -->Ganti yang saya cetak merah dengan Url laman profil blog milik anda sendiri dan untuk tutorialnya silahkan baca disini.
<g:plusone href="https://plus.google.com/112375983050823245876"></g:plusone>
Untuk memasang tombol Google+ di atas maupun di bawah postingan berikut caranya:
Cari kode <data:post.body/>, kode ini biasanya ada beberapa buah di dalam template cari kode yang kedua dan letakkan kode berikut di atasnya jika ingin tombol tersebut muncul di atas postingan dan sebaliknya
<g:plusone size="small"></g:plusone>Nb: Kode <G:Plusone/> kadang tidak bisa bekerja pada halaman postingan jika hal tersebut terjadi ganti dengan kode <g:plusone expr:href='data:post.url'/>
Jika anda ingin membuat Custom Badge Google+ sendiri anda bisa mencobanya disini dan jika ingin melihat informasi Full API bisa anda lihat disini
thank gan, untuk tutorialnya,, ijin nyobain langsung
ReplyDelete