Seperti yang kita ketahui tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. percaya ga ? pokok nya harus percaya :) Berikut adalah Cara membuat tombol share facebook , buzz , digg , twitter:
Langsung saja copykan script di bawah ini ke dalam html di blog anda :
<b:if cond='data:blog.pageType == "item"'>
<div style="border-top: 1px dashed rgb(204, 204, 204); border-bottom: 1px dashed rgb(204, 204, 204); padding: 10px 0px; margin: 10px 0px; width: 100%; float: left; height: 20px;">
<div style="float: left; padding-top: 3px; font: italic 12px Verdana;">Share this article 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'/></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';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 Anda' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
</div>
</b:if>
Cara Pemasangan :
Apabila anda ingin memasang di bawah judul postingan , maka letakan scritpt di atas tepat di bawah kode:<div class='post-header-line-1'
*biasanya kode di atas ada dua , pilih saja yang pertama . (gunakan Ctrl + F)
Semoga Bermanfaat.
Posting Komentar