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 के बारे मे जानकारी चाहिए तो नीचे का पोस्ट रीड करे






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

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





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