Archives Code

Arsip atau kumpulan kode penting untuk tujuan pengembangan website gratis

  • Home
  • Java
  • wordpress
  • Blogspot
  • Tutorial
  • Other
Beranda » Tutorial » wordpress » Cara membuat Social Button sharing di wordpress terkini

Cara membuat Social Button sharing di wordpress terkini


Halo gays, jumpa lagi dengan kami...

Anda sedang kebingungan mencari cara membuat sociak button sharing pada wordpress ???
Sudah mencari dimana-mana tak kunjung jua bertemu ???
Santai saja gays, anda tak perlu galau, sekarang anda sudah menemukan yang dicari-cari...

Dan pada kesempatan ini izinkan kami akan membahas tentang bagaimana cara membuat social button sharing di wordpress

Ternyata cara membuat social buttons sharing di wordpress ada sangat mudah sekali kita cukup menambahkan beberapa script di functions.php dan tanpa menggunakan javascript

Karena script di functions.php langsung menggunakan link javascript yang telah di sediakan oleh masing-masing social buttons seperti facebook, twitter, linkedin, pinterest, google plus dll

OK Langsung saja kita buka file functions.php



kemudian tambahkan function berikut pada file functions.php

function poc_social_sharing_buttons($content) {
   
    if(is_singular() || is_home()){
   
        // Get current page URL
        $pocURL = urlencode(get_permalink());

        // Get current page title
        $pocTitle = str_replace( ' ', '%20', get_the_title());
       
        // Get Post Thumbnail for pinterest
        $pocThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'full' );

        // Construct sharing URL without using any script
        $twitterURL = 'https://twitter.com/intent/tweet?text='.$pocTitle.'&url='.$pocURL.'&via=poc';
        $facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$pocURL;
        $googleURL = 'https://plus.google.com/share?url='.$pocURL;
        $bufferURL = 'https://bufferapp.com/add?url='.$pocURL.'&text='.$pocTitle;
        $whatsappURL = 'whatsapp://send?text='.$pocTitle . ' ' . $pocURL;
        $linkedInURL = 'https://www.linkedin.com/shareArticle?mini=true&url='.$pocURL.'&title='.$pocTitle;

        // Based on popular demand added Pinterest too
        $pinterestURL = 'https://pinterest.com/pin/create/button/?url='.$pocURL.'&media='.$pocThumbnail[0].'&description='.$pocTitle;

        // Add sharing button at the end of page/page content
        $content .= '<!-- poc.com social sharing. Get your copy here: http://poc.me/1VIxAsz -->';
        $content .= '<div class="poc-social">';
        $content .= '<h5>SHARE ON</h5> <a class="poc-link poc-twitter" href="'. $twitterURL .'" target="_blank">Twitter</a>';
        $content .= '<a class="poc-link poc-facebook" href="'.$facebookURL.'" target="_blank">Facebook</a>';
        $content .= '<a class="poc-link poc-whatsapp" href="'.$whatsappURL.'" target="_blank">WhatsApp</a>';
        $content .= '<a class="poc-link poc-googleplus" href="'.$googleURL.'" target="_blank">Google+</a>';
        $content .= '<a class="poc-link poc-buffer" href="'.$bufferURL.'" target="_blank">Buffer</a>';
        $content .= '<a class="poc-link poc-linkedin" href="'.$linkedInURL.'" target="_blank">LinkedIn</a>';
        $content .= '<a class="poc-link poc-pinterest" href="'.$pinterestURL.'" target="_blank">Pin It</a>';
        $content .= '</div>';
       
        return $content;
    }else{
        // if not a post/page then don't include sharing button
        return $content;
    }
};
add_filter( 'the_content', 'poc_social_sharing_buttons');

kemudian save functions.php

setelah selese kita tinggal edit file style.css untuk membuat tampilan menjadi lebih menarik

silakan berkreasi dengan file css nya ya

selamat mencoba...
Semoga bermanfaat untuk agan

Related post:

Newer Post
Older Post
Home

Popular Posts

  • Cara mengirim email di wordpress dengan wp_mail()
    halo sobat archives code, pada kesempatan kali ini kami akan menjelaskan tentang cara mengirim email di wordpress dengan wp_mail() . belu...
  • Cara Mengatasi Class 'Form' not found" atau Class 'Html' not found" pada Laravel 5.2
    Selamat malam sobat koding dari sabang sampai meroke yang sedang membaca coretan kecil ini, banyak sekali problem klasik yang sering meni...
  • Cara mengatasi A valid feed URL is required: Feed exceeds 512KB size limit pada dlvr.it
    pernahkah anda mengalami error  A valid feed URL is required: Feed exceeds 512KB size limit  pada saat menghubungkan facebook dan DLVR...
  • Mengatasi error THIS EMAIL ADDRESS DOES NOT BELONG TO THE SAME DOMAIN AS THE SITE pada Contact form 7
    Mengatasi error THIS EMAIL ADDRESS DOES NOT BELONG TO THE SAME DOMAIN AS THE SITE pada Contact form 7 Pernah mengalami error THIS EMAIL A...
  • Mengatasi error 'stderr' was not declared in this scope c++
    halo sobat koding dimanapun anda berada bertemu lagi dengan kami team archives code ... Apakah anda pernah mengalami error 'stder...
  • Menjadikan jFrame Maximize saat pertama kali run
    Apa kabar friend ?? Semoga dalam keadaan sehat wal afiyat semua, Dalam kesempatan yang baik ini kami dari team archives code akan memb...
  • Mengatasi Status Disconnect di Kalkun Terupdate 2018
    Selamat malam dan selamat begadang untuk para mastah sekalian, jangan lupa sruput kopinya sebelum membaca artikel ini, hehe Pada w...
  • Cara Memotong Charakter dengan php
    Hay juragan sekalian, jumpa lagi dengan kami team archives code yang mudah-mudahan dapat membantu keperluan anda dalam hal php, dan pemba...
  • Cara Gampang Mendaftar adsense Melalui smartphone android, 100% Work
    Halo sahabat sekalian, jumpa lagi dengan kami team archives Code yang akan memberikan penjelasan mengenai cara mendaftar adsense melalui sm...
  • Cara Mengatasi REQUIRED: You are not allowed to hide the admin bar
    Haloha pembaca yang budiman dan baik hati, gimana kabarnya..?? Pada kali ini kami akan mengupas tuntas tentang cara mengatasi required...
Copyright © 2014 Archives Code - Powered by Blogger
Template by Mas Sugeng - Versi Seluler