0 Cara Membuat Share Button Atau Tombol Sosial Media pada Blog Atau Website Mu

Pada kesempatan ini saya akan membahas tentang cara membuat tombol share di blog. Dari sekian banyak cara untuk meningkatkan lalu lintas blog Anda salah satunya bisa dengan memanfaatkan media jejaring social seperti facebook, twitter dan Google+. Dengan media social itu sangat membantu untuk meningkatkan mesin pencari dalam menemukan blog Anda. Yang perlu kita lakukan adalah berbagi postingan blog kita ke situs media tersebut untuk mendapatkan pengunjung ke blog kita. Oke, langsung saja ikuti langkah di bawah ini untuk membuat tombol sharing atau berbagi posting ke media social Facebook, Twitter, Google Plus, dan lainnya, berikut ikuti langkah-langkahnya:

1. Login akun blogger atau website Anda.
2. Pilih Template > Edit HTML.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Silahkan pilih salah satu style share button di bawah ini kemudian copy paste:

Style Share Button 1:

<!-- AddThis Button BEGIN -->
<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_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52472753366515f5"></script>
<!-- AddThis Button END -->

Style Share Button 2:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52472753366515f5"></script>
<!-- AddThis Button END -->

Style Share Button 3:

<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=ra-52472753366515f5"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52472753366515f5"></script>
<!-- AddThis Button END -->

Style Share Button 4 (Style ini berada melayang di samping kiri):

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52472753366515f5"></script>
<!-- AddThis Button END -->

4. Jika Anda ingin meletakkan tombol share diatas postingan, copy paste kode dibawah ini tepat diatas <data:post.body/> , kemudian jika menginginkan dibawah postingan, copy paste tepat dibawah <data:post.body/>

5. Kemudian Save Template,

Sekarang lihat perbedaan pada blog atau Website anda, jika berhasil maka akan muncul tombol share seperti yang anda pilih tadi.

Artikel Yang Berkaitan