Cara Membuat Tombol Google+1 Valid HTML5 Anonymous Tuesday, 1 January 2013 No Comment

Cara Membuat Tombol Google+1 Valid HTML5, Membuat Tombol Google+1 Valid HTML5 di W3C, membuat google plus one valid HTML 5 di Blogspot sebenarnya sangat mudah, caranya simple dan hanya sedikit kode saja yang perlu ditambahkan. Pada posting sebelumnya, Saya pernah membuat artikel mengenai Membuat Template Blogspot Valid XHTML - Update, Saya akui bahwa membuat vslid xhtml blogger template 100% itu sangat sulit, namun disisi lain google telah memberikan jalan lain untuk membuat template blogspot nya valid di W3 Markup Validation Service, yaitu dengan cara membuat template blogspot valid HTML5.

Mengapa Saya katakan valid HTML5? Hal ini karena Saya sudah membuktikannya sendiri dengan menggunakan template yang sedang saya gunakan ini. Bayangkan, Saya butuh proses waktu selama satu minggu untuk mengatasi validasi html 5 template blogspot ini, ya karena fasilitas koneksi internetnya juga terbatas. Dan satu hal yang terasa sulit bagi saya yaitu bagaimana agar widget Google+ atau googleplusone bisa valid HTML5 di W3, dan google plus one ini juga yang merupakan proses akhir dalam mem validkan template blog sederhana ini.

Baiklah, tidak usah berbelit-belit! Kita langsung saja mempraktekannya, dan ini adalah step atau langkah bagaimana Membuat Google PlusOne atau Google+1 Valid HTML5 di Blogspot:

Pertama pastinya Anda harus sudah login dulu ke blogger.com, kemudian buka template Anda dan tambahkan kode valid HTML5 GooglePlusOne berikut ini dan tempatkan pada area sesuka Anda:

<div class='g-plusone' data-count='true' data-size='standard'/>

 Perhatikan data-size standard berwarna merah, itu adalah ukuran tombol google+ yang akan muncul. Jadi, Anda dapat mengubahnya dengan ukuran lain misalnya; medium, small, dll. kemudian Save Template Anda dan test di W3C Markup Validation Service.

Sudah valid HTML5 Kan?

Sekian dulu artikel mengenai  Cara Membuat Tombol Google+1 Valid HTML5 di Blogspot, semoga bermanfaat bagi Anda.

Source : http://mahesaputra-id.blogspot.com/2012/05/cara-membuat-tombol-google1-valid-html5.html

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Blogging / Info-Info / Seo / Tips And Trick / Valid HTML5