Halo sobat blogger, masih dalam merancang template blog tentunya ,kali ini admin akan share cara memasang tombol share selain tampak indah jika diposisikan baik, juga berguna meningkatkan trafik ke blog kita.
Di berbagai postingan, telah banyak yang memberikan cara memasang tombol ini di dalam postingan, namun banyak juga yang belum mengerti cara memasangnya. Hal ini pula yang menimpa saya waktu awal-awal mengenal dunia blog.
Pada postingan kali ini kita akan belajar memasang tombol share di blogspot dengan mudah. Tombol share yang akan kita pasang seperti yang diterapkan di blog ini, atau lihat gambar dibawah ini.
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode <data:post.body/> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut ini dibawah kode <data:post.body/> jika ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> jika ingin memasang diatas postingan.
5. Langkah terkhir simpan template sobat
Di berbagai postingan, telah banyak yang memberikan cara memasang tombol ini di dalam postingan, namun banyak juga yang belum mengerti cara memasangnya. Hal ini pula yang menimpa saya waktu awal-awal mengenal dunia blog.
Pada postingan kali ini kita akan belajar memasang tombol share di blogspot dengan mudah. Tombol share yang akan kita pasang seperti yang diterapkan di blog ini, atau lihat gambar dibawah ini.
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode <data:post.body/> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut ini dibawah kode <data:post.body/> jika ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> jika ingin memasang diatas postingan.
<b:if cond='data:blog.pageType == "item"'>
<div style='text-align: left; font: 11px Arial; color: #000; margin: 20px auto; padding: 10px 5px;width: 600px;'>
<div style='float:left;padding:1px;margin-right:15px;font:bold 13px Arial;'>
<strong>Share this article</strong> :
</div>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/javascript'/>
<!-- AddThis Button END -->
</div>
</b:if>
5. Langkah terkhir simpan template sobat
KUTUNGGU KOMENTAR SOBAT DISINI