Subscribe:

Minggu, 08 April 2012

Trik Cara Membuat Tombol Share Facebook, Twitter, Google+


Cara Membuat Tombol Share Facebook, Twitter dan Google +
Cara membuat tombol share facebook, twitter, google + dll......adalah langkah tepat untuk sharing tautan postingan yang kita tulis ke facebook atau twitter sebab apa supaya postingan kita muncul di fb ato Tweet waktu tekan tombol share tersebut .Dengan mengshare berarti postingan bisa di baca oleh netter yang ol di fb ato tweeter, google plus
NAH ...bagaimana kita buat share facebook ..Twetter .Google + ...... ikutilah


LANGKAH - langkah  sbb :

  • Pertama silahkan login blog anda
  • Klik menu Design > Edit HTML > centang expand widget templat
  • Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
  • Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>
  • Lebih memudahkan cari kode tekan ( control + F ) atau  F3
Kode
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>
  • Langkah terahir yaitu simpan template
Selamat mencoba .....dan sukses bersama GOOGLE BLOGGER !!!!!


Related Post:

Tidak ada komentar:

Posting Komentar

Couter Visitor

free counters