Cara Memasang Share Social Media Disetiap posting

Pasti bosen kan lihat share social media seperti twitter, facebook, google plus, pinterest dll yang bentuknya kotak disebelah kanan blog bukan? nah cari variasi yuk pakai share disetiap posting blog disebelah kiri blog dan melayang. berikut caranya.
Cara Menambahkan Button Like, Tweet dan G+1 di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Template.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya

<!-- Button Share BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' style='float:left;padding:0px;'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet' tw:related='kurniasepta' tw:via='kurniasepta'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
<!-- Button Share END -->

7. Simpan Template jika sudah selesai, sebelumnya jangan lupa ganti kurniasepta dengan username twittermu sendiri.

Cara Menambahkan Button Like, Tweet dan G+1 Melayang di Blog
Kalau yang tadi di bagian bawah posting blog, kalau yang ini akan muncul disebelah kanan blog. saran saya pakai salah satu aja ya. biar ringan blognya.
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>

5. Simpan jika sudah selesai.
Source: http://kurniasepta.blogspot.com/

Berbagi :