Kalau ada link atau artikel yang sudah usang (tidak work). Dimohon untuk berkomentar. Thanks for your attention.

Cara Pasang Tombol Share, Tweet, Buzz, Digg, Google +1 Button di Blog

Setelah sebelumnya saya membahas tentang cara membuat halaman(fanspage) di facebook, kini saya ingin membahas cara share artikel ke facebook dan lain-lain. Gadget share ini berguna untuk mempromosikan blog kita kepada pengunjung yang mengklik, dan juga kita tidak perlu susah payah untuk berpromosi. Bagian atas artikel milik saya juga ada, diklik dulu lah salah satunya #ngarep ... Udah diklik ... ? Ya sudah langsung saja tombol share situs jejaring sosial dibahas ...

1. Login blogspot > Rancangan/Layout > Edit HTML

2. Centang "Expand Template Widget"

3. Copy kode dibawah ini :

<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:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share to :
</div><g:plusone size='medium'/>
<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='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(&#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>
</b:if>

4. Cari kode <div class='post-header-line-1'/>

5. Paste kode no.3 tepat setelah (dibawah) kode <div class='post-header-line-1'/>

6. Ganti User Name dengan username akun twitter sobat

Simpan Template !

Trik ini saya dapat dari blognya kang salman, tapi sudah ada yang saya tambahkan pada kode tombol share ke situs jejaring sosial. Semoga bermanfaat sobat !

Selesai


Anda baru saja membaca Cara Pasang Tombol Share, Tweet, Buzz, Digg, Google +1 Button di Blog yang ditulis oleh . Jika ingin copy paste artikel ini, dimohon agar mencantumkan link http://caratrikblog.blogspot.com/2011/08/berbagi-facebook-twitter-google-buzz.html

Klik apabila artikel bermanfaat :

3komentar:

Posting Komentar

Berkomentar dengan menggunakan kalimat yang baik dan santun. Dimohon untuk tidak berkomentar SPAM, karena komentar akan dihapus!
Tips:" Berlangganan Via Email " terlebih dahulu agar komentar cepat dibalas!

Langganan via Email :

Pengikut

Link Teman

 
Kembali ke atas