cara pasang tombol share di atas dan di bawah posting blog

cara pasang tombol share di atas dan di bawah posting blog
cara pasang tombol share di atas dan di bawah posting blogcara pasang tombol share di atas dan di bawah posting blog

salah satu cara mempromosikan blog yang efektip adalah dengan cara berbagi  artikel (posting) ke beberapa  jejaring sosial dan bookmark.dan salah satu cara yang sering di pakai para pemilik blog  adalah dengan menambahkan tambol berbagi (share) di postingan blog. sobat bisa memasang atau meletakanya di bawah posting blog atau di atas posting blog.petualangweb ingin berbagi cara sederhana memasang dan meletakan tombol share (berbagi) di bawah  dan di atas posting blog .blia sobat tertarik untuk memasang dan menambahkan tombol share dan berbagi.sobat bisa mencobanya sendiri caranya cukup gampang dan sederhana.



silahkan sobat blogger masuk ke account blogger sobat kemudian masuk ke dashboard blog sobat pilih template>> pilih edit html. sebaiknya simpan dulu template blog sobat di notepad atau bisa langsung download .lalu pilih centang

kemudian bila sobat ingin meletakan tombol share(berbagi)

1.memasang tombol share di atas posting blog sobat tinggal cari saja rumus seperti ini

<div class='post-header-line-1'/></div> lalu letak rumusnya di bawah nya


cara pasang tombol share di atas dan di bawah posting blog


2.memasang tombol share di bawah postingan blog . lalu cari code

<div class = "post-footer"> </div> lalu letakan rumusnya di bawah

sekarang sobat tinggal cari saja rumus tombol share di addthis dan pilih sesuai selera sobat.atau kalau mau lebih gampangnya sobat bisa pilih model dan rumusnya yang ada di bawah ini.


cara pasang tombol share di atas dan di bawah posting blog

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" href=""></a>
<a class="addthis_button_tweet" href=""></a>
<a class="addthis_button_pinterest_pinit" href=""></a>
<a class="addthis_counter addthis_pill_style" href=""></a>
</div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-514955212eb19300" type="text/javascript"></script>
<!-- AddThis Button END -->


cara pasang tombol share di atas dan di bawah posting blog

<!-- Sharing Button Code BEGIN -->
 <span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_delicious_hcount' displayText='Delicious'></span><span class='st_sharethis_hcount' displayText='ShareThis'></span>
 <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'f3e22f37-f1d3-41f4-adfe-e9667347c91e'});</script>
 <!-- Sharing Button Code END -->

cara pasang tombol share di atas dan di bawah posting blog

<!-- 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="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-514977b55e2389d2"></script>
<!-- AddThis Button END -->


Share This
Previous Post
Next Post

blog petualang web berisi berbagai artikel

5 comments:

  1. gan, ko' diblog saya gk bisa ya, dipasangin yang diatas postingan?
    help gan???

    ReplyDelete
  2. Thx gan atas widgetnya ditunggu kedatanganya sob :)

    ReplyDelete
  3. bagus mas artikelnya, komplit......

    ReplyDelete
  4. PERCUMA ANDA BERBAGI TUTORIAL, KODE HTML TIDAK BISA DICOPY

    ReplyDelete

terimaksih untuk kunjungannya-jika suka silahkan komentarnya disini-mohon maaf jika anda menulis spam tidak publikasikan.-