Home » Optimasi Wordpress » Cara Membuat Social Media Sharing Tanpa Plugin

Cara Membuat Social Media Sharing Tanpa Plugin

20 Feb. 2011142 comments
Cara Membuat Social Media Sharing Tanpa Plugin

Salah satu cara untuk meningkatkan jumlah pengunjung blog yaitu adanya fasilitas atau sarana untuk share, submit atau kirim artikel ke jejaring sosial atau social bookmarking site seperti facebook.com, twitter.com, digg.com, reddit.com, delicious.com, slashdot.org, stumbleupon.com atau yang lainnya.

Untuk melakukan share artikel yang paling mudah bisa menggunakan plugin Sociable atau Share This dan sejenisnya. Namun kali ini saya tidak akan membahas plugin-pulgin tersebut karena yang akan saya bahas justru bagaimana cara membuat social media sharing tanpa menggunakan plugin.

Pada postingan kali ini kode yang saya gunakan sengaja tanpa menggunakan gambar/logo dari social media sharing tersebut, tujuannya supaya loadingnya tetap ringan dan tidak menambah jumlah http request. Namun jika anda suka menggunakan gambar/logo bisa dimodifikasi sendiri.

Caranya :
1. Buka file single.php, bisa dari dashboard atau cpanel hosting.
2. Cari kode seperti ini : <?php the_content(); ?>
3. Tambahkan kode berikut ini di bawah kode <?php the_content(); ?>

 

<b>Share This Post To :</b>
<div style="color: #000000; background: #EDEFF3; border: 1px solid #B6B7B9; padding:4px 0px 4px 15px; margin:4px 0px 4px 0px;">
<a rel="nofollow" href="http://www.lintasberita.com/kirimmedia/url:<?php the_permalink(); ?>" title="Kirim ke Lintas Berita" target="_blank">Lintas Berita</a>   |
  <a rel="nofollow" href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>&title=<?php the_title(); ?>" title="Share To Facebook" target="_blank">Facebook </a>   |
  <a rel="nofollow" href="http://twitter.com/home?status=<?php the_title(); ?> - <?php the_permalink(); ?>" title="Tweet About It!" target="_blank">Twitter</a>   |  <a rel="nofollow" href="http://digg.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" title="Submit to Digg" target="_blank">Digg</a>   |
  <a rel="nofollow" href="http://technorati.com/faves?add=<?php the_permalink(); ?>" title="Technorati" target="_blank">Technorati</a>   |
  <a rel="nofollow" href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"  title="Stumble It!" target="_blank">Stumbleupon</a>   |
  <a rel="nofollow" href="http://delicious.com/save?url=<?php urlencode(the_permalink()); ?>&amp;title=<?php urlencode(the_title()); ?>" onclick="window.open('http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=<?php urlencode(the_permalink()); ?>&amp;title=<?php urlencode(the_title()); ?>', 'delicious', 'toolbar=no,width=550,height=550'); return false;" title="Bookmark this post on delicious">Delicious</a>   |
  <a rel="nofollow" href="http://reddit.com/submit?url=<?php the_permalink(); ?>" title="Submit to Reddit" target="_blank">Reddit</a>   |
<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>&amp;annotation=<?php the_excerpt(); ?>" title="Google Bookmark" target="_blank">Google</a>
</div>

4. Jika di bawah kode <?php the_content(); ?> sudah ada kode lain seperti kode untuk menampilkan related post, random artikel, category dan lain-lain, silahkan anda atur sendiri penempatannya supaya lebih  proporsional.

Hasilnya kurang lebih seperti contoh di bawah ini. Selanjutnya anda bisa memodifikasi tampilan warna background, border dan lain-lain supaya match dengan theme yang anda gunakan :

Share This Post To :

Mudah-mudahan artikel tentang Cara Membuat Social Media Sharing Tanpa Plugin ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Cara Membuat Dan Menampilkan Favicon Di WordPress
  2. Saatnya Pindah Hosting
  3. Membuat Anti Spam Dengan WP-reCAPTCHA
  4. Tips Menjaga Dan Melindungi Keamanan WordPress
  5. Mempercepat Loading WordPress Dengan WP Widget Cache
  6. Cara Pasang Adsense Di Bawah Judul Postingan
  7. Tips Menghemat Quota Bandwidth
  8. Cara Memblokir External Requests di Dashborad
  9. Say Goodbye To Akismet
  10. Cara Mencegah Copy Paste Dengan CSS
  1. 23-3-2015 at 21:07 | #1

    simple mau coba ah…

    Reply

  2. 25-4-2015 at 04:04 | #2

    Begitu ya teman,tapi saya coba dulu Trik di atas mudah mudah berhasil dan bermamfaat bagi saya dan yang lainnya.

    Reply

  3. 9-6-2015 at 13:40 | #3

    keren nih triknya,,makasih ya boss

    Reply

  4. 21-10-2015 at 14:04 | #4

    simple sih, tapi lebih enak style nya di taruh di style css. biar teman-teman lebih mudah mengedit style nya :D .

    Reply

  5. 5-11-2015 at 15:40 | #5

    wow… mantap ya. informasinya bermanfaat
    salam kenal

    Reply

  6. 10-12-2015 at 19:18 | #6

    Wah… keren. Saya sudah kesana kemari googling cari tips. Baru kali ini berhasil. Terima kasiha atas artikelnya. Salam kenal.

    Reply

    mabsus Reply:

    Alhamdulillah, dari tulisan di m-alwi.com ini, saya tambahin menu untuk share ke linkedin dan google+ dan Alhamdulillah berhasil.

    www.mabsus.com

    Reply

  7. Reyn
    14-12-2015 at 10:48 | #7

    Cara buka sigle.php itu gimana ya gan?

    Reply

  8. 1-1-2016 at 12:47 | #8

    Terima kasih atas informasinya, sdh saya coba dan berhasil

    Reply

  9. 14-1-2016 at 15:02 | #9

    tutorialnya menarik,
    ditunggu pstingan selanjutnya…

    kalau saya biasa share di google plus untuk menaikkan ranking…

    Reply

  10. 7-2-2016 at 06:39 | #10

    Tombolnya sederhana dan simpel, sangat elegant tanpa image. terima kasih share ilmunya gan

    Reply

Comment pages
0+4=? (Wajib diisi)