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 :


► Related Posts :


» Klik Untuk Komentar