How to Start a Blog? Panduan Lengkap Membuat Blog Hanya 30 Menit

Tutorial Membuat Share Social di WordPress Tanpa Plugins

Tutorial WordPress kali ini adalah tentang cara membuat Share Social di postingan wordpress tanpa menggunakan plugins, sebelumnya saya pernah membuat postingan tentang Plugins Keren Floating Social Bar WordPress dengan plugin social sharebar, tapi kali ini saya akan memberikan tutorial membuat Share social yang sederhana tanpa menggunakan plugins, tapi jika anda bisa menambahkan css yang keren pada social share ini tentunya juga menjadi social yang keren tanpa plugins.

Untuk membuatnya, buka fungtions.php pada template wordpress yang anda gunakan dan kemudian tambahkan kode dibawah ini.

add_filter( 'the_content', 'ilc_share' );
function ilc_share( $content ) {
	global $post;
	$postlink  = get_permalink($post->ID);
	$posttitle = get_the_title($post->ID);
	$html = '<ul class="share-entry">';
	// Twitter
	$html .= '<li><a class="share-twitter" title="Share on Twitter" rel="external" href="http://twitter.com/share?text='.$posttitle.'&url='.$postlink.'">Share on Twitter</a></li>';
	// Facebook
	$html .= '<li><a class="share-facebook" title="Share on Facebook" rel="external" href="http://www.facebook.com/share.php?u=' . $postlink . '">Share on Facebook</a></li>';
	// LinkedIn
	$html .= '<li><a class="share-linkedin" title="Share on LinkedIn" rel="external" href="http://www.linkedin.com/shareArticle?mini=true&url=' . $postlink . '&title=' . $posttitle . '">Share on LinkedIn</a></li>';
	// Digg
	$html .= '<li><a class="share-digg" title="Share on Digg" rel="external" href="http://digg.com/submit?url=' . $postlink . '">Share on Digg</a></li>';
	// StumbleUpon
	$html .= '<li><a class="share-stumbleupon" title="Share on StumbleUpon" rel="external" href="http://www.stumbleupon.com/submit?url=' . $postlink . '&title=' . $posttitle . '">Share on StumbleUpon</a></li>';
	// Google+
	$html .= '<li><a class="share-googleplus" title="Share on Google+" rel="external" href="https://plusone.google.com/_/+1/confirm?url=' . $postlink . '">Share on Google+</a></li>';
	$html .= '</ul>';
	return $content . $html;
}

Setelah anda tambahkan kode diatas lalu save, dan secara otomatis akan tampil dibawah konten setiap postingan anda. Untuk mempercantik tampilan gunakan nama class-class css dari script diatas di style.css anda. Semoga bermanfaat. 🙂

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

7 Comments

Add a Comment

Your email address will not be published. Required fields are marked *

Must Read...!
Trik Membuat CSS3 Image Tooltip di WordPress

Tooltips adalah cara yang bagus untuk menampilkan informasi untuk pengunjung di website Anda dengan...

Cara Edit Htaccess WordPress dengan WP Htaccess Editor

Tutorial Wordpress kali ini membahas tentang bagaimana mengedit htaccess dari admin wordpress anda tanpa...

Close