BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

WordPress Me Bina Plugin Ke Social Media Sharing Button Kaise Add Kare

Last Updated on April 11, 2022 by Md Arshad Noor 1 Comment

आज इस post में आपको wordpress blog में social sharing बटन add करने के बारे में बताऊंगा. अगर आपका Blog WordPress पर है तो यह post आपके लिए बहुत उपयोगी हो सकता है. क्योकि हम आपको without plugin social sharing button add करने के बारे में बता रहा हूँ. जिससे इसमें आपको अपने Blog के theme में कुछ script add करना होगा।

Wordpress blog me bina plugin ke social media sharing button kaise add kare how to add social sharing buttons in WordPress without plugin

Social media की popularity दिन प्रतिदिन बढ़ती ही जा रही है. इसमें हर वक़्त लाखों लोग entertaining के लिए लगे रहते हैं. लाखों लोग social media में अपना business promote कर रहे हैं और लाखों लोग social media की मदद से लाखों रुपया कमा रहे हैं. इसीलिए हर किसी के blog में social media sharing Button होना बहुत जरुरी है.
अगर आपके blog में social media sharing बटन रहेगा तो किसी भी post को visitor आसानी से किसी social media में share कर पायेगा ताकि उसके friends भी उस post को पढ़े और आपके blog की pageviews बढ़ेगी। इससे आपके blog की popularity दिन प्रतिदिन बढ़ेगी और आपको blogging में बहुत जल्दी सफलता मिलेगी।

लगभग हर Blogger अपने blog में social media sharing बटन को add करके रखता है और लगभग 35% traffic उनके blog में social media से ही आता है. अगर आप भी अपने blog में social media से ज्यादा से ज्यादा traffic receive करना चाहते हो तो इसके लिए social sharing बटन add करना बहुत important होगा.
आपको हर success blogger अपने blog में ज्यादा plugin use करने के लिए allow नहीं करेगा. क्योकि ज्यादा plugin use करने से आपको बहुत से नुकसान होगा. इससे आपके blog की loading speed slow होगी, आपके blog की private information जैसे Admin Username & password दोनों plugin के owner को मालूम हो सकता है, आपके blog में error हो सकता है, और भी इससे आपको बहुत सारे नुकसान होंगे. इसीलिए आपको कोई भी success blogger अपने blog में ज्यादा plugin use करना allow नहीं करेगा. इसीलिए में आपको यहाँ बिना किसी Plugin के wordpress में Social sharing button add करने के बारे में बता रहा हूँ.

Social media sharing में क्या क्या futures है.

में जो आपको social sharing button add करने के बारे में बता रहा हूँ उसमे बहुत से futures available है. जितने futures एक premium social sharing बटन में होता है उसका लगभग कई futures इसमें available है. में आपको निचे बता रहा हूँ की इसमें कितने futures हैं.

  1. यह एक बिल्कुल simple social sharing buttons है.
  2. यह fast loading social sharing buttons है जो loading बहुत fastly होती है।
  3. इसमें Facebook, Twitter, Whatsapp, Google Plus, Buffer, Linkedin, Pinterest जैसे social media buttons है.
  4. इसमें कोई हानिकारक script जैसे javascript use नहीं किया गया है.
  5. यह कोई popup social sharing नहीं है और यह एक fast loading है.
  6. इसमें बहुत अच्छे से colorful design किया गया है.
  7. इसमें 7 popular social networks दिए गए हैं.

Blog में Social sharing buttons कैसे add करें बिना किसी plugin के

में आपको निचे में कुछ आसान steps बता रहा हूँ जिसको follow करके आप easily अपने blog में social sharing buttons add कर लोगे. अगर आपको इन scripts को blog में add करने में कोई आपत्ति होगी तो comment करें.

Step 1: अपने Blog में Login करके Dashboard में जाएँ।

  1. अब Appearance पर Click करें.
  2. Editor में जाए.
  3. functions.php में click करें.

WordPress Me Bina Plugin Ke Social Media Sharing Button Kaise Add Kare 1

    Step 2: अब निचे दिए गए code को copy करके functions.php में add करना है और save changes पर click करें.

    function blogginghindi_social_sharing_buttons($content) {
    
    	global $post;
    
    	if(is_singular() || is_home()){
    
    	
    
    		// Get current page URL 
    
    		$blogginghindiURL = urlencode(get_permalink());
    
     
    
    		// Get current page title
    
    		$blogginghindiTitle = str_replace( ' ', '%20', get_the_title());
    
    		
    
    		// Get Post Thumbnail for pinterest
    
    		$blogginghindiThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
    
     
    
    		// Construct sharing URL without using any script
    
    		$twitterURL = 'https://twitter.com/intent/tweet?text='.$blogginghindiTitle.'&url='.$blogginghindiURL.'&via=blogginghindi';
    
    		$facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$blogginghindiURL;
    
    		$googleURL = 'https://plus.google.com/share?url='.$blogginghindiURL;
    
    		$bufferURL = 'https://bufferapp.com/add?url='.$blogginghindiURL.'&text='.$blogginghindiTitle;
    
    		$whatsappURL = 'whatsapp://send?text='.$blogginghindiTitle . ' ' . $blogginghindiURL;
    
    		$linkedInURL = 'https://www.linkedin.com/shareArticle?mini=true&url='.$blogginghindiURL.'&title='.$blogginghindiTitle;
    
     
    
    		// Based on popular demand added Pinterest too
    
    		$pinterestURL = 'https://pinterest.com/pin/create/button/?url='.$blogginghindiURL.'&media='.$blogginghindiThumbnail[0].'&description='.$blogginghindiTitle;
    
     
    
    		// Add sharing button at the end of page/page content
    
    		$content .= '<!-- blogginghindi.com social sharing. Get your copy here: https://blogginghindi.com -->';
    
    		$content .= '<div class="blogginghindi-social">';
    
    		$content .= '<h5>Share This Post On:</h5> <a class="blogginghindi-link blogginghindi-twitter" href="'. $twitterURL .'" target="_blank">Twitter</a>';
    
    		$content .= '<a class="blogginghindi-link blogginghindi-facebook" href="'.$facebookURL.'" target="_blank">Facebook</a>';
    
    		$content .= '<a class="blogginghindi-link blogginghindi-whatsapp" href="'.$whatsappURL.'" target="_blank">WhatsApp</a>';
    
    		$content .= '<a class="blogginghindi-link blogginghindi-googleplus" href="'.$googleURL.'" target="_blank">Google+</a>';
    
    		$content .= '<a class="blogginghindi-link blogginghindi-buffer" href="'.$bufferURL.'" target="_blank">Buffer</a>';
    
    		$content . = '<a class="blogginghindi-link blogginghindi-Digg" href="' .$diggURL. '" target="_blank">Digg</a>';
    
    		$content .= '<a class="blogginghindi-link blogginghindi-pinterest" href="'.$pinterestURL.'" data-pin-custom="true" 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', 'blogginghindi_social_sharing_buttons');
    


    Step 3:

    WordPress Me Bina Plugin Ke Social Media Sharing Button Kaise Add Kare 2

    1. अब style.css पर Click करें 
    2. इसमें निचे दिया हुआ code copy करके paste कर दीजिए.
    /* Disable WhatsApp button on Desktop - Tutorial
    
    link: https://blogginghindi.com */
    
    @media screen and (min-width: 1024px) {
    
    .blogginghindi-whatsapp {
    
    display : none !important ;
    
    }
    
    }
    
    .blogginghindi-link {
    
    padding : 2px 8px 4px 8px !important ;
    
    color : white ;
    
    font-size : 12px ;
    
    border-radius : 2px ;
    
    margin-right : 2px ;
    
    cursor : pointer ;
    
    -moz-background-clip : padding ;
    
    -webkit-background-clip : padding-box ;
    
    box-shadow : inset 0 -3px 0 rgba( 0,0,0,.2 );
    
    -moz-box-shadow : inset 0 -3px 1 rgba( 0,0,0,.2 );
    
    -webkit-box-shadow : inset 0 -3px 0 rgba( 0,0,0,.2 );
    
    margin-top : 2px ;
    
    display : inline-block;
    
    text-decoration : none;
    
    }
    
    .blogginghindi-link:hover,.crunchify-link:active {
    
    color : white ;
    
    }
    
    .blogginghindi-twitter {
    
    background : #00aced ;
    
    }
    
    .blogginghindi-twitter:hover,.blogginghindi-twitter:active {
    
    background : #0084b4 ;
    
    }
    
    .blogginghindi-facebook {
    
    background : #3B5997 ;
    
    }
    
    .blogginghindi-facebook:hover,.blogginghindi-
    
    facebook:active {
    
    background : #2d4372 ;
    
    }
    
    .blogginghindi-googleplus {
    
    background : #D64937 ;
    
    }
    
    .blogginghindi-googleplus:hover,.blogginghindi-
    
    googleplus:active {
    
    background : #b53525 ;
    
    }
    
    .blogginghindi-buffer {
    
    background : #444 ;
    
    }
    
    .blogginghindi-buffer:hover,.blogginghindi-buffer:active {
    
    background : #222 ;
    
    }
    
    .blogginghindi-pinterest {
    
    background : #bd081c ;
    
    }
    
    .blogginghindi-pinterest:hover,.blogginghindi-
    
    pinterest:active {
    
    background : #bd081c ;
    
    }
    
    .blogginghindi-linkedin {
    
    background : #0074A1 ;
    
    }
    
    .blogginghindi-linkedin:hover,.blogginghindi-
    
    linkedin:active {
    
    background : #006288 ;
    
    }
    
    .blogginghindi-whatsapp {
    
    background : #43d854 ;
    
    }
    
    .blogginghindi-whatsapp:hover,.blogginghindi-
    
    whatsapp:active {
    
    background : #009688 ;
    
    }
    
    .blogginghindi-social {
    
    margin : 20px 0px 25px 0px ;
    
    -webkit-font-smoothing : antialiased ;
    
    font-size : 12px ;
    
    }
    
    • अब save changes पर click करें.

    अब आपके blog में social sharing button add हो चूका है. किसी भी प्रश्न के लिए comment करे. अगर आपको यह post अच्छा लगा तो इसे सोशल मीडिया में शेयर करें. और हमारे ब्लॉग में Blogging से related जानकारी लेने के लिए दूसरे post को पढ़ें और अगर आपको हमारे Blog की new updated post की notification email द्वारा पाने के लिए हमारे blog से subscribe कीजिए.

    You May Also Like

    • WordPress Blog URL Ko www Ya Without www Setup Kaise Kare

      WordPress Blog URL Ko www Ya Without www Setup Kaise Kare

    • Top 10 Big Companies Jinki Website WordPress Par Hai

      Top 10 Big Companies Jinki Website WordPress Par Hai

    • WordPress Me HTTP Mixed Content Error Fix Kaise Kare [Step By Step]

      WordPress Me HTTP Mixed Content Error Fix Kaise Kare [Step By Step]

    • Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

      Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

    About Md Arshad Noor

    हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

    COMMENTs ( 1 )

    1. kumar says

      its work for me thanks for this

      Reply

    Leave a Reply Cancel reply

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

    Please do not spam! otherwise your comment will be removed.

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Useful Articles

    Google Keyword Ranking Check karne ke liye 5 Best Website

    Website Ko User Friendly Banane Ke Liye 5 Secrets

    PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

    WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

    Adsense Account Kaise Banaye [Step By Step]

    Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

    Hostlelo Review – A Great Solution for New Bloggers

    QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

    Blog Me Live Cricket Score Widget Kaise Add Kare

    7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

    Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

    Twitter Account Ko Secure Kaise Rakhe

    Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

    About Us

    mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

    SUBSCRIBE OUR NEWSLATTER

    हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

    Posts for WP Users:

    WordPress Login Page Me Security Question Kaise Add Kare

    WordPress Me Login Username Kaise Change Kare [3 Methods]

    WordPress Ke 10 Myths – Apko Pata Hona Chahiye

    WordPress Me Facebook Comment Box Ko Kaise Add Kare [Full Guide]

    DigitaOcean Review: DigitalOcean Kya Hai? Pros & Cons

    More Posts from this Category

    DMCA.com Protection Status

    Recommended For You

    WordPress Me WP CONTENT Folder Ko Protect Kaise Kare [Without Plugin]

    WordPress Site Me Malicious Code Scan Kaise Kare

    100 Tips Search Engine Optimization Ke Liye – Search Engine Ka King Banne Ke Liye

    WordPress Blog Me Font Awesome Add Karne Ke 5 Easy Methods

    Blog me Email Subscription widget Kaise Add Kare 2 Tarike

    Mene Blog Ki Loading Speed Ko Fast Kaise Kiya?

    Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer