Cara Membuat Tombol Share On Facebook,Digg dan Twitter

Selamat pagi sahabat Darmanto semua,semoga masih tetap semangat dalam beraktifitas and Happy Blogging.Dalam artikel ini,saya ada Tutorial Blog tentang Cara membuat tombol Share on facebook,Digg dan Twitter.


Membuat tombol share on facebook,digg dan twitter adalah salah satu tips blog buat mempermudah pengunjung kita bila hendak share salah satu artikel di blog kita yang dirasa bermanfaat buat di share kan ke orang lain.Bila artikel kita banyak yang share maka banyak banyak pula orang lain yang akan berkunjung ke bloh kita.Jadi termasuk kerugian buat kita bila tombol share on ini tidak ada di blog kita.Artikel ini juga sebagai jawaban saya atas pertanyaan sahabat saya yang masuk ke email saya setelah saya membuat tombol share on facebook di blog saya.

Ok sahabat, inilah Cara membuat tombol share on facebook,digg dan twitter.Langkah pertama adalah silahkan Sahabat Copy paste kode HTML di bawah 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 this 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=’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>

Setelah itu buka dasbor blog sahabat dan klik:

RANCANGAN-EDIT HTML

Cari kode dibawah ini:

<div class=’post-body entry-content’>

-Setelah ketemu,pastekan kode yang tadi sahabat ambil,tepat diatas kode:
<div class=’post-body entry-content’>
-Perhatikan tulisan yang berwarna merah “User Name”.Ganti tulisan itu dengan akun milik Sahabat.

Begitulah Cara membuat tombol share on facebook,digg dan twitter.Semoga sahabat bisa berhasil membuatnya.