Memasang Tombol Google +1, Cara Baru

Pemasangan google plusone button yang sudah banyak beredar di pasaran (internet), ada cara baru yang diklaim bisa mengatasi permasalahan yang selama ini di alami blogger.

Kalau biasanya kita menggunakan cara lama seperti:

Pasang kode ini sebelum tag </head>

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

Lalu pasang kode berikut untuk menampilkan tombol plusone pada bagian yang kita inginkan

<g:plusone></g:plusone>

Sekarang ada cara baru yang bisa anda temui di sumbernya, di google webmasters plusone button.

Caranya:

Pasang kode berikut untuk menampilkan tombol plusone pada bagian yang di inginkan

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

Letakkan kode berikut tepat di bawah kode plusone yang kamu pasang diatas tadi

<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Wes ngono tok.


W3C Validator

Ternyata, cara lama maupun cara baru ini, sama sama tidak lulus uji verfikasi / validator W3C. sebab cara ini hanya valid untuk HTML 5.

Untuk mengatasi hal ini, kita bisa menggunakan tag div. sebagai contoh

<g:plusone></g:plusone>

Ganti menjadi

<div class="g-plusone" id="my_plusone"></div>

Cara Baru

Dengan menggunakan cara pemasangan baru maupun lama, tombol +1 ini akan memberikan nilai plusone ke setiap halaman dari blog kita.

Seandainya, kita menginginkan, hanya halaman utama saja yang di berikan vote +1, walaupun tombol plusone ini berada di halaman posting misalnya, yang pada intinya, semua tombol plusone yang berada di halaman manapun, akan memvote +1 ke halaman utama saja.

Nah, untuk kasus ini, kita bisa menggunakan kode berikut:

<div class="g-plusone" id="my_plusone"></div>
<script type="text/javascript">
document.getElementById("my_plusone").setAttribute("data-href", "http://campuranjoss.blogspot.com");
</script>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Ganti tulisan warna merah dengan url halaman utama yang ingin dijadikan acuan tombol plusone.

Tombol +1 / plusone tidak muncul ?

Seandainya tombol plusone tidak mau muncul di blog anda, mungkin anda bisa mencoba dengan memindah kode yang berada sebelum tag </head> ke bawah menjadi sebelum tag </body>

Jadi kode berikut:

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

dipindah menjadi

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

Sampun Ngono Tok gan...

Pembaca Kami Juga Membaca: