Pasang Tombol Twitter, Google Plus dan Facebook Like, Valid HTML5

Peranan terpenting di sebuah Web/Blog bukan saja mengandalkan postingan yang berkualitas, peranan penting juga tidak dapat dielakkan oleh jejaring sosial seperti Facebook, Google Plus, Twitter dalam membangun sebuah Web/Blog.

Pemasangan kode Facebook Like button, Google Plus dan Twitter, yang sudah banyak beredar pada tutorial Blogger yang ternyata akan mengakibatkan banyaknya error pada validasi HTML5 terutama pada bagian postingan yang biasanya kita pasang.

Namun cara men Validnya juga gampang, kita tinggal tambahkan expr:data-href='data:post.url' pada Jejaring Sosial ini.

Twitter

<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

Google Plus

<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
<script type='text/javascript'>
  window.___gcfg = {lang: &#39;id&#39;};

  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Facebook Like

<div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>

Untuk Facebook Like silahkan tambah Javascript ini dibagian </body>, abaikan cara ini jika blog anda sudah pasang Javascript ini.

<div id='fb-root'/>
<script>//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

Untuk memasang Facebook komentar silahkan baca postingan ini [Link]