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 April 11, 2022 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 करें.

JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye 1

    Step 3:

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

    JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye 2

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

      JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye 3

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

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

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

      JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye 4

        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 दिखा रहा हूँ।

        JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye 5

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

        You May Also Like

        • WordPress Blog Ke Kisi Widget Ko Mobile Hide Kaise Karte Hai

          WordPress Blog Ke Kisi Widget Ko Mobile Hide Kaise Karte Hai

        • WordPress Blog Me Broken Link Ko Fix Kaise Kaise

          WordPress Blog Me Broken Link Ko Fix Kaise Kaise

        • WordPress Tips and Tricks – For Every Bloggers

          WordPress Tips and Tricks – For Every Bloggers

        • Apko Blog Me Genesis Theme Kyu Use Karna Chahiye? [10 Reasons]

          Apko Blog Me Genesis Theme Kyu Use Karna Chahiye? [10 Reasons]

        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

        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:

        Kisi Hosting Provider Se Hosting Kharidne Se Pahle 10 Sawal Puchhe

        CSS Se WordPress Me CodeBox Ko Stylish Kaise Banaye

        WordPress Site Me Malicious Code Scan Kaise Kare

        cPanel (FileManager) Me Htaccess File Show Kaise Karaye

        WordPress Me Multi Author Blogging Ko Enable Karke Guest Post Accept Kaise Kare – Guest Blogging

        More Posts from this Category

        DMCA.com Protection Status

        Recommended For You

        Adsense Ads Placement Full Guide – With Infographic in Hindi

        YouTube Ke Liye Creative Common Video Download Kaha Se Kare? Top 5 Websites

        Top 10 Big Companies Jinki Website WordPress Par Hai

        PC Software Download Karne Ke Liye 10 Safe Websites

        cPanel (FileManager) Me Htaccess File Show Kaise Karaye

        WordPress Site Ko Brute Force Se Protect Karne Ki 10 Tips

        Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer