Cara Memasang Tombol Share Facebook, Twitter, Google+ di Blog A Z K A V E I R O: Cara Memasang Tombol Share Facebook, Twitter, Google+ di Blog
13

Cara Memasang Tombol Share Facebook, Twitter, Google+ di Blog

Share on :

Cara Memasang Tombol Share Facebook, Twitter, Google+ di Blog - Dengan memanfaatkan berbagai jejaring sosial seperti facebook, twitter, maupun Google+ kita bisa mendapatkan banyak pengunjung blog kita. Tombol berbagi ke facebook dan sebagainya ini mempunyai fungsi untuk membagikan artikel kita yang sedang di baca oleh pengunjung.
Dengan memasang tombol berbagi ini, akan membawa manfaat bagi blog kita. Semakin banyak artikel yang di share pengunjung ke media jejaring social, maka semakin banyak pula pengunjung yang datang ke blog kita. Bagi anda yang berminat untuk memasangnya, silangkan ikuti langkah -langkah cara memasang tombol share di bawah postingan blog.

Cara Memasang Tombol Berbagi Ke facebook, twitter, google+ di blog
1. Loggin ke blogger dengan akun blog anda.
2. Klik menu Tata Letak > Edit HTML > Expand Template Widget
3. Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
4. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<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>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-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>
5, Simpan Template dan lihat hasilnya.

Bagaimana sobat, mudah bukan??. Selamat mencoba dan semoga bermanfaat.

PPC Iklan Blogger Indonesia

Ditulis Oleh : Azka Latif Noor ~ Tips dan Trik Blogspot

Azka Latif Noor Sobat sedang membaca artikel tentang Cara Memasang Tombol Share Facebook, Twitter, Google+ di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

13 komentar:

Majalah Siantar mengatakan...
Reply

mantap sob, langsung ane praktekin..

ayex dulayex mengatakan...
Reply

newbie ampe mumet nyari nyari nie kode gan

Keiruchan Agatha mengatakan...
Reply

keren gan,
blognya juga...

Dirga BSC mengatakan...
Reply

ijin copas bang, ane juga mau pasang...

Eva Anindhita mengatakan...
Reply

nice info..
Follow me: evaanindhita.blogspot.com

mantau mengatakan...
Reply

sedot mas, nice info, salam kenal :D

zamroniys mengatakan...
Reply

ini yang lagi saya cari mas.. makasih tutorialnya ya,, nice

Anang Saputra mengatakan...
Reply

keren sob artikel Cara Memasang Tombol Share Facebook
http://trik-hot.blogspot.com

Indra Setiawan mengatakan...
Reply

ane sedot yah bang..!!!

Naura Farihatu mengatakan...
Reply

punya aq gda kode ...div class='post-body entry-content'>.... , gk ngerti,,,,,,,,,,,,,, :(

ArsipFank mengatakan...
Reply

INfo menarik,ijin sedot mau pasang semoga jadi deh...

mestiqui.com mengatakan...
Reply

Boleh dicoba juga nih gan :D

Felice Skincare mengatakan...
Reply

thanks banget buat info nya gann

Posting Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top