Home » Ask (Forum) » Cara Membuat Share Social di WordPress Tanpa Plugin?

Question

Hi, Saya sebenarnya sudah paham untuk membuat share social tetapi dengan plugin. Berhubung di blog saya sudah terlalu banyak plugin saya ingin mengurangi secara bertahap, karena saya pernah membaca jika terlalu banyak plugin dapat membuat lama dibuka atau jadi berat. Mohon bantuannya

Aug 19, 2016 (4 months ago) - Posted by 1 Comment

One Answer

  1. Ninda says:

    Hi,

    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.

    Register Member

Your Answer

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