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

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 करें.

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:

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 कीजिए.