Cara Cepat Hamil

Cara membuat Tombol Share di Bawah Postingan Artikel



Cara membuat Tombol Share di Bawah Postingan Artikel - 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.
Langkah memasang share button dibawah postingan
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 dan lihat hasilnya
Cara membuat Tombol Share di Bawah Postingan Artikel 9out of 10 based on 10 ratings. 9 user reviews.


Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis

Artikel Cara membuat Tombol Share di Bawah Postingan Artikel diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging

4 komentar:

Berita Online Indonesia mengatakan...

makasih gan infonya membantu

Gadis mengatakan...

sama-sama gan...makasih dah mampir....

Chairil Kaka mengatakan...

sedikit saran mas bro
kok kasih kode scrip tolong di muat gambar hasilnya donk

SmilePedia mengatakan...

Maaf gan, boleh kasih saran ya..
Mungkin akan lebih bagus artikelnya diberi gambar..
jd hasil script-nya seperti apa, pembaca akan tahu.
Salam Bloger gan.
:D

Posting Komentar