Cara Membuat Tombol Share Artikel Valid HTML5

Banyak sekali saya menemui referensi yang menyajikan tentang cara membuat tombol share artikel di blog. Dari banyak refearensi yang telah ...

Banyak sekali saya menemui referensi yang menyajikan tentang cara membuat tombol share artikel di blog. Dari banyak refearensi yang telah saya temukan tersebut ternyata masih banyak kekurangannya yang salah satunya adalah tidak Valid HTML5. Dengan tutorial ini saya akan membuatnya menjadi Valid HTML5. Share artikel ini saya ambil dari Sharethis dengan penyempurnaan agar dapat menjadi Valid HTML5.

Sharethis Valid HTML5

1. Buka akun Blogger anda
2. Pilih Template -- Edit HTML
3. Letakkan JavaScript berikut tepat di atas kode </head>

<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

4. Kemudian letakkan kode berikut terserah sobat

<span class='st_fblike_hcount' data-displayText='Facebook Like'/>
<span class='st_twitter_hcount' data-displayText='Tweet'/>
<span class='st_plusone_hcount' data-displayText='Google +1'/>
<span class='st_linkedin_hcount' data-displayText='LinkedIn'/>
<span class='st_pinterest_hcount' data-displayText='Pinterest'/>
<span class='st_sharethis_hcount' data-displayText='ShareThis'/>

Kode di atas berguna untuk menampilkan tombol share dari Sharethis, dapat sobat letakkan dimanapun anda menginginkan.nya seperti di bawah artikel.
5. Untuk menampilkan sharethis di bawah postingan, letakkan kode di atas tepat di bawah kode <data:post.body/> yang ke-2
6. Setelah itu tinggal Simpan Template

Untuk kustomisasi widget dari sharethis anda dapat mengunjungi langsung website.nya di www.sharethis.com