Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5 | CATATAN SAIF - Tutorial Blogger

Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5

Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5
Cara ini sudah banyak temen-temen blogger yang posting,namun juga ada sebagian yang melupakan kevalidtan dari cara tersebut, Memasang tombol like inipun banyak manfaatnya, salah satunya artikel kita otomatis akan menyebar dimedia sosial jika ada yang like salah satu atau ketiga media share tersebut,..
Baiklah mungkin sobat blogger sudah tidak sabar memasang diblognya,mari kita simak tutorial 
  • Pertama silahkan Login
  • Masuk Template >> Edit Html
  • Copas kode dibawah ini,letakkan kira-kira mau ditaruh dimana tombol tersebut.
<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=90&amp;amp;action=like&amp;amp;font=arial&amp;amp;colorscheme=light&amp;amp;height=21&quot;' style='border:none; overflow:hidden; width:90px; height:21px;'/>
<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'/>

<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>
Catatan:
warna kuning = Script Facebook
warna hijau    = Script Twitter
warna biru     = Script Google+

Jika masih kesulitan dalam meletakkan kode tersebut, saya beri contoh dari blog saya :
  • Cara sama
  • Cari kode <data:post.body/> gunakan CTRL+F (setiap template berbeda,mungkin ada banyak kode seperti itu lebih dari 1,pilih saja yang kedua/yang ketiga)
  • Letakkan kode script tersebut diantara kode <data:post.body/> kedua dan ketiga.
Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5
Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5
  • Selesai simpan template
Demikianlah tutorial yang dapat saya sampaikan mengenai Cara Memasang Tombol Like Facebook,Twitter dan Google+ Valid HTML5 , silahkan tinggalkan jejak sobat dengan berkomentar dengan berkomentar dibawah,.. terima kasih selamat mencoba dan semoga bermanfaat


Baca juga tutorial blogging berikut :
Trik SEO Blogging :
Baca Artikel Kisah-kisah Hidayah :



8 komentar

wah iya sip gan...
ijn nyobain nih..
thank's tutorialnya

Terima Kasih saya sudah praktekkan dan berhasil jika tidak keberatan visit ya ke blog saya rositashop.com makasih

sukses mas,makasih tutorialnya..

sdah dikunjung blik mbak,terima kasih sukses buat bisnisnya.

Nic tutorial bro

sangat manfaat,mksai tutornya mas :-)

makasih kak tutorialnya

Silahkan tinggalkan Kritik dan Saran Sobat dibawah sini :
Gunakan Akun openID / Google+ / Blogger agar ada pemberitahuan untuk catatansaif. Boleh Copas asal ada sumbernya ya.. untuk sedikit hargai kerja keras orang lain aja..
Centang "Notify Me" agar ada pemberitahuan balasan dari saya.
Mulai 2016 Komentar dengan menyertakan Link Aktiv / No Aktiv akan dihapus, jadi gunakan openID saja.