Salam
Blogger, sharing kembali nich… kali ini turuorial Cara Memasang Share Button di
Bawah Posting Blog. Mungkin sudah banyak tutorial blog atau website yang
membahas Cara Memasang Share Button di Bawah Posting Blog. Tapi tak ada
salahnya juga kan BLOGGINGPASURUAN membahasnya juga ? Share button ini sangat
penting bagi sebuah blog untuk memaksimalkan pengunjung.
Catatan
: Sebelum mengotak-atik template blog, backup terlebih dahulu agar aman jika
terjadi kesalahan. Langsung saja Cara Memasang Share Button Di Blogspot untuk
Facebook, Twitter dan Google+ :
Langsung saja ke tahapan
Cara Memasang Share Button di Bawah Posting Blog
1. Login ke Blogger Anda, klik Template
kemudian klik Edit HTML.
2. Khusus Untuk Google+ tambahkan script
berikut di atas kode </head>
<script
src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}
</script>
3. Copy script berikut :
<!-- Social Share Code oleh
http://bloggingpasuruan.blogspot.com-->
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc;
padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;a'>
Share :
</div>
<div style='float:left;padding-left:15px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>
<div style='float:left;padding-left:30px;'>
<a class='twitter-share-button'
data-count='horizontal' data-via='USERNAME TWITTER'
href='http://twitter.com/share'>Tweet</a>
<script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:1px;'>
<g:plusone size='medium'/>
</div>
</div>
<!-- Social Share Code oleh http://bloggingpasuruan.blogspot.com -->
4. Untuk penempatan, jika ingin memasang
di bawah judul posting, Cari (Ctrl + F) <div class='post-header-line-1'/>,
letakkan script di atas tepat di bawahnya. Jika <div class='post-header-line-1'/> tidak ketemu,
cari <data:post.body/> lalu letakkan script
di atas tepat di atasnya.
Cari (Ctrl + F) <data:post.body/> lalu letakkan script di atas tepat di bawahnya.
5.
Jika ingin memasang di bawah posting
Cari (Ctrl + F) <data:post.body/> lalu letakkan script di atas tepat di bawahnya.
Ganti
USERNAME TWITTER dengan user name Twitter sesuaikan saja dengan user Anda.
6. Kemuadian simplate template dan lihat hasilnya
Saya
akan sangat berterima kasih jika Sobat Blogger berkenan untuk berkomentar,
memberikan saran atau pertanyaan untuk artikel Cara Memasang Share Button di Bawah Posting
Blog.
Semoga bermanfaat...