Cara Membuat Tombol Google Plus One (Google+1) Valid HTML 5

Membuat kode template valid HTML 5 yang pernah saya baca banyak sekali yang sudah membahas tentang hal ini, pada dasarnya isi pembahasan yang berbeda tetapi tujuannya tetap sama. Namun mungkin kita perlu belajar dari hal yang terkecil dulu sehingga untuk mengawali sebuah permasalah yang besar dapat kita lakukan dengan mudah, karena tanpa melalui sebuah proses yang sederhana maka yang sulit tidak akan kita selesaiakan begitu saja, seperti pada judul yang saya pilih Cara Membuat Tombol Google Plus One (Google+1) Valid HTML 5.

Setelah berkunjung ke beberapa blog sahabat yang membahas tentang Cara Membuat Tombol Google Plus One (Google+1) Valid HTML 5, sayapun jadi tertarik untuk membuat posting ini karena trik yang akan saya berikan sangat begitu sederhana. Dimana dalam penerapan tekhnik yang dilakukan dengan menambahkan beberapa kode tag diataranya agar tombol google plus valid html 5, jadi bagaimana mungkin ada yang tertarik? silahkan membaca lanjut….

Tombol google plus memang sangat penting sekali didalam SEO, yaitu dimana dalam penggunaannya atau manfaatnya untuk membagikan sebuah artikel, hanya dengan mengklik tombol google plus one ke URL tujuan yang dimaksud, sehingga ketika orang atau mereka yang sudah ada didalam lingkaran kemungkinan besar akan mengklik judul artikel yang dibagikan apabila judul artikel kita menarik. Maka semakin banyak yang membagikan artikel kita dengan mengklik tombol google plus tersebut, kemungkinan besar blog kita dikatakan popular dimata google.

Mungkin ada yang beranggapan, bahwa dalam melakukan tekhnik tersebut tidaklah penting, tetapi walaupun demikian masih banyak teman-teman kita yang belum tahu atau memahami penggunaan kode tag yang dimaksud, jadi untuk keperluan Cara Membuat Tombol Google Plus One (Google+1) Valid Html 5, anda bisa berkunjung lansung pada situs remisnya : https://developers.google.com/+/plugins/+1button/?hl=id. Setelah anda berkunjung dan membaca, sudahkah anda paham? jika belum akan coba KF menjelaskan dengan apa yang sedikit KF ketahui bagaimana penambahan kode tag yang dimaksudkan pada situs resminya.

• Perhatikan anda akan menemukan beberapa kode seperti dibawah ini :

Pertama
 

<!-- Tempatkan tag ini di mana pun Anda ingin Tombol +1 ditampilkan. -->

<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300"></div>

Kedua

<!-- Tempatkan tag ini setelah tag Tombol +1 terakhir. -->

<script type="text/javascript">

window.___gcfg = {lang: 'id'};

(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>.

Petunjuk : 

- Lihat disampingnya anda bisa memilih dengan merubah ukuran, anotasi, lebar dan bahasa dengan bahasa kita, bahasa Indonesia.

- Pilih opsi lanjutan yang berada dibawahnya untuk beberapa pengaturan. Perhatikan apabila pilihan Asinkron dan Sintaks HTML5 yang Valid belum di centang, silahkan di centang semunya, selanjutnya Parse tags, JS callback function, URL to +1 dibiarkan kosong.

• Setelah melakukan semua diatas, lalu sekarang cari kode </head>, tekan Ctrl+F pada keyboard dan letakkan kode yang kedua diatas kode </head>.

• Kode yang pertama anda bisa meletakkannya dibawah posting dan sidebar atau pada halaman footer.

• Jika anda ingin meletakkan di bawah posting cari kode ini <data:post.body/> dan sisipkan kode yang pertama tepat dibawahnya, lalu Simpan.

Penjelasan tentang kode Plus One Valid HTML 5

- Kode yang pertama diatas ditambahkan fungsi <div> dan </div> sehingga Valid HTML 5. Contoh :

Pada kode Tombol Plus One (+1), milik Kraeng Francisco seperti ini :

<g:plusone size="medium" annotation="inline" width="150" href=" data:posts.url"></g:plusone>.

- Maka apabila sebelumnya anda telah menambahkan kode tombol Google Plus One pada blog yang anda kelola, baik dihalaman posting, sidebar, maupun footer anda tinggal menambahkan fungsi tag tersebut yang dimaksud. sehingga menjadi seperti contoh penempatan dibawah ini :

<div><g:plusone size="medium" annotation="inline" width="150" href=" data:posts.url"></g:plusone></div>

Bagaimana mudah bukan?

Mungkin itu sedikit penjelasan singkat mengenai posting ini dan sebenarnya waktu anda melakukan settingan pada uraian diatas opsi lanjutan > Sintaks HTML5 yang Valid diberi tanda centang, itu maksudnya agar tombol plus one atau (+1), valid HTML 5. Sampai disini saya berharap anda bisa mengerti Cara Membuat Tombol Google Plus One (Google+1) Valid HTML 5.

Selamat mencoba, semoga bermanfaat.

Salam…