Cara Memasang Button Share Artikel Di Blog New Update
Cara Memasang Button Share Artikel Di
Blog New Update - 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 :
1. Kode
script button share style-1:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==
"item"'>
<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 -->
2. Kode
script button share style-2:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==
"item"'>
<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 -->
3. Kode
script button share style-3:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==
"item"'>
<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.
Anda pilih menu Template >
Edit HTML > Lanjutkan , centang Expand widget template.
3.
Anda cari kode ini <data:post.body/> atau cari kode ini <div class='post-header-line-1'/> pada
template anda ( Anda pilih salah satunya saja )
dan letakkan script button sharenya diatasDIATAS kode <data:post.body/>
atau kode ini <div class='post-header-line-1'/>
4. Save template dan
lihat hasilnya.
Demikian tips
dan trik blogger blogspot dari saya , jadi dengan memasang button share ini
moga-moga ada yang bisa membaca posting Anda . semoga Anda berhasil!!
Post a Comment
- Top comments
- Newest first