Cara Membuat Vertical Share Button

Share button baik Fb maupun twitter sangat membantu menambah traffic blog kita karena para pembaca ada kemungkinan ikut menyebarkan tulisan kita dalam blog karena dianggap menarik atau ingin berbagi ke teman-teman mereka.

Anda mungkin sudah memasang horizontal share button di blog anda seperti pada blog saya ini, share buttonnya berada di post footer. Akhir-akhir ini banyak blogger yang membuat share button vertikal yang biasanya diletakkan di bawah judul sejajar dengan iklan ppc atau banner mereka seperti pada blog ini.

Cara membuat vertikal share button baik FB maupun twitter seperti itu sangat gampang. Share button yang digunakan sebaikknya dari Addthis karena cukup mudah mengaturnya. Caranya sebagai berikut :


1. Login ke Blog klik Design lalu edit HTML kemudian centang pada Expand widget Templates.

2. Cari code dibawah ini bisa dengan Control + F 3.

<div class="post-header-line-1">
</div>

3. Paste code dibawah ini tepat dibawah code tadi.

<div style='float:right;width:30px; '>
<a class='addthis_button_tweet' tw:count='vertical'/>
<a class='addthis_button_facebook_like' fb:like:height='63' fb:like:layout='box_count' fb:like:width='48'/>
<a class='addthis_counter'/>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cda603c451314b2' type='text/javascript'/>
</div>

4. Klik Save Template, coba lihat hasilnya.

Untuk mengatur posisi kiri ganti "float: right;" menjadi "float:left;" dan jika anda ingin menambahkan padding dan margin juga bisa. Itulah cara membuat share button vertikal semoga mermanfaat.