Cara Membuat Tombol Share Facebook, Twitter, Google Plus (+) Di Blog

Jika pada postingan terdahulu EFA memposting artikel tentang Cara membuat facebook like button maka Pada postingan kali ini EFA akan memposting  artikel yang menurut EFA  cukup bermanfaat yaitu Cara Membuat Tombol Share Facebook, Twitter, Google Plus (+) Di Blog.

Dengan mempunyai tombol share di blog sobat blogger mania, maka akan memberikan kesempatan para pengunjung / visitor blog agar mereka bisa berbagi dengan teman atau jaringan mereka melalui fitur share yang tersedia pada blog anda. Tentunya ini sangat penting, untuk Optimasi SEO blog sobat blogger mania Bila sobat blogger mania berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini

Pertama silahkan login ke blog sobat blogger mania
Klik menu Design > Edit HTML > centang expand widget templates
Selanjutnya cari kode yang mirip dengan ini:  <div class='post-body entry-content'> atau class='post-body entry-content' , bisa dipilih salah satu. 

Apabila sobat blogger mania dah menemukanya maka kopy dan pastekan kode dibawah ini tepat diatas salah satu kode diatas

<b:if cond='data:blog.pageType == "item"'>

<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('SCRIPT'), s1 =

document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

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> 

 
Demian yang bisa EFA share,..

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «