Blog Me stylish Social Share Buttons Kaise Add Kare - Social Media Share Buttons for Website

Blog Me Social Share Buttons Kaise Add Kare - Social Media Share Buttons for Website. blogger/blogspot blog me Social Share Buttons Kaise Lagaye. Hello dosto kya aap apni blog website ko achhe se design karna chahte ya aap apni blog ka treffic badana chahate to apko blog ki  information ka dhayan rakhna chahiye or Apko apni blog ki har harkat par najar rakhna chahiye. Bloging ki duniya me competition Bahut Bad Gaya hai. Or readers bhi bahut bad gaye hai. Hamare liye or hamare blog ke liye traffic bahut jaroori hai. Traffic se hi hamari blog chalti hai. Traffic ko lane ke bahut tareeke hai. Jo Ham use bhi karte hai. Jaise ki social Media, seo, advertise etc hai. Inmese ek way hai social media. Social par post share karne se hame itna traffic milta hai jitna sayad hi organic traffic ho. Social media par post share karne ke bahut tareeke hote hai. Ek tareeka hai bo jo ham khud ke post ko social site par share karte hai. Or ek bo jp hamare readers jo hamare blog par akar post read kiya bo. Reader us blog site ke post share karte hai. jinme social media share buttons ho. Kyoki isse readers ko asani hoti hai direct click karke. Agar bo apke direct apke post ki link ko copy karke share karega to usko bahut problem ayegi. Isliye hame social share buttons ko apne blog me add karna chahiye. Chahe bo blogspot par ho ya wordpress ya other platform ho. Ham apne post me social media share button ka use karna chahiye.

Isse apke blog ka design bhi good look me ayega or apke blog ka traffic bhi improve hoga. Apko share buttons to bahut mil jayege. Agar aap koyi yesi theem use kar rahe hai. Jisme Share Buttons pahle se add hai to koyi baat nahi bahut badiya hai. AGar aap unko change karna chahte hai to bo bhi ho jayega. Agar apke theem nahi hai to aap ko me bahut hi stylish share button dene baala hu jo bahut hi stylish hai. Jise aap apne blogspot blog me add kar sakte hai. Social Media Par Share Karne Ke Liye Bahut Saare Buttons Hote Hai. Jaise Whatsapp facebook. Yese Hi code hai.

Blog Me Stylish Social Share Buttons Kaise Add Kare - Social Media Share Buttons for Website

Social media share buttons Ko Blog me add karna bahut hi asan hai. Isko ham apne blog me Bahut hi saral and easy way se apne blog me add kar lege. Lekin ye apko tay karna hai ki apko share button kaha lagana hai. Ye to sabko pata hota hai ko share buttons  post me lagte hai. Lekin bahut saare jagah lag sakte hai. Post title ke uper ya neeche, Poori post ke conclusion ke neeche. Yesi hi jagah hai. Aap kaha lagana chahte hai aap bo soche step me bataunaga. Agar aapko lagta hai. Ki share button Kaha lagane se traffic and jayada sharing badegi to aap post title ke neeche lagaye or post ke conclusion ke neeche. Jisse visiter jaldi share kar sake. Share buttons lagane ke liye neeche ke step follow kare.

step 1 :

Ham Apne blog me share buttons do code se add kare. Css or html ye bhi code hai jinki help se ham apne blogspot blog me stylish buttons add kar sakte hai. Iskeliye apko apne blog me ek css code ko apne html codind me add karke save karna hoga. Jisse hamara pahla step poora hota hai. Iskeliye aap neeche ke step follow karo.

Apko Css code ko Blog me save karne ke liye apko apni blog ki coding me jana hoga jo bilkul easy hai. Lekin hard bhi Apko sirf code ko copy karke past karna hai Naki coding se chhed chhad karna hai. Agar aap coding se ched chad karege to ho sakta hai. Kuchh wrong miss ho jaye. Agar apko css html ki coding ati hai to app kar sakte hai. Lekin jo dost nahi jante hai bo galti na kare. Code ko blog me save karne se pahle blog template ka bekup jaroor le le.

1. Sabse pahle aap blogger me login kare
2. Theem Par Click Kare
3. bekup le 
4. Edit Html Par Click Kare

Ab apko Step 2 follow karna hai. Jisme apko Me Ek Css Code De raha hu use copy karle

Step 2:

/* Helpertut.com 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;}
/* Helpertut.com And Button Css Code */

Uper diye hue css code ko copy karna hai isko aap copy karke kaho not pade me past kardo.
Ab ye blog ki coding me search karo.

Yis Code Ko Copy Karke Search Karo < /b:skin>

Ctrl+f Key Babakar Or Theek Iske Uper Past Karo.

1. Ctrl+f Key press karo or enter pres karo.
2. Uper baale code b:sin ke theek uper past karo or save template par click karo. Bas apka css ka step poora hoga hai ab bacha hai html ka ab ham next step follow karege.

Step 3:

Ab hame html code ko blog me past karna hai yani ki save karna hai. Iskeliye aap Neeche diye hue Html Code Ko blog ki coding me save karna hai. Neeche diya hua html code ko copy karke ke kahi notpad me past kar de ya kahi text file me past kare.

<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>

Yis Code Copy Karke hame apni blog ki html coding me past karna hai. Iskeliye neeche ke step follow kare.

uper di huyi image me aap dekh sakte hai iskeliye aap neeche ke step follow kare.

1. Ctrl+f se data:post.body> ko search kare. Or enter pres dabaye.
2. Ab theek uske neeche past kare. Uper diya hua code ko
3. Save template Par click kare.

bas ho gaya ab apke theem ke har blog post me stylish share buttons show hone lagege. Agar koyi problem aye to neeche comment karke pooche problem ko me jarror solve karoonga.

Conclusion :

Dosto to apne uper diye huye step follow karege. to jaroor apke blog par stylish share buttons show hone lagege. Agar koyi problem aye to neeche comment jarror kare . or Blog Me Social Share Buttons Kaise Add Kare - Social Media Share Buttons for Website agar post passand aya hoto like share jaroor kare. thanks for reading.