Pages

Thursday, 25 October 2012

Membuat Tombol Share Di bawah Postingan Date

Tombol berbagi (button share) sangatlah berguna untuk mempublikasikan artikel di jejaring sosial seperti Facebook, twiter dll. Dengan adanya tombol share ini di setiap postingan kita, maka akan sangat mudah bagi pembaca untuk melakukan share terhadap artikel, tidak perlu melakukan copas.

ok, kita langsung ke pembahasan,,,

Berikut ini adalah langkah-langkah memasang tombol share di bawah postingan:

1. Login ke blog Sobat dulu
2. Pilih rancangan
3. Dan Pilih Edit Html
4. Ceklist Expand Template Widget
5. Cari kode ini(Ctrl+F)

<div class='post-footer-line post-footer-line-1'>
6. Di bawah ini ada beperapa pilihan tombol share sobat bisa pilih salah satunya

PhotobucketBerikut Kodenya:
<!-- 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" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da519da7edfc20d"></script> <!-- AddThis Button END -->
Photobucket
  Berikut Kodenya:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_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" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a0d28c61844"></script>
<!-- AddThis Button END -->
Photobucket
Beikut Kodenya:
<!-- 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_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a2b6d314596"></script>
<!-- AddThis Button END -->

7.Sobat copy salah satu kode HTML Diatas, kemudian Pastekan di bawah code
<div class='post-footer-line post-footer-line-1'>

No comments:

Post a Comment