Blog post ke Upar Niche Stylish Share button kaise add kare – 2

Blogger Blog WebSite Me Social Media Share Button post ke Upar Niche kaise add kare – 2

Share-button-kaise-add-kare

मैंने अपने ब्लॉग पर Social media Share button ke बारे मे कई पोस्ट लिख चूका हूं Social Share button क्या है ब्लॉग ke लिए Social Share button kyo जरुरी है क्या Social Share button के जरिए ब्लॉग का traffic भी इनक्रीस होता है etc..इसलिए इस पोस्ट मे मै ज्यादा लिखने के बजाए सीधे टॉपिक्स लिख रहा हूं और उम्मीद करता हूं की आपको जरुर पसंद आएगा

इस आर्टिकल मे जो Social Media Share button के बारे मे बताया है वो Stylish है और इसे पोस्ट के ऊपर और नीचे दोनों जगह लगा सकते है आपको और भी Social media Share button के बारे मे जानकारी चाहिए तो नीचे का पोस्ट रीड करे

(adsbygoogle = window.adsbygoogle || []).push({});

ये भी पढ़े    

Blogger Blog me Social media Share button kaise add kare 10 javaScript code – Simple Tips

Instagram feed widget blog me kaise add kare

ये भी पढ़े..  Blogger me Permalink link edit option Enable kaise kare

Blogger blog post ke upar niche Stylish Social media Share button kaise add kare – 2

Step.1 First niche दिए गए CSS code को Copy करें और Code को किसी notepad मे Save कर ले


/* Hindivhelp.co.in Start Share Button Css Code */
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{padding:10px 0;color:#fff;display:block;border-radius: 3px;font-size: 13px;font-family:raleway;font-weight:700}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}
.sharepost li a:hover{opacity:0.8;color:#444;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}
.ad_banner728 img {max-width:100%;}
.ad_banner728 {margin-bottom:10px;}
/* Hindivhelp.co.in And Button Css Code */

Step.2 अब फिर से नीचे दिए गए कोड Copy करें

<div class=’sharepost’><ul><li><a class=’twitter’ href=” rel=’nofollow’ target=’_blank’ title=’Twitter Tweet’><i class=’fa fa-twitter’/>Tweet</a></li><li><a class=’facebook’ href=” rel=’nofollow’ target=’_blank’ title=’Facebook Share’><i class=’fa fa-facebook’/>Share</a></li><li><a class=’gplus’ href=” rel=’nofollow’ target=’_blank’ title=’Google Plus Share’><i class=’fa fa-google-plus’/>Share</a></li><li><a class=’linkedin’ href=” target=’_blank’><i class=’fa fa-linkedin’/>Share</a></li><li><a class=’pinterest’ href=” target=’_blank’><i class=’fa fa-pinterest’/>Share</a></li></ul></div>
कोड को ब्लॉग मे कैसे add करें
Step.3 Blogger Dashboard मे जाए theme >>> Edit html >>> पर Click करें

ये भी पढ़े..  Latest Quotes pic Hindi 2018
Step.4 Theme की full Coding open हो जाएगी theme मे Ctrl +f की मदद से नीचे दिया हुआ कोड find करें

]]></b:skin>

कोड मिल जाने के बाद Css कोड को ]]></b:skin> के ऊपर पेस्ट करें

Step.5 अब फिर से theme मे नीचे दिया हुआ कोड find करें

<data:post.body/>

और Second कोड को <data:post.body/> के ऊपर और नीचे पेस्ट करें और theme को Save कर दे

(adsbygoogle = window.adsbygoogle || []).push({});

Note <data:post.body/> theme मे 2-3 जगह हो सकते है minimum theme मे सेकंड कोड work करता है Second मे work ना करें तो 3rd मे पेस्ट करके theme Save करें

Congrats; आपने अपने ब्लॉग पोस्ट के ऊपर नीचे Social media Share button add कर लिए है उम्मीद करता हूं पोस्ट आपको पसंद आया

Social Share button add करने मे किसी प्रकार की परेशानी हो तो आप कमेंट के जरिए हमें जरूर बताए and पोस्ट पसंद आए तो सोशल साइट्स पर जरुर Share करें
ये भी पढ़े..  Mobile Se data entry Job karke ghar baithe 5000 monthly kamaye

We are sorry that this post was not useful for you!

Let us improve this post!

About Mr Manish

Blog post ke Upar Niche Stylish Share button kaise add kare - 2 1www.hindivhelp. ब्लॉग पर हिन्दी भाषा मे, पैसा कमाए इंटरनेट से, इंटरनेट टिप्स , नया ब्लॉग स्टार्ट करे , की जानकारी share की जाती है Learn More
Twitter | Facebook | Linkedin | Pinterest

| Website

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.