Pages

Jumat, 18 Mei 2012

Cara Membuat Tombol Share di Bawah Postingan (Seperti Punya Saya)

screenshot ShareButton
Share button adalah tombol yang digunakan untuk membagikan artikelartikel anda. Dengan membagikan artikel anda ke social bookmark terkenal seperti facebook, twitter akan memudahkan teman, kenalan, dan orang lain menemukan blog anda yang sebenarnya istimewa itu. Maka pemasang share button ini cukup penting dalam meningkatkan traffic pengunjung blog anda. Langsung saja begini cara memasang share button dibawah postingan

Langkahnya :
1. anda masuk ke template - edit html - expand template widget
2. lalu anda cari kode <data:post.body/> pencet ctrl+F  untuk memudahkan pencarian
3. dibawahnya taruh kode-kode berikut

<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>

lalu klik save template..
semoga bermanfaat.. luangkan waktu untuk memberi komentar ya... terimakasih :)
Sumber

1 komentar:

Mbak Iis mengatakan...

makasih infonya...
salam kenal ...kunjungan perdana

Prod. 2017 Template by : Roberth Fabumasse