Cara Membuat Tombol Share Facebook, Twitter, Google+ di Blog Yang Keren

Cara Membuat Tombol Share Facebook, Twitter, Google+ di Blog Yang Keren - Sebelum memulai tutorial  ini saya akan menjelaskan beberapa manfaat dari Tombol Share untuk Blog agan, dalam sebuah halaman blog button share juga merupakan komponen utama pendukung untuk mengoptimalkan tampilan blog anda agar Friendly untuk pengunjung.

Jika blog anda nyaman tentu pengunjung akan betah membaca konten-konten yang agan sediakan dan tidak segan untuk sharing konten-konten agan ke media sosial, tentu itu sangat menguntungkan untuk agan karena dari situ blog agan akan membantu lebih populer dan mendapatkan banyak pengunjung.

Nah sebagai penyedia konten, seperti yang saya ulas di atas agan perlu memanjakan dan membuat nyaman pengunjung dalam konteks ini adalah tentang sharing ke media sosial, usahakan komponen-komponen yang di butuhkan oleh pengunjung tersedia si blog agan dalam hal ini salah satunya adalah Button share.

Dengan adanya button share pengunjung tidak perlu repot-repot kopy paste link konten sobat ke media sosial, pengunjung hanya perlu klik button saja untuk melakukan share ke media sosial. itulah sedikit ulasan manfaat button share untuk blog agan. berikut cara memasang button share di Blog, ikuti langkah-langkahnya di bawah ini :

Cara membuat Tombol share Facebook, Twitter, Google+ di blog

• Login dulu ke akun google agan
• Buka Dasbor Blog agan 
• Pilih template ( beckup/download dulu template agan jika di perlukan untuk menghindari jika terjadi eror)
• Edit HTML Centang Expand Template Widget
• Cari kode (Ctrl+F)  </head> kemudian copy script plugin Google +1 di bawah ini dan letakan tepat di atas kode </head> 

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

• Kemudian Copy script/kode berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<table border='0'><
tbody>
<tr> 
<td>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="user name">Tweet</a>
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</td>
<td>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</td> 
<td>
<g:plusone expr:href='data:post.url' size='medium'/>
</td> 
</tr>
</tbody>
</table> 
</b:if> 

• Isikan "User name" dengan username twitter anda

• Jika ingin membuat di bawah judul posting: Cari kode  <div class='post-header-line-1'/>" dan letakkan script/kode di atas, tepat di bawahnya

• Jika kode <div class='post-header-line-1'/> tidak di temukan, maka cari kode/script <data:post.body/> lalu letakkan kode/script di atas tadi tepat di atasnya. 

• Jika agan ingin Meletakan Button share di bawah posting Cari kode <data:post.body/>" lalu letakkan kode yang di atas tadi tepat di bawahnya.

• Kemudian Simpan/Save template.

• Setelah Proses Selesai Reload halaman Blog agan dan lihat hasilnya

Terimakasih kunjungannya semoga tutorial cara membuat tombol share di blog ini bermanfaat untuk agan.