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 WordPressdengan 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. 🙂