HALO Friend, welcome | LOGIN | DAFTAR
Rabu, 12 September 2012 | 03:33 WIB

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.

Bagikan ke :
thumbnail Title: Cara Membuat Tombol Share Di Blogspot
Posted by: ANDIK WIN
Rating: 4.5 ★★★★★ - 174.984 Reviews
Reviewer: 1 hour 30 min - 9.999 Kalori
Sponsored Link

6 Komentar di " Cara Membuat Tombol Share Di Blogspot"

  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
    Balasan
    1. betul sekali kang Hariyanto ^_^

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

    BalasHapus
    Balasan
    1. Yupz gan. :) terima kasih kembali.

      Hapus

Poskan Saran, kritik Serta Opini Anda Pada Blog Facewoman :

TERPOPULER :
TERKOMENTARI :
Mari Gabung Di KBN ( KOMUNITAS BLOGGER NEWBIE INDONESIA ) » KLIK DISINITemui Kami di twitter@andikwinclose
(close)
Back Top