Tuesday, April 10, 2018

√ Cara Menciptakan Tombol Share Pada Artikel Blog

Kami akan mencoba membahas kembali cara menciptakan tombol share pada posting/artikel blog, sebab pada artikel sebelumnya banyak blogger yang merasa kesulitan dan tidak sanggup memasang tombol share pada blog mereka.

Nah, pada kesempatan ini kami akan menulis cara yang sama dengan artikel sebelumnya tapi kita ubah instruksi scriptnya dan dengan tampilan yang sedikit berbeda. Untuk mempersingkat artikel eksklusif saja ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area instruksi HTML.
3. Cari instruksi <data:post.body/> dengan memakai Ctrl + F.
4. Letakkan instruksi berikut ini dibawah instruksi <data:post.body/> kalau ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> kalau ingin memasang diatas postingan.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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/j4vascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/j4vascript'/>
<!-- AddThis Button END -->
</div>
</b:if>
5. Kemudian terakhir Simpan Template.
Semoga tips yang kedua cara memasang tombol share diatas sanggup terpasang di blog Anda dan mempunyai kegunaan bagi kita semua.
Sumber http://id-pemula.blogspot.com