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 :

Tweet

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.

<a href='http://really-really-good.blogspot.com/2012/03/cara-membuat-tombol-share-facebook.html'>Cara Membuat Tombol Share Facebook, Twitter dan Google +</a>

Artikel lain yang mungkin ingin anda baca!

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