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

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 Stylish Whatsapp Share button kaise add kare

ये भी पढ़े..  Blog post ka Background Kaise Change kare Ya Badle
Blog me twitter follow widget kaise add kare

loading...
Instagram feed widget blog me kaise add kare

loading...
Responsive Search box blogger blog me kaise add kare 10+

loading...

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

ये भी पढ़े..  bank of baroda balance check enquiry by missed call
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 करें
ये भी पढ़े..  Blogspot Blog Me Random Post Widget kaise Add करें

About Mr Manish

मै मनीष www.hindivhelp.co.in का Founder हूं इस ब्लॉग पर हिन्दी भाषा मे, पैसा कमाए इंटरनेट से, इंटरनेट टिप्स , नया ब्लॉग स्टार्ट करे , की जानकारी शेयर की जाती है हमें इसी तरह सपोर्ट करते रहे. Learn More

 

Leave a comment

 

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