Trik Memasang Manual Tombol Share Pada Blog

Selasa, 04 Januari 2011

Memasang Tombol Share mempunyai manfaat yang sangat besar bagi anda yang ingin blognya jadi lebih terkenal, karena dengan dengan adanya tombol share yang dipasang di blog, maka setiap artikel yang kita tulis dapat dipublikasikan ke situs bookmarking dan situs jejaringan sosial seperti digg, lintas berita ,facebook, twitter dll. Jika artikel tersebut sudah dipublikasikan ke salah satu atau semua situs diatas, maka secara otomatis akan meningkatkan popularitas blog dan terlebih lagi tanpa kita sadari akan dapat meningkatkan traffik ke blog.

Untuk contoh tombol share dapat anda lihat dibawah artikel atau tulisan ini, nah sekarang saya akan memberitahukan trik memasang tombol share bagi anda yang belum tahu caranya dan bagi anda yang sudah tahu, mohon hargai tulisan saya (lebay..! hihihi).

Source Code Tombol Share


<a href="http://twitthis.com/" onclick="window.open('http://twitthis.com/twit?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow"><img alt='Twitter' src='http://1.bp.blogspot.com/_ScbmSoturAk/TQUbWUa-5NI/AAAAAAAAAMA/XuqgazDN8GM/s1600/twitter.png' border="0"/></a>

<a href="http://www.facebook.com/" onclick="u=location.href;t=document.title;window.open(&#39;http://www.facebook.com/sharer.php?u=&#39;+encodeURIComponent(u)+&#39;&amp;t=&#39;+encodeURIComponent(t),&#39;sharer&#39;,&#39;toolbar=0,status=0,width=626,height=436&#39;);return false;" rel="nofollow"><img alt="Facebook" src="http://1.bp.blogspot.com/_ScbmSoturAk/TQUbVQ52AkI/AAAAAAAAAL8/2xXAHtKeoqY/s1600/facebook.png" border="0"/></a>
              
<a href="http://digg.com/" onclick="window.open('http://digg.com/submit?phase=2&amp;url='+encodeURIComponent(location.href)+'&amp;bodytext=&amp;tags=&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" style="text-decoration: none;" title="Bookmark to: Digg"> <img alt="Digg" border="0" src="http://1.bp.blogspot.com/_ScbmSoturAk/TQUbUX8YROI/AAAAAAAAAL4/YMoHAWYMw1k/s1600/digg.png" /></a>

<a href="http://del.icio.us/" onclick="window.open('http://del.icio.us/post?v=2&amp;url='+encodeURIComponent(location.href)+'&amp;notes=&amp;tags=&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow"><img alt="Delicious" src="http://2.bp.blogspot.com/_ScbmSoturAk/TQUb2cchulI/AAAAAAAAAME/V4rlFWdBiSI/s1600/delicious.png" border="0"/></a>              

<a href="http://www.lintasberita.com/" onclick="window.open('http://www.lintasberita.com/kirimmedia/url:'+encodeURIComponent(location.href));return false;" rel="nofollow"><img border="0" alt="Lintas Berita" src="http://www.lintasberita.com/buttons_lb/lintasberita-32x32-2.gif"/></a>

Tips : >> Jika ingin mengganti image/gambar tombol sharenya, silahkan  ganti tiap kode yang berwarna merah dengan lokasi url  image/gambar milik anda sendiri.

Cara pasang pada Blogger/Blogspot


Penting !!
Untuk Blogger / Blogspot -- Source Code Tombol share diatas belumlah seluruhnya diparse, jadi untuk menggunakan code tersebut agar tidak terjadi kesalahan silahkan diparse dulu di http://www.blogcrowds.com/resources/parse_html.php. Caranya : CoPas source codenya diform yang disediakan kemudian klik tombol parse.

  1. Login ke account blogger
  2. Pilih tab Rancangan --> Edit HTML
  3. Sebelum melakukan perubahan pada template, biasakan untuk membackup terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.
  4. Centang pada expand template widget
  5. Cari kode <data:post.body/>
  6. Jika sudah ketemu, CoPas Source Code Tombol Share yang sudah diparse seluruhnya sebelum kode point 5.
  7. Save Template dan lihat hasilnya.
Tombol share akan tampil dibawah postingan setiap artikel anda. sedangkan jika ingin tampil diatas artikel, silahkan baca tips dibawah ini.

Tips :
  1. Posisi tampilan lainnya :
    • Dibawah postingan : letakan source kodenya tepat diatas kode <div class='post-footer'> atau bisa juga dibawah kode <data:post.body/>.
    • Diatas Postingan : letakan source kodenya tepat diatas kode <div class='post-body entry-content'> atau juga diatas kode <data:post.body/>.
  2. Jika anda menginginkan agar tombol share tidak ditampilkan pada homepage dan hanya akan ditampilkan pada halaman posting, tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> diawal, dan kode </b:if> diakhir dari Source Code Tombol Share.

Cara pasang pada Wordpress tanpa Plugin


Untuk memasang tombol share di wordpress ada 2 cara yaitu melalui dashboard dan yang kedua melalui file manager atau ftp program seperti filezilla.

Cara pertama

  1. Masuk Ke Dashboard Blog Anda
  2. Pilih tab Appearance--> Editor (Themes Editor)
  3. Edit file single.php
  4. Cari kode <?php the_content(); ?> kemudian
  5. Letakan Source Code Tombol Share, sebelum (diatas postingan) atau sesudah (dibawah postingan) kode point4
  6. Simpan / Save

Cara kedua

Jika cara pertama tidak berhasil itu karena kita tidak diberi permission untuk mengedit lewat dashboard dan untuk mengatasinya silahkan coba yang ini.
  1. Jalankan program filezilla atau juga bisa menggunakan file manager pada cpanel
  2. Login menggunakan data FTP anda
  3. Arahkan ke direktori theme yang digunakan. Contoh: /public_html/wp-content/themes/twentyten
  4. Edit file single.php
  5. Cari kode <?php the_content(); ?>
  6. Letakan Source Code Tombol Share sebelum (diatas postingan) atau sesudah (dibawah postingan) kode point5
  7. Simpan / Save
Seperti itulah triknya dan untuk memasang tombol share dengan cara yang lebih mudah bisa lewat addthis.com yang artikelnya masih dalam konsep.

Dapatkan update terbaru:
* Cek email konfirmasi untuk berlangganan yang telah dikirimkan ke email anda

13 komentar:

ags mengatakan...

Trima kasih atas info tutornya yang sangat bermanfaat,..


8 Januari 2011 15.31
cumi mengatakan...

makasih gan , bener bener kepake ama ane,, trims banget.. gan klo berkenan liat-liat blog ane ya di http://jejak-cumi.blogspot.com hehehehe...


7 Februari 2011 13.10
Reinz mengatakan...

ok gan, dicopy. hehehe :D

pasang iklan baris gratis tanpa daftar mengatakan...

ijin copy gan..


16 April 2013 10.17
Aborsi mengatakan...

salam kenal gan..., ijin membaca postinganya


16 April 2013 10.21
iklan baris online mengatakan...

keren artikelnya


16 April 2013 10.24
Pembesar Penis mengatakan...

nice info brow..


16 April 2013 10.28
Furniture Jati mengatakan...

Info Yang bagus,.... ijin praktek.


30 Mei 2013 00.23
Furniture Minimalis mengatakan...

Nice info...


30 Mei 2013 00.28
Gebyok Jati mengatakan...

makasih...


30 Mei 2013 00.43
putri mengatakan...

Informasinya sungguh sangat menarik sekali...
Banyak pelajaran yang saya dapatkan...
Makasihnya... Semoga sukses...


23 Agustus 2013 09.06
ami mengatakan...

luar biasa sekali sangatbermanfaat informasinya... terimakasih banyak atas informasinya... semoga suksesnya....


23 Agustus 2013 12.56
Mobile App Developers mengatakan...

I really appreciate your professional approach. These are pieces of very useful information that will be of great use for me in future.


10 Juli 2015 15.23

Posting Komentar

 

Info

Pengikut

Earn Money ($$$)

© 2010 Tutorial Blog Gratis | Wordpress | Blogger All Rights Reserved Thesis WordPress Theme by Hack Tutors.info