Cara Share di Sosial Media

Tutorial WordPress kali ini adalah tentang cara membuat Share Socialdi 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, bukafungtions.php pada template wordpress yang anda gunakan dan kemudian tambahkan kode dibawah ini.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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.cssanda. Semoga bermanfaat. 🙂

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

Iklan

Tentang 4gdownload.wordpress.com

putrapedalaman
Pos ini dipublikasikan di info aplikasi seru, Top Berita, Uncategorized dan tag , , , , , , , , , , , , , , , , , , , , , , , , , . Tandai permalink.