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

 
मैंने अपने ब्लॉग पर Social media Share button ke बारे मे कई पोस्ट लिख चूका हूं Social Share button क्या है ब्लॉग ke लिए Social Share button kyo जरुरी है क्या Social Share button के जरिए ब्लॉग का traffic भी इनक्रीस होता है etc..इसलिए इस पोस्ट मे मै ज्यादा लिखने के बजाए सीधे टॉपिक्स लिख रहा हूं और उम्मीद करता हूं की आपको जरुर पसंद आएगा
इस आर्टिकल मे जो Social Media Share button के बारे मे बताया है वो Stylish है और इसे पोस्ट के ऊपर और नीचे दोनों जगह लगा सकते है
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 करें
आपने अपने ब्लॉग पोस्ट के ऊपर नीचे Social media Share button add कर लिए है उम्मीद करता हूं पोस्ट आपको पसंद आया Social Share button add करने मे किसी प्रकार की परेशानी हो तो आप कमेंट के जरिए हमें जरूर बताए and पोस्ट पसंद आए तो सोशल साइट्स पर जरुर Share करें

Share on:

My Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More

Leave a Comment

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