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({});

Blog me twitter follow widget kaise add kare

ये भी पढ़े..  Pinterest Se Blog ki traffic kaise badhaye 5 - killer tips increase Unlimited traffic your blog
Instagram feed widget blog me kaise add kare

Email me button widget blog me kaise add 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 करें

ये भी पढ़े..  Stylish Subscribe box ब्लॉग Post के नीचे कैसे ऐड करें
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 करें

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

Social Share button add करने मे किसी प्रकार की परेशानी हो तो आप कमेंट के जरिए हमें जरूर बताए and पोस्ट पसंद आए तो सोशल साइट्स पर जरुर Share करें

Leave a comment

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