Cara Membuat Tombol Share pada Artikel Blog

Diposting oleh RahmaCantiiikz on Sabtu, 17 Agustus 2013

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

Nah, pada kesempatan ini kami akan menulis cara yang sama dengan artikel sebelumnya tapi kita ubah kode scriptnya dan dengan tampilan yang sedikit berbeda. Untuk mempersingkat artikel langsung saja ikuti langkah-langkahnya berikut 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 == &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/javascript'>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/javascript'/>
<!-- AddThis Button END -->
</div>
</b:if>
5. Kemudian terakhir Simpan Template.
Semoga tips yang kedua cara memasang tombol share diatas dapat terpasang di blog Anda dan berguna bagi kita semua.

{ 0 komentar... read them below or add one }

Posting Komentar