Thursday, July 11, 2013

Cara Membuat Tombol Share Artikel/Posting pada blogger


Membuat tombol share artikel/posting ke berbagai social bookmark saat ini seperti sudah menjadi satu kewajiban bagi seorang blogger.
Karena dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark seperti :

  • Facebook,
  • Twitter,
  • Reddit,
  • Digg,
  • StumbleUpon,
  • Myspace,
  • Google Buzz atau mungkin Google Plus One (+1).

Nah pada tips blogging kali ini saya mau share bagaimana cara memasang button share artikel.
di blog sobat yang kode scriptnya saya ambil dari layanan Addthis.com. Dengan memasang script dari Addthis ini maka sobat blogger dengan mudah dapat membagikan (share) artikel anda ke ratusan layanan social bookmark hanya dengan sekali klik saja.
Tombol/button share social bookmark ini nantinya akan berada diatas postingan atau dibawah judul artikel.
ok langsung ke TKP ....!!

  • Style Pertama
Silahkan Copas script berikut dan letakkan pada HTML/Javascript
    <!-- Blogriefs 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_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-4fdd3d4629c83622"></script>
    <!-- Blogriefs Button END -->

    •  Style Kedua
    Silahkan Copas script berikut dan letakkan pada HTML/Javascript
      <!-- Blogriefs 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-4fdd3eff39be4fbe"></script>
      <!-- Blogriefs Button END -->

      • Style Ketiga
      Silahkan Copas script berikut dan letakkan pada HTML/Javascript
        <!—Blogriefs  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-4fdd3fb37bf5bf2f"></script>
        <!—Blogriefs  Button END -->

        • Style Keempat

        Silahkan Copas script berikut dan letakkan pada HTML/Javascript
          <!—Blogriefs  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" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fdd40b433588d03"></script>
          <!—Blogriefs  Button END -->

          • Style Kelima

          Silahkan Copas script berikut dan letakkan pada HTML/Javascript
          <!-- Blogriefs Button BEGIN -->
          <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
          <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>
          </div>
          <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fdd491159a9f43a"></script>
          <!-- Blogriefs Button END -->

          • Style Keenam
          Silahkan Copas script berikut dan letakkan pada HTML/Javascript
            <!—Blogriefs  Button BEGIN -->
            <div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
            <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>
            </div>
            <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fdd426e29c9c16e"></script>
            <!—Blogriefs  Button END -->

            • Style Ketujuh
            Share
            Silahkan Copas script berikut dan letakkan pada HTML/Javascript
              <!—Blogriefs  Button BEGIN -->
              <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-4fdd47dd4d79d1ec"><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" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fdd47dd4d79d1ec"></script>
              <!—Blogriefs  Button END -->
              Nah itu dia gan beberapa Tombol share yang bisa saya bagikan untuk para sobat semua..!!

              ARTIKEL TERKAIT :

              0 comments:

              Post a Comment