Selamat datang di Blog Haekal Fikri

Cara Memasang Button Share Artikel Di Blog

Written By Haekal Fikri On Monday, November 26, 20120 comments


Salah satu cara untuk membuat posting kita bisa di share kemana saja maka Anda dapat Membuat tombol share artikel/posting ke berbagai social bookmark.Sepertinya sudah menjadi satu kewajiban bagi seorang blogger.Dengan memasang tombol/button share artikel ini dapat menjadi 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 kali ini saya share buat teman2 Blogger semuanya.Yang pengen pasang diblognya , silahkan di lihat tutorialnya disini .

Dibawah ini sudah saya pasang 3 script untuk membuat tombol/button share artikel berikut anda bisa lihat preview gambarnya :


  • Kode script button share style-1:




<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>
<!-- AddThis Button END -->


  • Kode script button share style-2:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>
<!-- AddThis Button END -->
  • Kode script button share style-3:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script>
<!-- AddThis Button END -->

Nah dari ke-3 style button share social bookmark yang ada diatas, sobat pilih salah satu yang yang Anda mau.


Berikut langkah-langkah pemasangan di template blog:
  1. Login ke akun Blogger > dashboard .
  2. Sobat pilih menu  Template > Edit HTML > Lanjutkan centang Expand widget template.
  3. Cari kode ini <data:post.body/>  atau cari kode ini  <div class='post-header-line-1'/>  pada template sobat ( Sobat pilih salah satunya saja ) dan letakkan script button sharenya diatas  kode  <data:post.body/>  atau  kode ini  <div class='post-header-line-1'/>
  4. Save template dan lihat hasilnya.


PASANG IKLAN
Share this article :

Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
 
About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
Terima Kasih Atas Kunjungannya
Cara Memasang Button Share Artikel Di BlogOops ! | Error 404