Sosial Share Button
Ok sobat pada kesempatan ini seocips.com akan membagikan tentang cara membuat tombol share sosmed atau tombol share sosial media seperti Facebook Like, Facebook share, Twitter, Gplus dan tombol share ke jejaring sosial lainnya. Tombol ini memang terlihat sederhana tapi sangat berguna untuk blog.

Tentu banyak fungsinya button count atau tombol share tersebut bila dipasang di blog Anda. Selain sebagai sarana bagi pengunjung atau pembaca artikel post untuk membaginya konten yang dirasa bagus atau disukai ke jejaring sosial media seperti Facebook, Twitter, Google+, Digg, StumbleUpon dan masih banyak situs jerjaring sosial lainnya. Disini saya akan membagikan 2 widget, kedua-duanya memang terlihat sederhana.

Sosial Share Button 1

Cara Membuat Tombol Share Sosial di Blogger


Cara membuatnya mudah saja. Copy kode dibawah ini dan letakan di blogsobat, mau sobat pasang pada widget ataupun mau diletakan dibawah artikel terserah sobat.
<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>> 
Nah itulah widget yang pertama. Ok sobat seocips.com Sekarang kita lanjutkan ke widget yang kedua.

Sosial Share Button 2

Cara Membuat Tombol Share Sosial di Blogger

Cara memasangnya adalah silahkan sobat masuk ke edit HTML template blog dan masukan kode dibawah ini, misalnya dibawah kode <data:post.body/> . Jika ada lebih dari satu kode <data:post.body/> silahkan dicoba satu-persatu.
<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 template dan lihat hasilnya. Diatas adalah biasa, jika ingin menggunakan tombol share yang ada efek-efeknya silahkan..
Kegunaan lain tombol/button share adalah untuk menghitung banyak  jumlah post yang dishare dan disukai oleh pengunjung blog melalui akun jejaring sosial mereka. Semakin banyak orang yang memilih atau klik Like button Facebook misalnya maka tentu merupakan point tersendiri bagi si pemilik blog dan rating sebuah blog. Ok sobat sekian untuk saat ini semoga bermanfaat.
5 Komentar untuk "Cara Membuat Tombol Share Sosial Sederhana di Blog"