BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

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

JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye

Last Updated on January 10, 2023 by Md Arshad Noor Leave a Comment

अगर किसी भी जानकार WordPress user से ये पूछा जाये की WordPress में सबसे most popular plugin कौन कौन है तो उसमे definitely JetPack का भी नाम आएगा. यह एक बहुत popular Plugin है और लगभग WordPress User इस plugin को use करता है. इसीलिए में आज आपको इस Plugin के Social media sharing button को stylish बनाने के बारे में बताऊंगा. अगर आपका Blog WordPress में है तो आप Jetpack के बारे में थोड़ा बहुत तो जानते ही हॉबीज और इसको use भी करते होंगे तो ऐसे में यह post आपके लिए काफी helpful हो सकती है.

Jetpack Plugin ke Social Sharing buttons ko Stylish and colorful kaise banaye CSS add karke.
.

WordPress एक Free platform है लेकिन इसको use करने के लिए hosting लेनी होगी. जिसमे आपका blog host रहेगा यानि की आपके blog की पूरी data hosting में होगा. जबकि यह एक free blogging platform है और इसमें बहुत सारे futures ऐसे हैं जिसकी help से blog को manage करना बहुत आसान हो जाता है. इसलिए दुनिया में सबसे WordPress सबसे ज्यादा लोकप्रिय प्लेटफॉर्म है. इसमें Plugin सबसे बढ़िया future यह है. Plugin की help से कोई भी आदमी बिना coding के Blog को आसानी से manage कर सकता है और blog की अच्छे से design भी कर सकता है.
आज में आपको जिस plugin के बारे में बताने जा रहा हूँ यह wordpress की most popular plugin में से एक है और इसको ख़ास कर wordpress platform की company Atomatic ने launch किया है. इसमें बहुत सारे futures दिए गए हैं और साथ ही कई सारे Widgets भी दिए गए हैं. में आपको इनके कुछ futures के बारे में बता हूँ.

  1. यह plugin WordPress द्वारा बनाया है और यह wordpress की most popular plugin में से एक है.
  2. इसमें आपको Popular Posts widget मिलेंगे जिससे आप अपने blog में Popular posts दिखा सकते हो.
  3. जिस तरह FeedBurner में subscribe करने के बाद नए post की notification automatic email में मिलता है उसी तरह इसमें भी future है. नए post की notification automatic Subscriber के email में चले जायेगा।
  4. इसमें Social sharing widget है और इसमें लगभग हर popular social networks है.
  5. इसमें Recent Posts widget है. जिससे आप blog में recent updated post दिखा सकते हो।
  6. इसमें related posts की भी Widget है. आप इससे Related post दिखा सकते हो।
  7. इसको wordpress.com के अकाउंट से connect कर अपने Blog की Traffic Stats देख सकते हो।

इसमें इनके अलावा भी बहुत सारे ऐसे futures हैं जिससे आपके Blog की design और managing को बिल्कुल आसान कर देगा। इसीलिए हर wordpress user को यह plugin install करके use करना चाहिए. अगर आपने इस plugin को install कर लिया है टी चलिए हम आपको निचे इसको enable कर stylish बनाने के बारे में बता रहे हैं.

JetPack में Social sharing कैसे enable करें.

Step 1: सबसे पहले JetPack Plugin को install कर activate करें.

Step 2:

  1. अब Jetpack पर Click करें.
  2. अब Sittings पर Click करें.

    Step 3:

    1. Sharing पर Click कर Activate कीजिए.

      अब आपने Social sharing enable कर दिया है. अब आपको में इसे stylish बनाने के बारे में निचे बताऊंगा. जिससे आप Social media sharing Buttons को एक अच्छे design दे सकते हो। तो चलिए अब हम जानते हैं की इसके buttons को colorful and stylish कैसे बनाये। Social Sharing बटन को activate करने के बाद कुछ इस तरह दिखेगा।

      Social sharing Buttons को stylish कैसे बनाये

      Step 1: अपने Blog में Login करें और Sittings -> Sharing में जाएँ।

      1. यहाँ पर Text Only को Select करें.
      2. अब यहाँ Live preview देख सकते हो.
      3. अब save changes कर दीजिए.

        Step 2: अब Appearance -> Editor में जाएँ. और यहाँ निचे दिए गए css codes को copy करें और यहाँ Paste कर दीजिए।

        /* Sharedaddy design by blogginghindi.com
        
        -------------------------------------------- */
        
        div.sharedaddy div.sd-block {
        
        	border-top: 3px solid rgba(0,0,0,0.13);
        
        	border-top-width: 2px;
        
        	border-top-style: solid;
        
        	border-top-color: rgba(0,0,0,0.13);
        
        	padding: 0;
        
        }
        
        .sd-social-text .sd-content ul li a.sd-button {
        
        text-decoration: none ;
        
        display: inline-block;
        
        margin: 0 5px 5px 0;
        
        font-size: 11px ;
        
        font-family: Trebuchet MS ;
        
        text-transform: uppercase ;
        
        letter-spacing: 3px ;
        
        font-weight: 400;
        
        border-radius: 0 ; (change this to 50% for rounded
        
        edges)
        
        color: #fff ;
        
        background: #C7B041 ;
        
        border: 2px solid #C7B041 ;
        
        box-shadow: none;
        
        text-shadow: none ;
        
        line-height: 23px;
        
        padding: 5px 10px ;
        
        }
        .single-format-quote  div.sharedaddy div.sd-block {
        
        	display: none;
        
        }
        div.sharedaddy .sd-content {
        
        	float: left;
        
        	margin-top: 20px;
        
        	margin-top: 2rem;
        
        }
        div.sharedaddy a.sd-button {
        
        	border: none !important;
        
        	box-shadow: none;
        
                box-size: 2px 6px;
        
        }
        .sd-social-icon-text a.sd-button a.sd-button {
        
        	opacity: 1;
        
        	padding: 4px 10px;
        
        	padding: .4rem 1rem;
        
        }
        li.share-facebook a.sd-button,
        
        li.share-google-plus-1 a.sd-button,
        
        li.share-tumblr a.sd-button,
        
        li.share-pinterest a.sd-button,
        
        li.share-twitter a.sd-button,
        
        li.share-pocket a.sd-button {
        
        	background: 999;
        
        	box-shadow: 1px;
        
        	border: none;
        
        	font-family: 'verdana', arial;
        
        	font-size: 18px !important;
        
        	font-weight: 700;
        
                color: fff;
        
        	letter-spacing: 0;
        
        	text-transform: uppercase;
        
        	background-image: none !important;
        
        	padding: 8px 20px !important;
        
        }
        li.share-facebook a.sd-button span,
        
        li.share-google-plus-1 a.sd-button span,
        
        li.share-tumblr a.sd-button span,
        
        li.share-pinterest a.sd-button span,
        
        li.share-twitter a.sd-button span,
        
        li.share-pocket a.sd-button span { 
        
        	color: #999 !important; 
        
        }
        li.share-facebook a.sd-button:hover,
        
        li.share-twitter a.sd-button:hover,
        
        li.share-google-plus-1 a.sd-button:hover,
        
        li.share-tumblr a.sd-button:hover,
        
        li.share-pocket a.sd-button:hover,
        
        li.share-pinterest a.sd-button:hover {
        
        	background: #999 !important;
        
                text-decoration: none;
        
                display: inline-block;
        
                margin: 0 5px 5px 0;
        
                font-size: 11px ;
         
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        li.share-facebook a.sd-button {
        
        	background: #4965a0 !important;
        
            text-decoration: none ;
        
            display: inline-block;
        
            margin: 0 5px 5px 0;
        
            font-size: 11px ;
        
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        
        }
        li.share-twitter a.sd-button {
        
        	background: #55ACEE !important;
        
            text-decoration: none ;
        
            display: inline-block;
        
            margin: 0 5px 5px 0;
        
            font-size: 11px ;
        
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        
        }
        li.share-google-plus-1 a.sd-button {
        
        	background: #dd4b39 !important;
        
            text-decoration: none ;
        
            display: inline-block;
        
            margin: 0 5px 5px 0;
        
            font-size: 11px ;
        
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        li.share-pocket a.sd-button {
        
        	background: #F15367 !important;
        
            text-decoration: none ;
        
            display: inline-block;
        
            margin: 0 5px 5px 0;
        
            font-size: 11px ;
        
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        li.share-pinterest a.sd-button {
        
        	background: #D5222A !important;
        
            text-decoration: none ;
        
            display: inline-block;
        
            margin: 0 5px 5px 0;
        
            font-size: 11px ;
        
            font-family: Trebuchet MS ;
        
            text-transform: uppercase ;
        
            letter-spacing: 3px ;
        
            font-weight: 400;
        
        }
        li.share-email a.sd-button {
        
                background: #333 !important;
        
                text-decoration: none ;
        
                display: inline-block;
        
                margin: 0 5px 5px 0;
        
                font-size: 11px ;
        
                font-family: Trebuchet MS ;
        
                text-transform: uppercase ;
        
                letter-spacing: 3px ;
        
                font-weight: 400;
        
        }
        li.share-jetpack-whatsapp a.sd-button {
        
                background: #43d854 !important;
        
                text-decoration: none ;
        
                display: inline-block;
        
                margin: 0 5px 5px 0;
        
                font-size: 11px ;
        
                font-family: Trebuchet MS ;
        
                text-transform: uppercase ;
        
                letter-spacing: 3px ;
        
                font-weight: 400;
        
        }
        li.share-reddit a.sd-button {
        
               background: #ff3300 !important;
        
               text-decoration: none ;
        
               display: inline-block;
        
               margin: 0 5px 5px 0;
        
               font-size: 11px ;
        
               font-family: Trebuchet MS ;
        
               text-transform: uppercase ;
        
               letter-spacing: 3px ;
        
               font-weight: 400;
        
        }
        .sd-button span-share-count {
        
            	background: #0000;
        
                color: #fff;
        
                font-weight: 300
        
        !important;
        
        }
        
        }
        
        h3.sd-title::before {
        
        	border-top: none !important;
        
        }
        h3.sd-title {
        
        	float: left;
        
        	margin-right: 10px !important;
        
        	padding-top: 10px;
        
        }
        a.sd-button.share-more {
        
        	padding: 8px 20px !important;
        
        	font-size: 18px !important;
        }
        
        • अब finally Save Changes की बटन पर Click कीजिए।

        अब आपका Social sharing button colorful बन गया होगा. इसमें simple design हुआ होगा। में आपको निचे इसकी preview दिखा रहा हूँ।

        में उम्मीद करता हूँ की आपने इस post को पढ़ कर अपने jetpack sharing को stylish बना लिया होगा और में ये भी उम्मीद करूँगा की यह post आपके लिए Helpful हुई होगी. अगर आपको Blogging और Internet से related कोई सवाल पूछना है तो comment कीजिए. अगर post अच्छा लगे तो इसे social media में अपने दोस्तों के साथ share करें।

        You May Also Like

        • WordPress Use Karne Ke Fayde Aur Nuksan (Pros And Cons)

          WordPress Use Karne Ke Fayde Aur Nuksan (Pros And Cons)

        • WordPress Post Ya Kahi Bhi Feedback System Kaise Add Kare

          WordPress Post Ya Kahi Bhi Feedback System Kaise Add Kare

        • WordPress Header Se Unnecessary Tags Kaise Remove Kare [Better Speed & Security Ke Liye]

          WordPress Header Se Unnecessary Tags Kaise Remove Kare [Better Speed & Security Ke Liye]

        • Blog Me Back To Top Scroll Button Kaise Add Kare.

          Blog Me Back To Top Scroll Button Kaise Add Kare.

        About Md Arshad Noor

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

        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

        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

        CPanel Dwara Blog Ka Backup Kaise Lete Hai

        Search Engines se jyada Traffic nahi milne ke 11 Karan (Reasons)

        About Us

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

        SUBSCRIBE OUR NEWSLATTER

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

        Posts for WP Users:

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

        WordPress Me Leverage Browser Caching Issue Fix Kaise Kare (Without Plugin)

        Kisi Bhi Adsense Ads Wali Site Ko Fastly Loading Kaise Kare [No 1 Tarika]

        More Posts from this Category

        DMCA.com Protection Status

        Recommended For You

        Adsense Account Me Payee name Aur Address Kaise Change kare

        50+ Google Webmaster GuideLines: Sabhi Blogger Ko Follow Karna Chahiye

        Blogger Me Free Forum Kaise Banaye Nabble Ke Dwara

        Hostlelo Review – A Great Solution for New Bloggers

        WordPress Site Password Change Ya Reset Karne Ki 6 Methods

        WordPress Use Karne Ke Fayde Aur Nuksan (Pros And Cons)

        Copyright © 2023 - All rights reserved. AboutContactSitemapDisclaimer