Cara Membuat Tombol Share di Blog

Halo, pada kesempatan kali ini saya mau membagi Cara Membuat Tombol Share di Blog seperti Facebook, Twitter, Google+ dan tombol share ke jejaringan sosial lainnya. tombol share ini memang sangat sederhana tapi sangat berguna untuk blog kalian lho! Tombol share ini tentunya mempunyai banyak kegunaan. Kali ini saya akan membagikan 2 widget, langsung saja kita menuju tkp!

1. Tombol 1

Untuk tombol yang ini caranya mudah, kalian tinggal copy script dibawah ini dan letakkan di blog kalian, mau dipasang diwidget atau dipasang dibawah artikel itu terserah kalian

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>>

2. Tombol 2

Langkah - langkahnya sebagai berikut:

      ·         Masuk ke edit HTML

      ·         Tekan tombol CTRL+F

      ·         Lalu masukkan code <data:post.body/>

      ·         Lalu copy script dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='float:right;padding:5px;'><table border='0'><tbody><tr><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:21px;'/></td><td><g:plusone expr:href='data:post.url' size='medium'/></td><td><a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></td><td><su:badge layout='1'/><script type='text/javascript'> (function() { var li = document.createElement(&#39;script&#39;); li.type = &#39;text/javascript&#39;; li.async = true; li.src = &#39;https://platform.stumbleupon.com/1/widgets.js&#39;; var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(li, s); })(); </script></td></tr></tbody></table></div></b:if>

·         Simpan perubahan dan lihat hasilnya

Sekian Cara Membuat Tombol Share di Blog  dari saya, semoga bermanfaat untuk kalian para blogger.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Artikel Terkait