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()); ?>&title=<?php urlencode(the_title()); ?>" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url=<?php urlencode(the_permalink()); ?>&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&bkmk=<?php the_permalink(); ?>&title=<?php the_title(); ?>&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 :
aku suka tombol share ini karena ada lintasberitanya karena dan tentu saja ringan karena tanpa logo ini yang saya cari n cocok di hati dan langsung saya pasang
tanks sob
Reply
ud saya cb di web saya..terimakasih mas alwi
Reply
kalau mau ngeluarin thumbnail gambar di socialbookmark nya gimana mas?
Reply
thanks gan…
btw, kunjungi balik blog ane ya gan …. www.bpangkat4.blogspot.com (DO FOLLOW)
Reply
Kebetulan abis ngupdate wp, plugin share this di blog saya jd error. Jadi terpaksa saya non aktifin. Pengen nyoba pake cara itu ah. Lumayan buat ngurangin jumlah plugin di blog saya..
Reply
kalau pake plugin namanya apa ya pak..?
gak mudeng aq klo pake scrip..hehehe
Reply
keren bos :D
isi komen kok minimal harus 20 char :(
Reply
halo agan-agan sekalian..
gmn caranya bikin website??
Reply
Ane malah pengennya yg pake gambar button nya gan?? gmn??
Reply
Balik lagi gan untuk mengambil scriptnya he…
Reply