Cara Membuat Tombol Share Facebook, Twitter dan Google +



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Cara Membuat tombol share facebook, twitter, digg atau mungkin ditambah dengan Google + diatas setiap posting / artikel blog dengan cara menambahkan kode atau script pada template anda. Share button atau tombol share untuk blogger sebenarnya bisa langsung anda dapatkan kodenya di situs situs yang menyediakannya, 

seperti contoh situs sharethis.com yang menyediakan kode untuk di pasang pada blog anda dengan fitur share yang lengkap. Namun yang kurang menarik adalah penempatannya yang kurang stretegis. Kali ini saya akan share cara membuat tombol share facebook, twitter, Google + dll di atas posting blog anda.

Cara Membuat Tombol Share atau share button di blogger ini adalah cara paling mudah untuk memasang fitur share / membagikan artikel anda. Share button ini juga bisa anda edit sesuai keeinginan anda, tapi jangan lupa back up templatenya dulu untuk menghindari kesalahan pada proses editing.
 
Cara membuat tombol Share atau Share button Blogger
  1. Pertama silahkan login blog anda
  2. Klik menu Design > Edit HTML > centang expand widget templates
  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'>
  5. Kode:
  6. <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>
Langkah terahir yaitu simpan template
 

Keterangan : pada "User Name" diganti user name twitter anda. Untuk blog yang sudah menggunakan read more biasanya bukan menggunakan kode <div class='post-body entry-content'> melainkan kode ini <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> Pahami dulu, baru praktekkan cara membuat tombol share atau share button blogger type ini.

Manfaat Tombol Share / Share button blogger



Manfaat tombol share adalah 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, secara langsung pengunjung akan mengajak orang lain untuk megunjungi blog anda. Selamat kebanjiran visitor dengan memasang tombol share / share button pada blog anda. 

Bagaimana Sobat ? mudah bukan dan tentunya berhasil bukan?
ingin di serbu pengunjung baca artikel nya disini...
Bagikan lewat :
Anda sedang membaca artikel tentang Cara Membuat Tombol Share Facebook, Twitter dan Google + dan anda bisa menemukan artikel Cara Membuat Tombol Share Facebook, Twitter dan Google + ini dengan URL http://really-really-good.blogspot.com/2012/03/cara-membuat-tombol-share-facebook.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Membuat Tombol Share Facebook, Twitter dan Google + ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Membuat Tombol Share Facebook, Twitter dan Google + sebagai sumbernya.


Artikel lain yang mungkin ingin anda baca!


Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!



Responses

2 Respones to "Cara Membuat Tombol Share Facebook, Twitter dan Google +"

Iwan Lemabang mengatakan...

kunjungan perdana, Gan.... makasih infonya Gan, salam persahabatan


2 Juli 2012 01.54

Komentar Sobat Sangat Berarti Bagi Kami

Mohon Berkomentarlah dengan Baik dan Sopan. Maaf, jika ingin menyertakan url (http://) mohon diLINK saja ya. Trims

 
Kembali Keatas Kembali Keatas
© Copyright 2010-2012 Really Really Good All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Really Really Good Powered By Blogger
^_^ Submit | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |

DMCA.com