Cara Mudah Membuat Tombol Share di Bawah Postingan
October 9, 2016
Sebenarnya sudah banyak Tutor di Blog yang mengulas tentang Tombol Share ini dan sudah banyak jenis serta style pada tampilannya.Kali ini saya coba posting lagi tentang cara membuat tombol share ini,barangkali ada teman yang minat dan tertarik untuk mencoba dan menerapkannya pada blognya.Silahkan ikuti langkah di bawah ini:
1. Login ke Blogger anda dan masuk ke dasbord.
1. Login ke Blogger anda dan masuk ke dasbord.
2. Pilih Template kemudian klik Edit HTML.
3. Setelah itu Centang Expand Template Widget.
4. Lalu Cari kode <data:post.body/>.Untuk mempermudah pencarian tekan aja Ctrl + tombol F.
5. Masukan kode berikut ini tepat dibawah<data:post.body/> :
<div style='background:#f9f9f9;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
<strong>Bagikan Artikel Ini</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count' title='Facebook'/>
<a class='addthis_button_tweet' title='Twitter'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium' title='Google Plus'/>
<a class='addthis_counter addthis_pill_style' title='Share'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
<strong>Bagikan Artikel Ini</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count' title='Facebook'/>
<a class='addthis_button_tweet' title='Twitter'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium' title='Google Plus'/>
<a class='addthis_counter addthis_pill_style' title='Share'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
6. Simpan Template.
Lihat hasilnya..Gampang bukan..!! masih banyak kreasi yang lain sebenarnya, silahkan teman-teman otak-atik sendiri kode scriptnya. Selamat mencoba..!!