Blogspot Blog Me Header (Logo) Kaise Add (Upload) Kare ?

Hello dosto aap to jante hi hoge ki blog ho ya website usme logo add karna kitna jaroori hai. Aapne bahut saree site dekhi hogi or aapne site ko open bhi kiya hoga apne baha dekha hoga ki jis name se site hai yus name ki ek picture photo add ya lagi rahti hai, Jaise ham google ko open kare to baha google likha hota hai. Yusi ko logo kahte hai.

Ye har site ke liye bahut jaroori hai. Yisse hamari site ka introduction hota hai, or sabhi site apne introduction yani identy ke liye logo use karti hai. Or ye SEO ke liye bhi bahut jaroori hai. Aap to jante hi hoge SEO me kitni chije ati hai. Ye bhi SEO me ata hai. Agar aapne abhi tak apni website par logo upload change ya add nahi kiya hai to jaroor karle. Agar aapke pass website hai to usme karle. Lekin abhi ham blogger/blogspot blog par logo add upload karne ke baare me bata raha hu.

Agar aap blogger blog par hai or aap blogspot platform par blog banayi hai to apko me aaj Blogspot Blog Me Header (Logo) Kaise Add(Upload) Kare ? Ke baare me batange. Blogspot blog par logo upload ya add karna bahut hi asaan hai. Blogspot blog par logo upload karne ke liye neeche ke step follow kare.

Logo Kya Hai - Blogspot Blog Par Logo Upload (Add) Karne Ke Kya Fayede Hai ?

Logo Kya Hai : Aapne dekha hoga jab bhi ham kisi site ko open karte hai, to baha hame usi site ki photo najar ati hai header par yani body ke top par, Usi ko ham logo kahte hai. Ab aap google ko dekhle jab ham google ko open karte hai tab hame baha google likha hua hota hai bahi logo hota hai.

Logo Ko Blog Me Add Karne Ke Fayede:  Logo Ko blog ya website me upload karne se blog ki title name and site name ka intorduction karati hai hamare visiter ko. Logo ko blog me add karne se hamare visiters ko saaf saaf pata chalta hai ki blog ka name kya hai blog kis topic or kis content ke baare me hai.

Blogspot Blog Me Header (Logo) Kaise

 Add(Upload) Karte Hai ?

Blogspot blog me logo upload karna bahut ho easy hai. Aap bahut asani se apne blogger blog me upload kar sakte hai. Yiske liye aap neeche ke step follow kare.

Step1:

Blogspot blog me logo upload karne ke liye sabse pahle aap apne rajisterd email acount se blogger.com par login kare. Or ap baha apni site chune jis par apko logo upload karna hai.

• Layout Par click kare.
• Header widget par click kare.

Step 2:

Ab aap jaise hi header par click karege to apke samne ek new window open hogi. Ab baha apko apne computer se logo upload karna hai. Agar aap mobile user hai to aap mobile se upload kar sakte hai aap apni gallery se logo choose kare.

• Choose par click kare.
• Ab aap apni file chunke baha se logo choose karke logo select kare.
• Insted of the description par click kare
• Save par click kare.
• Save arrengment par click kare.

Ab apke blog me logo upload ho gaya hai agar apke pass logo nahi hai to to aap online logo create kar sakte hai. Agar aap offline banana chahe to photo shop se create karle yisse bahut badiye logo creat kar sakte hai yiska width: 300px or hieght: 70 px ya 80 px karle apne hisab se or background: transprent karle aap yis kadar logo banaye or Formate me png me save kare.

conclusion :

To dosto yahi aaj ka hamara post Blogspot Blog Me Header (Logo) Kaise Add(Upload) Kare ? agar apko hamara post passand aya hoto like share or subscribe jaroor kare or agar apko koyi problem aye to neeche comment karke hame jaroor bataye, Thanks for reading

Blogspot Blog Me Favicon Icon Kaise Add Kare ?

Hello dosto aaj ham apko batayenege ki blogspot blog par favicon upload kaise karte hai or ye favicon icon kya hai. Dosto ye to sabhi jante hi hoge ki blog ho ya website sabhi ki design achhi hoto bo achhi lagti hai. Aap ne bahut saaree proffesional website dekhi hogi jinke top par 1 icon hota hai. Use ham favicon icon kahte hai. Ye sabhi blog or website me add hota hai, Yise ham apni blog par bhi upload kar sakte hai.

Yisse hame bahut saare fayede bhi hai, Hame yisse bahut sare fayede hote hai. or sabse jayada ye fayeda deta hai. Proffesional look dene me hota hai. Yise sabhi blog or website use karti hai. Aap dekh sakte hai ki jab ham new blog banate hai to hamare blog ke tab par blogger blog ka favicon icon a jata hai, Ham us Favicon icon ko change karke apni passand ka favicon icon blogger blog par upload kar sakte hai. Jo ki bahut easy hai. Jise ham bahut hi asani se apni blogspot blog par favicon icon change or upload kar sakte hai.

Jab ham kisi browser me kisi bhi site ke url ka bookmark ya tab save karte hai to Baha uska name nahi ata hai ki ye google hai, Facebook hai, Baha yinka icon ata hai. Apne deekha hoga google ka favicon icon G aata hai, Facebook ka F ata hai yisi tarah duniya me jitni bhi website blog hai sabhi me favicon icon add hota hai, or uski help se tab or bookmark me bhi yusi se icon show hote hai.

Site Favicon Icon Kya Hai - Ye Blog or Website Ke Liye Jaroori Hai ?

Me apko uper bhi bata chuka hu ki favicon icon blog or website ke liye bahut hi jaroori hai. Chahe bo blog ho ya website ya fhir bo chhoti ho badi sabke liye bahut jaroori hai. Yisse hamari blog or website ka lokk bhi bahut proffesional ho jata hai. Jisse hame visitor or traffic me fayeda milta hai.

Agar aap yise SEO ki najar se dekhe to SEO ke hisab se ye bahut jaroori hai, Ab aap soch rahe hoge ki yisse SEO ka kya connection hai to me bata doo ki jab ham apni site ki SEO yani search engine optimization setting ko online SEO tool par chek karte hai to baha bhi bataya jata hai. Agar aapne apni blog ya website favicon icon add nahi kiya hai to SEO ko chek karte time jab apka SEO setting result ayega agar aapne add kiya hoga to Sahi icon ayega agar aapne nahi kiya hai to error ayega. Yisliye SEO ke liye bhi bahut importent hai.

Agar ham mobile ki baat kare mobile ke liye jitne bhi browser bane hai sab me tab hote hai. Jab ham kisi site ko baar baar open karte hai to browser yuse save kar leta hai "Tab" ke roop me. Jab bo save karta hai to baha site name nahi ata hai baha yus site ka favicon icon ata hai. Yisliye blog ko mobile friendly banane ke liye blog ho ya website me favicon icon jaroor add karna chahiye.

Blogspot Blog Me Favicon Icon Kaise 

Add Kare ?

Blogspot blog me add kar rahe ho ya other me mene apko yiske benefits bata diye hai. Agar aap sochh rahe hai ki aap bhi apni blog par favicon upload karenge to aap bahut aasani se kar sakte hai.

Agar aap ye soch rahe hai ki favicon icon kaha download kare. to bahut hi easy hai. Aap computer user hai to photoshop se creat karle or agar aap mobile user hai to aap picsart se creat karle.

Agar aap yitni jhanjat me nahi padna chahte hai to aap online create karle yesi bahut saaree site hai jo free or paid dono icon provide karti hai, Jaisa ki me janta hu bo hai iconfinder ye site free or paid dono tarah ke icon provide karti hai aap yaha se download karle. or blogspot blog me favicon icon ko add or upload karne ke liye neeche ke step follow kare.

Step : 

Sabse pahle aap apne rajisterd Gmail acount se blogger.com me login kare or Jis blog par aap favicon icon add upload karna chahte hai aap baha par click karo.

• Layout Me Jaye.
• Left Site Me Favicon Widget Hoga Yus Par Click Karo.
• Ab Choose Ki Jagah Par Click Karke Fevicon Upload Kare.
• Save Par Click kare.
• Save Arrengement Par Click Kare.

Ab apke blog me favicon upload ho gaya hai, Agar aap yisko future me change karna chahe to yese hi step follow karke apni blog par upload kar sakte hai, change kar sakte hai.

Agar apko achhi si favicon chahiye to aap online creat or design bhi kar sakte hai lekin jo way mene bataya bo bahut useful hai or time ki bajat karne bala hai.

Sabhi blogger yese hi trick ko use karte hai, Jisse unki time ki bachat bhi ho sake. Favicon icon ko blog par add hone me thoda time bhi lag sakta hai or nahi bhi kyoki yisko upload karne ke baad ye 3 se 5 mimit ke andar hi blog par show hoti hai, to thank for reading apko hamara post Blogspot Blog Me Favicon Icon Kaise Add Kare ? passand jaroor aya hoga agar aya hoto share jaroor kare. Agar koyi problem aye to neeche comment kare.

Blogspot Blog Me What'sApp Floating Share Button Kaise lagaye

Hello friends, Bahut time se bahut saare blogger whatsapp share button ko blogger me add karne se laker paresan hai, bo yisliye ki facebook or other social media ek social site hai, or WhatsApp ek social Apps hai. Jo social site hai unke share button to hame bahut asani se mil jate hai. Lekin WhatsApp share button easily nahi milta hai. Whatsapp share button ko aaj ke time me sabhi blogger lagana chahte hai or laga bhi chuke hai.

Whatsapp ka share button code banana bahut hi hard hai social site ke mukable kyoki ye jayatar mobile me use hota hai. Social site ek website ki tarah hoti hai lekin whatsapp nahi hai. social site ka apna ek site adress hota hai jaise ki domain name lekin whatsapp ka koyi domain nahi hota hai.

Social site share button me to ham asani se link dekar bana sakta hai. Whatsapp share button banane ke liye apps ko target karna padta hai. Jaise hi visiter WhatsApp share button par click karenge to bo seedhe WhatsApp par atomic redirected ho jayenge.

Whatsapp share button lagane se hamare blog ko bahut fayeda hai. Aaj ke time WhatsApp sabse jayada use kiye jane bala social media app hai.

Jiske bhi pass smartphone hai uske mobile me whatsapp jaroor hoga. Yisliye hame apne blog me whatsapp share button lagana jaroori hai.

Jab bhi koyi user apki blog par ayega or usko apki blog me se kuchh laga to apne friend or family ko jaroor send karenga.

Whatsapp share button se hamari blog ka kafi traffic increase hoga or blog ka look bhi hoga.

Jo me apko share button de raha hu bo bahut hi stylish hai. Achhi baat to ye hai ki ye floating hai or ye apke blog me ek jagah par chipke rahenge.

Ye share buttons me WhatsApp hi akela share button nahi hai yisme apko facebook Twitter or bhi bahut saare share button hai.

Ye jo me apko jiske code raha hu bo full responsI've hai ye device ke anusar apna look bhi badal dete hai. Ye mobile me alag or laptop pc me alag look ke sath dikhte hai.

Whatsapp share button ye sirf mobile me hi dikhta hai ye laptop desktop me nahi dikhega.

Yesa nahi hai ki poore share button nahi dikhenge. Yismese sirf WhatsApp button hi laptop Computer me nahi dikhenge or baki ke Facebook,Twitter or other sabhi dikhenge.

Blogspot Blog Me What'sApp Floating Share Button

 Kaise lagaye

Blog me whatsapp share button lagana bahut hi asan hai, Bas apko neeche ke code ko apne blogspot ki coding me add karna hai. Aap neeche ke step follow kare,

Step1: Ap neeche diye hue code ko copy karle kyoki hame yisi code ko blog me add karna hai.

<script async='async' data-sumo-site-id='70f04fd73e2a550b47bd1a72ffe3b0ef44311926d44f787f8a44f27b12fb8c86' src='//load.sumome.com/'/>

Step2: Ab aap apne blogger par login kare.

• Aap left side me dropdown menu me Theem  par click kare
• Edit Html par click kare,
• Ab aap apne keyboard se Ctrl+f dabakar head search kare. or theek uske neeche past karde. search kare theek uske neeche past kar de.
• Save theem par click kare.

Ab apke blog me whatsapp share button add ho gaye hai. Agar apko  yinme add karne me koyi problem aye to neeche comment kare, 

Blogger Me Social Follow Button Widget Kaise Add Kare

Hello dosto Aaj ke time bahut saare log social media par active rahte hai. Aaj ke din social chatting ke din hai. Sabhi log social media ko like karte hai. Me yesi kuchh trick aap ke sath share kar raha hu. Blogger Me Social Follow Button Widget Kaise Add Kare. Ham aaj apko bata rahe ki blogger blog me social media follow button widget kaise lagaye me apko yisi ke baare me bata raha hu. Aap to jante ho hoge ki har blog ke liye traffic kitna important hai.

Ham blog ke traffic badane ke liye bahut saare way chunte hai. Jinse hamare blog ka traffic kafi badta hai. Lekin blog ka traffic hi important nahi hai. Blog ko user friendly hona bhi bahut jaroori hai. Mere kahne ka matlab hai ki Blog ka traffic to aap bada lenge agar aap ke blog se readers ka koyi fayeda nahi hua to bo apki blog always ignore karega.

Yisliye hame blog ki traffic ke sath sath apni blog ki quality ke baare me bhi sochna chahiye. Hame ye sochna chahiye ki kya hamari blog ko readers like kar rahe hai ya nahi kar rahe hai. Agar bo like kar rahe hai to unhe hamari blog me kya passand aa raha hai, Or unhe hamari blog me kya passand nahi aa raha hai.

Yisliye hamare blog ke liye bahut saaree yesi baate hai jinhe hame hi sochna hoga or manage bhi hame hi karna hoga. Ham yisliye apne blog me Contect form add karte hai bo to theek hai. Agar aapke blog par sabse jayada traffic social media se hai to hame blog me social follow button widget ko use karna chahiye jisse hamare readers hamse online social media se connect ho sake.

Blogspot blog me social follow button widget add karne se hame bahut saare fayede hai. Agar hame social button ko apne blog me add karte hai to yisse hamari blog social media se connect ho jati hai jo SEO ke liye bahut jaroori hai.

Aap ne agar apne blogger blog me social media follow widget add nahi kiya hai, to aap jaldi se kar le yisse hame bahut fayeda hai. Me apko social follow button ka neeche code de raha hu jise aap asani se apne blog me add kar sakte hai.

Blogger Me Social Follow Button Kaise Add Kare ? 

Blogspot blogger blog me social follow button add karna bahut hi assan hai. Agar aap ne apne blog me social media share button add nahi kiye hai to aap yaha click karke karle. kyoki ye bhi bahut jaroori hai - Blog Me stylish Social Share Buttons Kaise Add Kare - Social Media Share Buttons for Website.

or abhi ham social follow button ki baat kar rahe hai uske liye neeche ke step folow kare.

Step 1:

Sabse pahle aap neeche diya hua code ko copy karna hai. Yis code ko aap copy karle or neeche ke step follow kare.

<style> .sidebar-social{font-size:13px;height:150px;} .sidebar-social .icon a{display:block;color:#fff;padding:12px} .sidebar-social .icon{margin:1% .5%;width:49%;height:45px;float:left;text-align:center;background- color:#111;border-radius:10px}.sidebar-social .icon.facebook{background-color:#3b5998}.sidebar-social .icon.twitter{background-color:#00aced} .sidebar-social .icon.google{background-color:#dd4b39} .sidebar-social .icon.linkedin{background-color:#007bb6} .sidebar-social .icon.rss{background-color:#ea8914} .sidebar-social .icon.tumblr{background-color:#32506d} .sidebar-social .icon:hover{background-color:#000000}.link{float:right} </style><br /><br /><br /><br /><div class="sidebar-social"><br /><div class="icon facebook"><br /><a href="/" target="_blank" title="Follow on facebook"><br /><br /><i class="fa fa-facebook"></i> facebook </a></div><br /><div class="icon twitter"><br /><a href="" target="_blank" title="Follow on twitter"><br /><br /><i class="fa fa-twitter"></i> twitter</a></div><br /><div class="icon google"><br /><a href="" target="_blank" title="Follow on google+"><br /><br /><i class="fa fa-google-plus"></i> google+</a></div><br /><div class="icon linkedin"><br /><a href="" target="_blank" title="Follow on linkedin"><br /><br /><i class="fa fa-linkedin"></i> linkedin</a></div><br /><div class="icon rss"><br /><a href="" target="_blank" title="Subscribe blog feed"><br /><br /><i class="fa fa-rss"></i> RSS feed</a></div><br /><div class="icon tumblr"><br /><a href="/" target="_blank" title="Follow on tumblr"><br /><br /><i class="fa fa-tumblr"></i> tumblr</a></div><br /></div>

Uper diye code me href= ke age apni profile social media ki link dale ya page ka link daale sabhi href= ke age.

Step 2:

Ab mene apko jo buttons ka code diya hai unhe apko apne blogspot blog ki coding me add karna hai. Jisse apke blog me social button add ho sake.

Sabse pahle aap blogger me login kare or blog ko choice kare aap ko blog me add karne hai.

• Blog ke deshboard me >> jakar layout par jaye.
• Jaha apko social media share follow button widget add karne hai bo jagah chune ke "add a gedget" par click kare.
• Ab aapke saamne ek new window open hogi baha apko Html/javascript par click kare.
• Or baha apna copy kiya gaya code ko past karke save >> or > save arrengment par click kare.

Ab aapke blog me social follow button widget add ho gaya hai. Ab aapki blog social media se connect ho chuki hai. Agar apko yisse ya blogging internet se jude koyi bhi question ho to aap mujhe neeche comment karke bata sakte hai.

Agar apko apne blogspot blog me social follow button add karne me koyi bhi problem ayi ho ya aye to aap neeche comment karke jaroor pooche bataye. Agar apko hamara post passand aya hoto like share jaroor kare. Thanks for reading.

Blogger Blog Me Stylish Popup Window Email Subscribe Widget Kaise Add Kare ?

Hello dosto aap sabhi ke liye fir se ek post laya hu Blogger Blog Me Stylish Open New Window Email Subscribe Widget Blog Me Kaise Add Kare ye bhhi blog ki design se related hai. Bese apke blog ke design ke liye bahut sare post kar chuka hu aap unhe bhi follow kare jisse or bhi apki blog ki design ho sake.

Blog ke liye traffic kitna jaroori hai ye aap sabhi blogger jante hoge. Ham traffic paane ke liye jaane kitne way use karte hai. Jo kafi useful hote hai. Hame blog ke jayada traffic paane ke liye jayada mahnat karni padegi.
Agar ham apne visiter ko apne hi blog per roke rakhne chahate hai to bo bhi ek achha way hai. Yiskeliye hame apne blog ke readers ko apni site ko subscribe karbana hoga. Iskeliye hame email subscribe widget ki jaroorat padti hai. Jo me apko dene baala hu.
Jo ye widget hai bo kafi stylish hai. yise hame blogger me add karna bahut hi asan hai. Hame bas Kuchh step hi follow karne hai.

Email subscribe widget ko blogger me add larne ke liye code ko blogger me add karna hota hai. Jo bahut hi easy hai. Aap to blog me code add karna jante hi hoge. or aapne apni blog me add bhi kiye hoge. Theek bese hi yise bhi apne blog me add karna hai.

Agar apko code ko blogger me add karna nahi ata hai hai to koyi baat nahi hai. Me apko poora batauga. Yis ke liye apko mere diye hue step follow karne hoge aap neeche diye hue step follow kare.

Blogger Blog Me Stylish Open New Window Email Subscribe Widget Kaise Add Kare ?

Step1: Copy Code.
neeche diye hue code ko aap copy karle.

<style type="text/css">* html #exestylepopupdiv {position:absolute;} #exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7RvNH8X5wfkOPDGlobKfgayiSCVIb1AIomSs8IhZYotefwdI7xg1SoZYjWz0MeZFEQBk6yvFRJitqkneamKn_FD1Z_DTvDYTDfOnBW5pCop_OxsCLlaJSAb0MQv0KbMtx3TfbgIQCVg/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;} #exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPthjOEk23Un5qgmWhASa6vGYPPXnq-iPHM956XgP1Ib-dnLW3aJpuwK50pAxBWxoIZ6bucd9bhu9S1OLdrmHUg-zk0NFuKh_oaUs9huyjeXEIwcTh-22GS9XScV7JMPQMuD-YNnBJUQ/s748/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;} .exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;} form#exestylepopup {display:block; margin:0;} form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;} form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup"><center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6UMmWAwxVK6d21q5D_qkmV6n2_OwlfzD8NMQ2VNWzSJ8s3UugTfuifopOIEELuuGE7ONTK5XVcuKKwJAONn2dQMb6btcrzed9xodeD1m9humDbGnTkplwaBWEtKB8qgC9FFv80zDFw/s40/exeideasclose.png"/><br /></center><form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true"><input type="hidden" value="YOUR FEEDBURNER ID" name="uri"/><br /><input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..." placeholder ="Enter Your E-Mail Here..." /><input type="hidden" name="loc" value="en_US" /><br /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibH10jexLwjPw9CwPD7kJ53fgb-IQSPRpaMocHWYTh11Ti7tp0ZfYJ1vayJAs7po1lAeHjDyCiL9V12eKAOAIzqLBYgbaVBvHGGeCKqiS393T0YcZSmfBTUBMudFPCuIGWsorrwemslQ/s128/exeideasblank.gif" id="exebutton" /></form></div></div>

Step2: This Code Add In Blogger

Ab apne uper bala code copy kiya hai use apko apne blogger me add karna hai.yise aap bahut hi assani se kar sakte hai.

• Blogger me login kare
• Layout par click kare
• Ab Apko choice karna hai ki subscribe widget kaha lagana hai.
• Aap  kahi bhi widget choice karle kyoki subscribe widget to seedhe screen per show hona hai.
• Html/javascript per click kare.
• Uper bala script code ko past kare.
• Save per click kare.
• Or save arrengment par click kare.

Bas dosto apko blog per stylish open window email subscribe  widget add ho gaya hai. Ab aapke visiter jab bhi apke blog ko open Karege to atomatic email subscribe widget open hone lagega.

I hope ki apko ye aaj ka post passand aya hoga, Agar realy passand aya hai to like or share comment jaroor kare.

Blogger Blog Me Twitter Follow Button Kaise Add Kare ?

Hello dosto aaj ham apko fir  se ek blog design ke baare me post lekar aye hai. Jisme ham apko twitter follow button ke baare me batayege. Blogger Blog Me Twitter Follow Button Kaise Add Kare ?  blog me twitter follow button lagane se ham bahut fayeda hai.
 Jaise ki jab hamare visiter ko apki blog ya apke post passand ate hai to aapko bo follow karna chahega. To jab apki blog per follow button hoga to bo asani se apko follow karega. Or ye bhi ho sakta hai ki use apse koyi perssional work ho to bo apse contect karna chahe ga to isliye hame apne blog me social follow button jaroor lagana chahiye. To aaj ham apko twitter follow button ki baat kar rahe hai.

twitter follow button

Isko blog me lagana bahut hi assan hai. Iskeliye code ata hai, jisse ham blog me button add karte hai. Apko me code de raha hu. use apko apne blog me add karna hai. bas apke blog me twitter blog button add ho jayege. Agar post passand aye to like share jaroor kare.

Blogger Blog Me Twitter Follow Button Kaise Add Kare ? 

Step 1: yis code aap copy karle ise hame apne blog me add karna hai. Iskeliye neeche code hai.

<a href="https://twitter.com/helpertuut" class="twitter-follow-button" data-show-count="false">Follow @helpertut</a><br /><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Step 2: Ab apko yis code ko apne blogger me add karna hai. yiskeliye aap neeche ke step follow karo.

• Blogger me login karo
• layout per jao
• Jaha aap widget ko lagana chahte hai baha choice karo
• ab new window open hogi baha html'/javascript per click kare
• Ab uper diya hua script code past kare.
• Save per click kare.

Ab jaise hi uper ke diye hue step follow karege bese hi apki blog per twitter follow button add ho jayega. Yisme jaha jaha helpertut likha ha baha aap pana twiiter follow link dalni hai. matlab twitter user name dalna hai.

conclusion:

To dosto apke blog me twitter follow button add ho gaya hai. Ab apke blog per show hone lagega. Agar apko isme koyi problem aye to neeche comment jaroor kare. Or dosto like share subscribe to karna hi nahi bhoole to ham ab agle artical me milege jisme yesi hi kuchh trick layooga.

Blog Me Code Box Kaise Use Kare - Poast Me Code Box Kaise Add Kare.

Hello dosto me apko bataunga ki Blog me code box kaise use kare. Aap tp jante hi hoge ki blogger ek free service hai. Jaha ham free me blog banaker chala sakte hai. Lekin muskil to hame tab ati hai jab blogger par kuchh kaam theek se na ho. Ab ham code box ki baat kare to blogger ke liye abhi tak koyi stylish code box nahi bana hai. Agar bana ha to theek se kaam bhi nahi kiya hoga. Yesha me nahi kah raha hu Yasha to bo kah rahe hai. Jo blogger par free blog banane ke baad post share karte hai. Kyoki blogger ek free service hone karan blogger ko jayda support nahi mil pata hai. Lekin koyi kitna bhi rokle lekin blogger baale nahi rukege. Ham blogger plaform baale Wordpress or other platform ki barabri to nahi kar sakte hai. Lekin unse ham peeche bhi nahi rah sakte hai.  Blogger yesha nahi soche ki blogger platfrom achha nahi hai. Agar hame blogger me koyi problem a rahi hai to help lo help jaroor milegi. Ham baat kar rahe hai abhi code box ki to blogger ke liye bhi achhe se achhe code box mozood hai lekin unhe search karne ki use karni ki baat hai.

Code box ko blogger blog me use karna bahut hi assan hai. Hame iske liye jayada coding ki jaroorat nahi padti hai. Hame agar blog me jayada stylish code box use karna hoto hame css coding or jayada coding jaroorar padti hai jo blogger blog ke theek nahi hai. Isse ham agar blog ki coding me jayada code use karege to hamare blog ki page speed slow ho jati hai jo seo ke liye bilkul bhi theek nahi hai. Ab aal soch rahe hoge ki to phir kya kare. Ham apne blog post ke liye simple code box use kar sakte hai. Ye kahne me simple hai lekin ye sab codebox se diffrent hai.  Isliye ye fasr loded or efective hai.

Blog Me Code Box Kaise Use Kare - Poast Me Code Box Kaise Add Kare.

Me uper bhi bata chuka hu ki ise use karna bahut hi simple hai. Apko kuchh nahi karna hai bas aoko neeche diya code ko copy karna hai. Jab aap blog me post likhe or jab bhi apko code box ki jaroorat pade to aap baha ye code past kare.

<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.

Or aap apni post ki html me jakar jagah chun kar past your code ki jagah aap apna code past kare. Or compose par click kar de. Bas ho gaya. Ab apke blog me code box add ho gaya hai. Ab aapko jab bhi code box ki jaroorat pade to aap yahi mathod chunne yah simple way hai.

Aaap isi prakar blog ke post me code  box use kar sakte hai. Blogger blog ke liye bahut saare code box hai. Aap unko bhi use kar sakte hai. Lekin agar apko yahi passand ata hai to aap ise use kar sakte hai. Yah bilkul safe and easy way hai.

Conclusion

Dosto aaj ka ye post Blog Me Code Box Kaise Use Kare - Poast Me Code Box Kaise Add Kare. Apko agar isme koyi problem aye to neeche comment box me comment jaroor kare. Or like share or subscribe jaroor kare.

Blog Ke Sidebar Ka Scrollbar Kaise stylish Banaye

Blog Ke Sidebar Ka Scrollbar Kaise stylish Banaye. Blogspot ke right me side me scroller Ko stylish kaise banaye. Dosto aapne ne dekha hoga kayi profetional site ko jinki design sabse hat ke hoti hai. Bo itni achhi design hoti hai ki hame lagta hai ki bo koyi photo hai. Un logo yesi photo design karke daali hai. Hame bas yahi lagta hai. Unki design ko dekh kar ki bo koyi photo hogi. Dosto jo web designer hote hai bo itne minded hote hai ki bo site ko jaise chahe bese site ko design kar sakte hai. Kabhi aapne dekha hai professional site ki design sabse best hoti hai bo hamari site se bahut alag hoti hai. Ham bhi besi site bana sakte hai or bo bhi blogger blog ko bese hi design kar sakte hai. Lekin Har site ka alag alag work hota hai. Hmari blog par ham sirf post hi likh sakte hai. Isliye hame post ke hisab se design karni padegi. Lekin Ye nahi ki ham unki tarah blog ko bilkul bhi design na kare. Blog ko ham phir bhi bahut achha design kar sakte hai.

Aaap ne dekha hoga ki jab ham desktop ya computer me browser open karte hai  or kisi bhi site ko open kare. Chahe ham apni hi blog ko open kare to apke blog ke right side me scroller ayega aapki site content size choti hai to bo bada ayega. Agar apki site content size badi hai to bochota ayega. Aap uper diya hua image me dekh sakte hai. Ki scrollerbar Kaisa hota hai. Ham use badi site ke jaise design kar sakte hai. Example ke liye aap flicart ki site ko dekhna usme sidebar scrollbar colorful ayega. Aaap bhi yese hi design karke stylish kar sakte hai. Apne blog ke sidebar ko. Iskeliye  apko apne blog ki css coding me ek code past karna hoga. usse apka scrollbar stylish ho jayega.

Blog Ke Sidebar Ka Scrollbar Kaise

 stylish Banaye 

Me aapko uper bata chuka hu ki blog ke sidebar ke scrollbar ko stylish kaise banaya ja sakta hai. Or ye bhi bata chuka hu ki ye kya hota hai. Chaliye ek baar or bata deta hu. Aaap apne pc, computer ko open kijiye or koyi site open kijiye baha apko ek site right side me ek drope down scrollbar dikh raha hoga kuch is prakar-

Uper dee hue image se apko pata chal gaya hoga ki ye kya hai. Abb ham ye janege ki ise ham kaise stylish or color ful bana sakte hai. Apko jayada kuch nahi karna hai. Bas me apkoek code doonga jise apko apne blog ki css coding me save karna hai. Or jaise hi aap use css coding me save karege to apka scrollbar stylish  ho jayega. Iskeliye aap neeche ke step follow karo.

step 1: 

Apko bas me code de raha hu use aapko copy karna hai.

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #000000;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: #FF0000;
}

Aap uper diye hue code ko copy karle or notepad ya other text editer me past karle kyoki hame abhi ek kaam or karna hai. Jiske liye ise kahi past kardo or next step follow karo.
Step 2: 
aapne uper diya hua code copy kar liya hai. Ab apko apni blog ki coding me save karna hai. Ye koyi hard work nahi hai. Aap bhi kar lete hoge lekin aap chahte hai ki me bata doo to me apko bata deta hu.
Iskeliye pahle aap blogger a/c me login kariye or theem par click kariye or edit html par.
ab aap ctrl+f dabaker ]] > </ b: skin >

  past karke search kare or theek usi ke uper past kar de or save theem par click kar de.

Jaise hi aap save theem par click karege. Bas apka kaam ho jayega. Ab aap apne blog ke sidebar me kaker dekh sakte hai ki apki blog me stylish scrollbar add ho chuka hai. Ab apki blog me bhi badi sito ki tarah stylish scrollbar hai. Ab apke visiter bhi kahege ye kaise kiya kyoki jitna ye chota sa kaam hai lekin sochne me bahut bada kaam hai.

Conclusion :

to dosto aaj ka ye post Blog Ke Sidebar Ka Scrollbar Kaise stylish Banaye  kaisa laga jarror bataye or aap ye bhi bataye ki apki blogger blog kaha tak design ho gayi hai or abhi kya chahiye aap mujhe bata sakte hai ki mujhe bo bala code chahiye aap bas apni design bolo me apko bese code jaroor doonga. Aap hame comment karke bata sakte hai. Or dosto ye mat bhooliyega ki hame aaj ke post ko share karna hai like karna hai or blog ko subscribe karna hai. to chalte hai to dosto agle post me phir milege jab tak ke liye post read kijiye follow kijiye jay hind.

Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare

Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare. Blogger Ke sidebar ko stylish kaise banaye. Hello dosto ham aaj yisi prakar ke post me janege. Har tarah ki baar bhi aaj bhi ham apke blogger blog ke design ke liye post le kar aye hai. Ham ne abhi tak bahut post read kar chuke hai. Mene abhi tak Bahut saare post likh chuka hu blog design ke baare me or ye bhi blog design se related hai. Ye to aapko pata hi hoga ki blog banane ke baad hamara kaam hota hai. Blog design karna. Aggar hame readers ka payar or respect chahiye to hame blog ko yesha design karna chahiye jo sabse alag ho or efective ho. Design apko achha traffic pane me bahut help kar sakte hai. Blog ko design karne ke liye apko html and css ki coding ki achhi knowlage honi chahiye. Isse aap apne blog ko achhe se design kar sakte hai.

Iskeliye aap paresan na ho agar apko nahi hai to koyi baat nahi hai. Me apko design karke yese code dege jisse aap apni blog ko achha design kar sakte hai. Lekin aj ka post bahut hi populer hai. Aj ham apko apke blog ke sidebar ke design ke baare me bata rahe hai. Ham apko 5 stylish sidebar ke code dege jisse ap apne blog ke sidebar ke resent post ka code doonga. Jo bahut hi stylish hai. Inhe mene bhi use kiya hai jo unmese ek hai. 

Aapne dekha hoga ki bahut sare blog par bahut hi stylish resent post hote hai. Aap bhi bese design kar sakte hai. Iske liye apko koyi bhi coding learn karne ki jarroorat nahi hai. Bas aap neeche ka post read kariye or follow kariye., Agar post passasnd aye to like share comment or subcribe jaroor kare.

Top 5 Stylish Recent Post Widgets Ko Blogger

 Me Add Kare

Dosto aapne dekha hoga ki jo ham free theem use karte hai to bo itne stylish nahi hote hai. Lekin ham unhe stylish bana lete hai. Bo isliye ki hham coding se blog ko kaise bhi manage kar sakte hai. Agar ham blogger ke widget use kare to bo bhi achhe hote hai lekin bo utne stylish nahi hote hai. Jitne ham unhe kar sakte hai. Widget seo ke hisab se or readers ke hisab se bahut hi useful hai. Inse hamara seo bhi improve hota hai or readers ko bhi asani hoti hai blog ko read karne ke liye. Or isse hamare blog ka design bhi achha hota hai lekin agar ham jayada widget ko blog me use kar lete hai to blog ki loadind speed bahut slow ho jati hai jisse seo par efect padta hai or readers bhi ise like nahi karte hai. Isliye agar aap blog me jayada widget use kar rahe hai to unhe remove kar de or useful widget add kare. Agar baat kare to stylish ki aap blogger ke widget ko remove kar ke created widget use kare. Ham apko sabhi prakar ke widget dege lekin abhi ke liye ham apko stylish recent post ka code de rahe hai.

Top 5 Stylish Recent Post Widgets Kya hai.

Resent post widgets apke blog ke liye bahut hi useful widget hai. Iska kaam hota hai ki jab ham apne blog par post karte hai or karte jate hai to bo post summry post ke hisab se hamare home page ke sidebar me possition par a jate hai. Isse visiter ko asani hoti hai post ko read karne ke liye. Ye post jab jayada readers read kar lete hai to inki possition change hoti rahti hai. Jisse aap ka kaam khatam ho jata hai share karnee ka or link ko other post me add karne ka. Isse visiter ki nazar seedhe unhi post par padegi. Or jo recent widget me apko de raha hu bo bahut hi stylish hai.  Apko bas in code ko copy karke apne blog ke layout me jakar html me save karna hai.

Stylish 1 :

yah code bahut hi stylish hai. Aap image me dekh sakte hai ki ye kitne colorful hai. Isme har post par ek alag alag color add hai. Or image thumbnail ki baat kare to bo hi engal me add hai. Ise aap asani se blog me add kar sakte hai. Or iski speed bhi fast hai. isse apki blog ki speed par koyi efect nahi padega. Neeche jo code hai aap use copy karle. Bese apko me 5 code de raha hu jo passand aye aap use copy karle. Choice karle.

function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write(' <li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write(' <div class="recent-posts-details"> '),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = false; var posts_date = true; var post_summary = true; var summary_chars = 70; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' /><br /><style type="text/css">img.recent-post-thumb{width:50px;height:50px;float:right;margin:5px -5px 0px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:3px;background: #fff} ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;} ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%} ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%} ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;} ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;} ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;} ul.recent-posts-container li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover { color: #222;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 14px;color: #444; font-weight: bold;} .recent-post-title {padding: 6px 0px;} .recent-posts-details a{ color: #222;} .recent-posts-details {padding: 5px 0px 5px; } </style>

Style 2 :

Ye code bhi bahut stylish hai. Isme aap dekh sakte hai ki isme color or style ke sath sath isme iski font family bhi stylish hai. Isme italik ke jaisi font family use ki gayi hai bahut hi stylish hai. Isme post image thumbnail bhi bahut hi efective hai. Isme red border and stylish number bahut hi efective hai. Aap ko agar ye passand aaye to aap neeche diye hue code ko copy karle.

<script type="text/javascript">function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write(' <li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; var posts_date = true; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script><br /><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' /><br /><style type="text/css">img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;} .recent-posts-container {font-family: 'Gloria Hallelujah', cursive; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; } ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;} ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px; border-top: 2px solid #FCD6CB;} ul.recent-posts-container {border: 2px solid #FCD6CB; } .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover { color: #222;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 14px;color: #616662;} .recent-post-title {padding: 6px 0px;} .recent-posts-details a{ color: #888;} .recent-posts-details {padding-bottom: 5px;} a.readmorelink {color: #4DACE3;} </style>

Style 3 :

iski baat kare to ek dam simple recent post widget hai. Kyoki yisme jayada style add nahi kiye gaye hai. Yise ek dam simple banaya gaya hai. Agar aap apni blog ko simple rakhna chahte hai to ye widget 100% usi ke liye hai. Me ye nahi kah raha hu ki other style blog me ye add nahi ho sakta hai. Ise aap kisi bhi blog me add kar sakte hai. Or agar aap changing karna chahe to bo bhi kar sakte hai.

<script type="text/javascript">function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write(' <li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write(' <div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; var posts_date = true; var post_summary = true; var summary_chars = 40;</script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br /><style type="text/css">img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #69B7E2;} .recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;} ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%} ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .recent-posts-container a{text-decoration:none;} .recent-post-title {margin-bottom:5px;} .recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;} .recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;} .recent-posts-details a{color: #777;} </style>

style 4 :

Ab ham jiski baat kar rahe hai bo bahut hi simple and fast loading bala widget hai. Ise me mahut like karta hu kyoki ye stylish hone ke sath fast loading bhi hai. yiski speed itni hai ki jitne me apki site poori tarah se open nahi hogi jab tak ye open ho jayega. Aap soch rahe hoge ki isme yesi kon si baat hai jo itni jaldi open ho jata hai. To dosto aap ko me kyo kahta hu ki blog post me aap jitni kam size ki photo use karoge utni hi apki post ki loading speed improve hogi. Bas yesa hi dosto yisme hai. Isme koyi post image nahi hai. Sirf heading or paragraph hai. Jo fast open hota hai. To dosto agar apko stylish or fast open hone baal widgets chahiye to yahi better hai. Agar aapko or koyi passand ate hai to koyi baat nahi hai. bo bhi fast open hote hai. Uski dikkit nahi hai. Aap ko apne ke liye jo bhi passand aye aap use kijiye speed agar inse kam hoti hai. to Apni site ko fast open karne ke bahut saare tareeke hai. Aap unhe use kar sakte hai.

<div class="recentpoststyle"><script type="text/javascript">function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write(' <li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}} </script><br /><script type="text/javascript">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts"></script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><style type="text/css">.recentpoststyle {counter-reset: countposts;list-style-type: none;} .recentpoststyle a {text-decoration: none;color: #49A8D1;} .recentpoststyle a:hover {color: #000;} .recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;} .recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;} .post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;} .recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;} </style></div>

style 5 :

Isme or 4 no ke me koyi deffrent nahi hai. Jaisa bo hai yesa ye hai. Agar alag hai to bo hai color. Isme thoda border-bottom red hai. or ume border bottom #ccc hai bas itna hi farak hai. Ye bhi fast open hota hai or bo bhi.

<script type="text/javascript">function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write(' <li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = false; var readmorelink = true; var showcommentslink = true; var posts_date = true; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;<a href=" http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br /><style type="text/css">img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;} .recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover{color: #4DACE3;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;} .recent-post-title { margin: 5px 0px; } .recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;} .recent-posts-details a{ color: #888;} a.readmorelink {color: #4DACE3;} </style>

Top 5 Stylish Recent Post Widgets Ko Blogger Me Kaise

  Add Kare

Ab hamne jo apko recen post widget ke code diya the. Apko bas unme se ek choice karna hai. Apko jo bhi passand aye aap use copy karle. Ab hamari baari hai ise blogger blog me add karne ki to ye bahu hi simple hai. Apko bas neeche ke step follow karna hai.

• Blogger me login kare.
• Layout par click kare.
• or Aaap jaha laganna chahte hai baha add a gedget par click kre.
• Ab aap ke samne chota sa page open hoga apko baha Html/javascript par click krna hai.
• or Us page me aap ko apne passand ka code past karna hai. or save par click karde.
• ab save arrengment par click kare,.

To dosto aap jaise hi html me code ko save karege to aap phir save arrargement par click jaroor kare. Agar aap nahi karege to apke blog me widget show nahi hoga. or agar show bhi hi jata hai to bo jayda time tak ni rahega. theem update hote hi bo bhi remove ho jayega. Agar aap ne poore step follow kiye hai to apke blog me recent post widgets jaroor show hone lage hoge. Agar isme koyi promlem aye to jaroor bataye. Bese aj apki blog kafi design ho jayegi. Aap agar apni blog ko or achhe se design karna chahte hai to aap mere blog design se related post read kare. Mene unme bahut sare post likhe hai. Jinse apki blog kafi had tak design ho jayegi.

Conclusion :

Dosto aaj ka post Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare apko kaisa laga. Jarror bataye. Aapko agar post ko follow karne me ya code ko add karne me koyi problem aye to hame neeche comment jaroor kare. Or dosto post ko share or subscribe or like karna bilkul bhi na bhoole. Or dosto hamare poore post apne email par paane ke liye hamari site ko subscribe jaroor kare. Thabks for reading and plz share this

Blogspot Blog Me Stylish Heading Kaise Add/Use Kare

Welcome Once Again my all blogger and readers. Me apko yis baar bhi apki blog ki design ke baare post laya hu. Jo ki Hai Blogspot Blog Me Stylish Heading Kaise Add/Use Kare. yahi aaj ka hamara post hai. Ham blogging karte hai. Blog par post bhi likhte hai. Post me Heading bhi use karte hai. Ham blog ko to sabhi prakar se design karlete hai. Hame ye nahi pata ki blog or bhi kayi tareeko se design kiya ja sakta hai. Ji ha ham baat kar rahe hai apne blog ki heading ki jise ham design karke bahut hi effective bana sakte hai. Ham aaj isi ke baare me batane baale hai or poore step bhi bataye jisse aap apni blog ki headings ko stylish bana sake. Ham apko yesa code dege jisse apki blog ki heading ka look ek dam change ho jayega jo aap soch bhi nahi sakte hai. Bilkul helpertut aap ke blog ki design ke liye ek or post laya hai. Bese ham blog ki design ke liye bahut saare post kar chuka hu aap unhe chek karke follow karke apne blog ka design achha bana sakte hai. or blog ko design kar sakte hai.

To dosto apni blog ki heading ko stylish banane ke liye neeche ka post read karo step follow karo. Or dosto post passand aye to like share subscribe and comment jaroor kare.

Blogspot Blog Me Stylish Heading Kaise 

Add/Use Kare

To dosto aap uper diye hue introduction se samajh to gaye hi hoge ki aaj ka post kis topic par hai. Agar nahi to aaj ka hamara post blog design ke topic par hai. Jise ham apke blog ki design ke liye laye hai. To agar apko apni blog ki headings ko efective banana hai to apko mere neeche diye hue step follow karne hai.

step  : Copy/past  Css Code :

Me jo code apko de raha hu bo css code hai jise aapko apni blog ki coding ki css coding me past karna hai. Is code ko aap copy karle.

.post h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTUBF83-Ei9MAViMK0V37wlZfaZzgKk0yQ5LictbyV1gKf7ZjYnLib1ViIrHn_b1GvZOTcm_vIIwiYt5XFnEAYHF5j8lCC-hOdmsAfrH2aI4DB-ElL6rIgeft7Uzlp111JiUVi6ifRfc/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: 'Fauna One',serif;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}

Uper diye hue code ko copy karle or neeche ke step follow kare.

Step 2 : Past Css Code In Your Blogger Coding
Ab apne uper diya hua css code ko copy kar liya hai. use kahi past kardo. Jaise ki notpade me note pad me css code ko past kar do or neeche ke step follow kro.

1. Bogger a/c me sing in kare.
2. Theem par click kare.
3. Edit html par click
4. apne keyboard  se ctrl+f key dabaker 
5. < /b:skin> Code ko past karke search kare
6. or theek uske uper uper bala css code past larde bas hogaya.

Ab apke blog me stylish headings show hone lagegi agar koyi problem aye to neeche comment karke poochh sakte hai. agar Blogspot Blog Me Stylish Heading Kaise Add/Use Kare post passand aya hoto like share comment share and subscribe jaroor kare. Thankd for reading

Blogspot Blog Ke sidebar Widget Me Dotted Border Line Kaise Add Kare.

Aaj ham Blogspot Blog Ke sidebar Widget Me Dotted Border Line Kaise Add Kare. iske baare me jaanege. Aap ki bhi chahat hogi aap apne blog ko achhe se achha look de. Kyoki blog ki jaan to uski design hai. Achha traffic pane or logo chahete banane me blog ka design bahut help karega. Ap jo thhem use kar rahe hai to har theem pahle se be feture nahi ate jo ham chahte hai. Me ye nahi kah raha hu ki theem designer besa kar nahi paate hai. Me isliye kah raha hu ki jo ham free theem use karte hai bo theem hame isliye free milte jati hai kyoki jo theem designner hai unka inme fayeda hota hai. Free theem use kar ke hamara hi nahi fayeda hota hai unka bhi isse fayeda hota hai. Unka to fayeda hamse se bhi jayada hota hai bo ye fayeda hota hai ki unhe bina kuchh kare backlink and achha traffic milta hai bo isliye jo ham free theem use kar rahe hai un sab me footer link hoti hai jinme unki site ka address hota hai. Jab koyi hamari blog par visit karta hai. Agar bo apki footer criedit link pe click karta hai to bo unki site par pahuch jata  hai jisse unka traffic badta hai.

f

Blog ke design ke baare me bahut post kar ckuka hu aapko unme bhi bahut saare trick mil jayegi. Blog ko design karne ke liye. Lekin abhi ham baat kar rahe hai blogspot blog ke sidwbar me dotted border line kaise add kare.

Ye bahuthi easy kaam hai. Bese bhi hard work koyi bhi nahi hota hai bad mahnat or dimag hona chahiye. Sidebar me dotted border add karne ke liye bas apko blog ki thodi si coding karni padegi. Isme thidi si dikkit hai. Kii apko coding karte samay kisi bhi baat par dhayan na de sirf border ki soche iskeliye aap neeche ke step follow kare.

Blogspot Blog Ke sidebar Widget Me Dotted Border Line Kaise

 Add Kare.

Sabse pahle to me apko jo code de raha hu use aap copy karke ke kahi achhi jagah past karde kyoki hame abhi ek code or copy karna hai or search karna hai.

#sidebarsnbt .widget li { list-style-type: square; margin-left: 15px; margin-bottom: 7px; color: red;
border-bottom: 1px dotted black; margin-bottom: 6px;
padding-bottom: 6px;;

Uper diye hue code ko aap copy karle yahi hamare dotted border ka code hai. Isko apne blogger theem me add past karna hai. ab apko neeche ke step follow katna hai.

step1 :

Ab apko apne blog ki coding me jakar jo hamne uoer code copy diya hai. Use add past karna hai. Iskeliye aap.

1. Blogger me login kare
2. Theem par click kare
3. Edit Html par click kare 
4. or phir ctrl+f  key dabaker < /b:skin> past karke search kare.
5. or theek uske uper past kare.
6. save Theem Par Click Kare.

Bas apke blog ke sidebar me dotted border show hone lage hai. Agar koyi problem aye to neeche comment karke ke poochh sakte hai.

conclusion :

To dosto ho gaya apke blog me dotted vorder show hone lage hai. Aagr koyi problem aye to hamse jaroor pooche me jaroor reply karoonga. Agar Blogspot Blog Ke sidebar Widget Me Dotted Border Line Kaise Add Kare. post passand aya hoto like share comment or subscribe jaroor kare. Or age ke post direct apne email par pane ke liye hamari site ko subscribe kare.

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.