Maksud dari Floating Share Button
Vertical, kalau dibahasa Indonesiakan adalah tombol berbagi yang
melayang. Seperti yang sudah-sudah dibahas di tulisan-tulisan terdahulu,
saat ini blog tidak bisa dipisahkan dengan sosial media lain, semisal
twitter, facebook dan yang baru google+. Orang menjadi lebih suka
berbagi (share) ke teman-temannya dengan menggunakan atau lewat sosial
media tersebut.
Untuk itulah, blog sudah selayaknya pula untuk memasang share button atau tombol berbagi ke beberapa sosial media yang populer, seperti twitter dan facebook. Kali ini Belajar Ngeblog di BLOG akan bebagi cara menambahkan atau memasang floating share button, yang dipasang secara vertikal. Button atau tombol yang dipakai adalah like atau sukanya facebook, tweetnya twitter dan +1nya google. Di share button memakai model count, yaitu menampilkan angka sudah berapa kali dibagi (share).
Dengan memasang Floating Share Button Vertical tentu saja membuat pembaca akan lebih muda untuk berbagi (share) tulisan yang dianggapnya menarik atau bermanfaat. Selain itu button akan selalu mengikuti, karena memang itu dibuat float atau melayang. Sehingga akan lebih menarik untuk pembaca menggunakan button itu.
Cara Menambahkan Floating Share Button Vertical
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:150px;left:20px;">
<div class="addthis_toolbox addthis_default_style">
<span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
<span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
<span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<div class="addthis_toolbox addthis_default_style">
<span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
<span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
<span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
5. Simpan jika sudah selesai.
Kita dapat mengubah letak melayangnya share button tersebut, 150 itu adalah jarak dari atas dan 20 itu adalah jarak dari samping. Bersiaplah untuk blog kita lebih terintegrasi dengan dengan sosial media, dan memantau sudah berapa kali postingan (tulisan) kita dibagikan ke facebook, twitter atau diberi +1.