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 January 10, 2023 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

    • Blog Post Ki Heading Ko Stylish Design Kaise Kare. Without Plugin

      Blog Post Ki Heading Ko Stylish Design Kaise Kare. Without Plugin

    • WordPress Blog Me JavaScript Ko Footer Me Load Kaise Kare [Without Plugin]

      WordPress Blog Me JavaScript Ko Footer Me Load Kaise Kare [Without Plugin]

    • Blog Me Post Schedule Kyu Aur Kaise Kare

      Blog Me Post Schedule Kyu Aur Kaise Kare

    • Blog Me Google Forms Ko Contact Form Me Kaise Use Kare

      Blog Me Google Forms Ko Contact Form Me Kaise Use Kare

    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

    Successful YouTuber Banne Ke Liye 6 Ways [Full Guide]

    Chartered Accountant (CA) कैसे बनें? चार्टर्ड अकाउंटेंट बनने की प्रक्रिया

    WordPress Blog Post URL Ke Last Me .html Kaise Add Kare Aur Q Kare

    Adsense se related 30+ important questions & Answers

    Kisi Bhi Blogger Ko Link Exchange Kyu Nahi Karna Chahiye? [5 Reasons]

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

    WordPress Ke Text Widget Me PHP Kaise Use Kare

    Successful Blogger 5 Tariko Se INCOME Karte Hai

    7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

    Custom Email Account Ko Gmail Account Se Connect Kaise Kare [Step by Step]

    10 Chije (Things) Jo Apko Successful Blogger Banne Me Badha Degi

    Blog Ki Loading Speed Mayne (Matter) Kyu Rakhta Hai [5 Karan]

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

    About Us

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

    SUBSCRIBE OUR NEWSLATTER

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

    Posts for WP Users:

    Kisi Hosting Provider Se Hosting Kharidne Se Pahle 10 Sawal Puchhe

    Contact Form 7 Ke CSS & JS Ko Only Contact Us Page Me Load Kaise Kare

    Gravatar Me Account Bana Kar Comment Me Apna Photo Show Karwaye

    More Posts from this Category

    DMCA.com Protection Status

    Recommended For You

    Blog Ko Voice Search Ke Liye Optimize Kaise Kare [5 Tips]

    Old Blog Post Update Q Kare? Old Post Update Karne Ki 8 Tips

    WWW क्या है? कैसे काम करता है? Internet और WWW में क्या अंतर है?

    Google AMP Use Karne Ke Pros And Cons (Fayde Aur Nuksan)

    Blog Post ko Summary Dikhane ke liye post ke niche Read more button kaise lagaye

    WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

    Copyright © 2023 - All rights reserved. AboutContactSitemapDisclaimer