Cara Membuat Tombol Share Pada Blog

By On Sunday, September 4th, 2016 Categories : Blogging, Tips dan Trik

Cara Membuat Tombol Share Pada Blog – Memasang tombol share di blog bukan hanya menjadikan tampilan blog menjadi lebih menarik jika Anda posisikan dengann baik. Akan tetapi tombol share juga bermanfaat untuk membantu meningkatkan trafik menuju blog Anda.

tombol share

Tidak sedikit postingan yang telah memberikan panduan atau cara memasang tombol share di postingan blog, tetapi tidak sedikit juga yang masih belum mengerti bagaimana cara memasangnyaa.

Terutama bagi Anda yang masih sangat baru atau pemula dalam menggunakan blog.

Dalam postingan ini Anda bisa mencoba memasang tombol share pada blogspot secara mudah dan juga praktis.

Cara memasang tombol share di blog

  1. Log in ke akun blogspot. Pilih “Template” kemudian “Edit HTML”
  2. Cari kode <data:post.body/> , untuk lebih mudahnya gunakan “Ctrl + F”
  3. Kemungkinan akan ada beberapa kode seperti di atas. Silahkan pilih yang pertama, selanjutnya copy dan tempelkan script berikut ini:
<b:if cond=’data:blog.pageType == “item”’>

<div style=’border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px

0px;margin:5px 0 px 5px 0px; width:100%;float:left;height:20px;’>

<div style-‘float:left;padding-left:0px;font:normal 12px Arial;’>

Share:

</div>

<div style=’float:left;padding-left:10px;’>

<a name=’fb_share’ type=’button_count’/>

<script src=’http://static.ak.fbcdn.nnet/connect.php/js/FB.Share’

Type=’text/javascript’>

</script></div>

<div style=’float:left;padding-left:10px;’>

<a class=’twitter-share-button’ ddata-count=’horizontal’

data-via=’User Name’

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:10px;’>

<! –Place this tag where you want the +1 button to render — >

<g:plusone size=”medium”></g:plusone>

<!–Place this render call where appropriate — >

<script type=”text/javascript”>

(function(){

Var po = document.createElement(‘script’); po.type =

‘text/javascript’; po.async = true;

Po.src = ‘https://apis.google.com/js/plusone.js’;

Var s = document.getElementsByTagName(‘script’)[0];

s.parentNode.insertBefore(po, s);

})();

</script>

</div>

</div>

</b:if>

Untuk memasangnya terdapat 2 cara yang bisa digunakan yakni paste script seperti di atas tepat di atas <data:post.body/> jika ingin ditempatkan di atas atau paste di bawah kode <data:post.body/> jika ingin dipasang dibawah postingan.

Ubah tulisan berwarna biru dalam kode di atas sesuai dengan keinginan Anda, seperti “Bagikan” “Share on” dan lain-lain. Langkah terakhir adalah klik “Simpan” dan silahkan lihat tampilan blog Anda untuk memastikan tombol share yang Anda inginkan sudah terpasang.

Baca Juga : Beberapa Modifikasi Iklan Google Adsense yang Masih di Perbolehkan

Cara Membuat Tombol Share Pada Blog | ituseo | 4.5