अगर किसी भी जानकार 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 हो सकती है.
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 के बारे में बता हूँ.
- यह plugin WordPress द्वारा बनाया है और यह wordpress की most popular plugin में से एक है.
- इसमें आपको Popular Posts widget मिलेंगे जिससे आप अपने blog में Popular posts दिखा सकते हो.
- जिस तरह FeedBurner में subscribe करने के बाद नए post की notification automatic email में मिलता है उसी तरह इसमें भी future है. नए post की notification automatic Subscriber के email में चले जायेगा।
- इसमें Social sharing widget है और इसमें लगभग हर popular social networks है.
- इसमें Recent Posts widget है. जिससे आप blog में recent updated post दिखा सकते हो।
- इसमें related posts की भी Widget है. आप इससे Related post दिखा सकते हो।
- इसको 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:
- अब Jetpack पर Click करें.
- अब Sittings पर Click करें.
Step 3:
- 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 में जाएँ।
- यहाँ पर Text Only को Select करें.
- अब यहाँ Live preview देख सकते हो.
- अब 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 करें।
Leave a Reply