Cara Membuat Tombol Share Di Blogspot
Cara Membuat Tombol Share Di Blogspot
 " Gimana cara bikin share diatas postingan yg ada FB,twitter,digg,dan interest it " ? Itulah Sebuah Pertanyaan Yang di ajukan Sobat @ Gelora Sriwijaya Kepada Facewoman.Tapi memang untuk tombol share yang mirip

dengan Blog Facewoman Memang Belum saya Jadikan Artikel Pada waktu itu.Jadi untuk Gelora Sriwijaya saya beri rekomendasi Cara Membuat Tombol Share Mirip Inilah.com Di blog .Coba Lihat Screenshot di bawah Ini ;
Tombol share
Inilah gambar screenshot komentar
 Untuk caranya sendiri juga hampir sama dengan cara postingan tersebut yang membedakan ini tidak melalui pihak ke Tiga.Jika anda tertarik untuk mencobanya ikuti langkah - langkah di bawah ini :

1.Pertama-tama Login Blogger.
2.Langkah kedua Dashboard - Template - Centang Expand Widget Template - Kemudian Cari Kode  <data:post.body/> untuk memepercepat Proses pencarian Kode gunaan Ctrl + F kemudian Masukkan Kode <data:post.body/> Jika sudah anda ketemukan ,Lalu masukkan kode di bawah ini, Tepat di atas Kode <data:post.body/> :
Note : " Jika di template sobat diketemukan Kode yang sama dengan   <data:post.body/> Facewoman sarankan anda gnakan kde yang paling atas kode <data:post.body/> "

<div style='background:#f2f2f2;margin:0;padding:0;-moz-box-shadow:inset 0 0 5px #ccc;border-top:0px solid #ccc;border-bottom:0px solid #ccc; padding:5px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>

<table border='0'><tbody><tr>



<td>

<div style='margin-right:5px;'>

<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<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=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<g:plusone expr:href='data:post.url' size='medium'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>

<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<script type='text/javascript'>



(function() {



var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];



s.type = &#39;text/javascript&#39;;



s.async = true;



s.src = &#39;http://widgets.digg.com/buttons.js&#39;;



s1.parentNode.insertBefore(s, s1);



})();



</script>

<a class='DiggThisButton  DiggCompact' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'/>

</div>

</td>



</tr></tbody></table>

</div>


3.Langkah Terhakhir Simpan Template.

 Itulah Cara Membuat Tombol Share Di Blog.Semoga cara di atas bisa bermanfaat bagi anda yang sedang membutuhkan.Jika ada kesalahan dalam praktek,anda bisa meninggalkan  komentar di Facewoman.

Note :
 Memasang Tombol share Di Blog dapat Menyebabkan Blog anda menjadi Berat saat Loading Di Bagian Posting.!. Tapi semua itu bisa tertutupi dengan banyaknya manfaat yang di peroleh dari tombol share tersebut.

6 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

  1. menarik sekali Sob. tp punya saya udah ada...:D
    saya mau yg kayak d blog Sobat ini...:D

    BalasHapus
    Balasan
    1. itu juga sama yang di blog ini kok gan! ^_^

      Hapus
  2. tombol share-nya keren :)

    BalasHapus
  3. wah punya saya berhasil ditambahkan..keren makasi kak hehe

    BalasHapus

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama