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

Window 10 Ke Shortcuts Ke Liye 10 Keyboard Shortcuts for Windows

Hello dosto aaj ham window 10 ke  keyboard shortcuts ki baat kar rahe hai. Window 10 Ke Shortcuts Ke Liye 10 Keyboard Shortcuts for Windows. Dosto aap to jante hi hoge Internet or cumputer ki duniya me kuchh aye din hi changes hote rahte hai. Or cumputer or internet ko useful se or bhi jayada useful banane ke liye unme kuchh naye naye feture add hote rahte hai. Agaer ham baat kare computer ki to isme aye din nahi balki har din kuchh naye changes hote rahte hai. Aap soch rahe hoge ki coputer me daily changes kaise ho sakte hai. To bhai me bata doo ki ye changes aap nahi kar sakte na hi aap isme apne passand ke feture add kar sakte hai. Ham kar sakte hai to bo hai kuchh achhe achhe software ko apne laptop/computer me instel karke jaroor achhe achhe feture add kar sakte hai. Lekin jo programing hoti hai bo to besi hi rahegi use sirf programer hi chang kar sakte hai. Changes kaha hoti hai bo hai windows me aap chahe jo windows use kare bo programer hi creat karte hai jaise microsoft ji ha agar windows ki baat kare to microsoft hi yesi prodraming compeny hai jo sabse jayada windows creat karte hai. AGar ye kahe ki yahi create karti hai to bo bura nahi hoga.

Kayi baar ki tarah hamesha windows change hoti rahti hai or update hoti rahti hai. Or aap apne cumputer ko hang hone se bachane ke liye aap aap apni windows ko forword forword or update karte rahte hoge. To aap jante hoge ki jaise hi ham windows ko update karte hai to usme koyi new fetures atomatic add ho jate hai. Agar aap windows 10 ko use kar rahe hai or aapne window 10 ko update kar liya hai to aap ko ham uske new feture ke baare me bata raha hu. Jo hai 10 keyboard shortcuts for windows 10. Jisme ham apko apke time ki bajat karna batayege.

Window 10 Ke Shortcuts Ke Liye 10 Keyboard 

Shortcuts  for Windows

Aap agar cumputer par jayada work karte hai ya apke pass time kam hai or kaam jayada hai to apko computer ki shortcuts keyboard ke baare me jaroor janana chahiye. Jisse apki time ki bachat ho sake. Ye formula bahut hi useful hai. Agar aap shortcuts se kaam karege to apko uski basic knowlage honi chahiye agar nahi hai to don't worry me apko poori information doonga.

1. Rename Any Folder And Any File :

Ye shortcuts bahut useful hai. Agar aap koyi office ka work ya phir aap shop ka kaam karte hai to aap computer jaroor use karte hoge. Yis keyword se aap kisi bhi file ya folder ka name chhange kar sakto ho. Isse apko Koyi right click karke rename karne ki jaroorat nahi hai. Aap simple hi F2 press karke kisi bhi file ko rename karke new name de sakto ho.

F2

2. Minimize :

Aap is keyboard se kisi bhi file ko ek hi jhatke me minimize kar sakte hai. Iskeliye apko ero ko nahi use karna padega. Apko bas ek shortcut key pres karna hai. Bas apka koyi file ho atomatic minimize ho jayegi. Iskeliye apko Window+d pres karna padega.

Window+d

3. copy

Agar apko apne kisi text ko copy karna hai to aap ctrl+sift+v Ko use karna chahiye isse aap kisi bhi text ko copy kar sakte hai.

4. Zoom In :

Agar aap koyi yesi cheej dekh rahe hai jise aap zoom in karna chahte hai. Man lo ki aap youtuber hai to aap tech se related koyi video creat kar rahe hai ya other  topic par aap ko zoom ki jaroorat to jaroor padti hogi to iskeliye aap{ Ctrl or + (plus} ko use kar sakte hai.

5. Zoom Out :

Agar aap ne zoom kar liya hai. Or agar aap usko thoda zoom out karna chahte hai to aap ctrl+ (-miyiness) ka use kare. isse aap jitna chahe zoom out kar sakte hai. Lekin 100% se jayada nahi.

6. Full Zoom Out :

Agar aap ek baar poora zoom uot karna chahte hai to aap ko bas ctrl+o press karna hai. isse aapne jitna bhi zoom in kiya hai bo poora out ho jayega bas ek press se. to ise bhi aap use kar sakte hai.

7. screen record and capture :

AGar aap apne computer ki screen record karna chahe to aap window 10 me bahut hi assani se kar sakte hai. Isme alredy ek feture ata hai aapko bas key pres karne hai or app record karna chahe recorde kare ya screen shot lena chahe bo kare. Apko bas Window+Z key pres karna hai or choice karna hai. Bas record karo shot bahut hi easy way se.

8. Open New Software .

Dosto Jaise aapne dekha huya hoga ki hamare cumputer screen me sabse neeche ek border sahota hai. Jise ham task maneger kahte hai baha par ham kuch software ko add kar sakte hai. or une use bhi kar sakte hai. To aap baha par bahi software add kare jo aap sabse jayada use karte ho. Aap ne baha par software to add karliye hai. To dosto me bata doo ki ham use shortcuts ke se ek hi jhatke me open kar sakte hai.

Bp yese aap ko bas ek key press karna hai. window+ software ka number jis software ko aap open karna chahte hai us software ka number yani ki bo kis yisthan par hai to uska number hame window dabaker pres karna hai bas apka software atomatic on ho jayega.

Conclusion :

To dosto aap ko window 10 ke new feture ke baare me pata to chal gaya hoga. Agar ye trick work nahi kare to aap plz ek baar apni window ko update kare jaroor work karegi. Agar mujhse yisme koyi bhool ya galti ho gayi hoto hame jaroor bataye. Or aaj ka post Window 10 Ke Shortcuts Ke Liye 10 Keyboard Shortcuts for Windows kaise laga jaroor comment karke jaroor bataye. Or dosto like share subscribe karna bilkul na bhoole bhai. Thanks for reading.

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.

Web Design Kaise Seekhe( Web Developer Kaise Bane ? ) - online Courses for Web designing In Hindi

Web Design Kaise Seekhe - Web Developer Kaise Bane ? online Courses for Web designing In Hindi.  Ye aaj ka hamara topic hai. Aaj se ham full web web design ka course seekhna chalu kar rahe hai. Bahut saare blogger ne mujhse kaha hai ki aap konsi theem use kar rahe hai apni blog par to me unse kahta tha ki self design. Hame agar coding ati hai to ham kisi bhi platform par rahe chahe bo blogger ho ya wordpress. Agar hame webdesign ati hai to ham asani se manage kar sakte hai. Web design deploment koyi faltu ka work nahi hai. Ye ek tarah ka course hota hai. Jaise ham padte hai bese hi ham yise padte hai. Jis prakar se hamare topic ke anusar hamare coching hoti hai. Theek bese hi web deploment learn karne ki coching hoti hai. Webdesign seekhna asan kaam nahi hai iskeliye apko kafi time chahiye Padne ke liye bhi praktisch ke liye bhi. Ise padne se kuchh nahi hoga iskeliye hame samjhne or praktisch karne ke liye bhi time hona chahiye. Aap Jitni achhe se web creation learn karna chahte hai to apko uske praktisch karne ke liye time bhi chahiye. Aap jitna praktisch karege aap utne achhe se samajh payege. web design deploment ka kaam bahut hi useful hai. Aaj ke time me lakho log lakho ki monthly income kar rahe hai. Bo isliye ki koyi learn karke koyi  company me join ho gaya hai or koyi apni khud ki shop open karke website Making ka kam karne laga hai.

Webdesigning developing abhi bahut famouse hai or ane baale time bhi user isko like karne lagege. Agar aap khud ki website banana chahte hai website creater banna chahte hai to apko webdisigning ko learn karna padega. Agar aap software. Android mobile apps, iphone apps, windows apps etc ko develop karna chahte hai to apko web disign ko jaroor seekhna hoga.  Agar aap online paisa kamana chahte hai to apko webdesign bahut kaam ayegi.
Me apko full web design learn karaoonga apko agar post se achha lage to post seekha doonga agar apko videos achhe lage to me apko videos se seekha sakta hu.
Apko me webdesigning ke baare me bahut saare labls bataunga jisse aap asani se webdesign kar sakege.

Web Design Kaise Seekhe( Web Developer Kaise Bane ? ) - online Courses for Web designing In Hindi.

Webdesign seekhne se pahle me bata doo ki apko iskeliye kaafi time hona chahiye. Apko har ek baat ko achhe se samjhna hoga. Agar aap iske ek hi topic ko miss kar dete hai to aap poora web developer Ka course miss kar dege. Iskeliye me yahi kahoonga ki agar apke pass jayada time nahi hai to aap time kharab na kare. Jab bhi apke pass time ho aap learn kare. Ye apke sath bilkul nahi hoga ki aap abhi padege to apko achhe se samajh me a jayega or agar aap phir kabhi padege to samajh me nahi ayega. To dosto webdesign koyi hard course nahi hai agar ham ek ek baat ko samjhe ge to  sab kuchh achhe se samajh me jayega. Isliye don't waste Your time. Ham yaha bahut saree Coding(programing) language seekhege.Jo ham programing seekhege agar bo ham achhe se learn kar lete hai to ham android mobile app, iphone apps, windows apps, Cutome software, Full website cretion(creating), Aram se kar sakto ho or bana sakte ho.
Agar aap blogger hai. Apki blog hai to apko webdesigning ka course jaroor karna chahiye. Jisse aap apni blog ko design kar sake. Or usme kuchh alag alag look creat kar sake. Blogging agar achhi chalti hai to bo hai design se agar apki blog design theek nahi hai to aap ki blog par useful content hone ke baad bhi achha trefic nahi milega. Kyoki google and yahoo ke anusar Jayada achhi design ko visiter bahut passand karte hai. Or adhe adhure design ko visiter passand nahi karte hai. Ye seo ke loiye bhi bahut achha hai ap coding help se seo ko bhi imrove kar sakte hai. Aap coding ki help se blog, website ki speed bhi imrove kar sakte hai. Agar aap busines ke liye course kare to ye bahut hi badiya soch hai. designing ka course ek profetional course hai. Ise aap learn karke copany join kar sakte hai. Aap designing ko learn karke develoment ka bhi kaam kar sakte hai.

Web Design Kya hai ? 

Web design ek professional Work hai. Kayi log isse achha khasa paisa kama rahe hai. Isse aap  kayi tarah se paise kama sakte hai. Aap company join kar sakte hai. Collage join kar sakte hai, Apni teching ke liye coching open kar sakte hai. Youtube channel banaker video upload karke online courses kara kar paise kama sakte hai. Agar logo ki website design karke paise kamana chahe to aap usse se bhi paise kama sakte hai. Aap apni khud ki website create kar sakte hai.
Aapne basic coding seekh kar aap software coding learn karke software develope kar sakte hai. Aap ke pass blog hai to aap apne hisab se design kar sakte hai.

Web Design (Web Developer) banne/Seekhne Ke Liye Kon Si Coding Learn Karni Padegi.

Learn Karne ke liye bahut saree coding hame learn karni padegi. Bahut saree Programing language hai jinhe hame learn karni badegi. Learn karne ke liye bahut saare lable hota hai or unhi lable ke sath sath programing language badti jati hai. Ham jitne lable par pahuchte jayege usi tarah languages badti jayegi. Me kuchh apko 3 lable ke baare me bata raha hu. Jinko hame paar karna hai. Jinko ko ham seekh ke professional web designer ban sakte hai.

1. Basic Lable : 

Ye label ek basic lable hai. jiko ham kahe cutom yani normal label ya tak apko koyi problem nahi ayegi web design seekhne me. Yaha tak apko jayada kuchh nahi karna hai. Bas apko 2 coding language seekhni hai.

• Html.
• css

Ye do coding hai jinko ham learn karke basic designer ban sakte hai. Ye coding bahut importent hai. Isko hame pahle seekhna padta hai. Agar aap pprofessional web designer banna chahte hai to apko pahle is labele ko Learn karna padega. Aagr aap soch rahe hai ki me to seedha 3 lable hi karoonga professional banne ke liye. to dosto apko agar 3rd lable tak jana hai to apko 1 lable or 2nd label ko learn karna padega.

2. Medium Lable : 

Yis label ko learn karne ke liye apke pass 2 coding language or baad jati hai. Is label me apko bahut saare mahnat karni padegi or isko seekhane ke liye mujhe post or videos dono use karne padege. Kyoki ye bahut hard work hai. Lekin ye itna hard nahi hai jitna 3rd lable hai. Apko bahut mahnat karni padegi.

• Html
• Css
• Java Script
• jquery

Hame agar medium typ ka designer banna hai to to hame ye uper ki 4 language ko learn karna padega. Isse aap apni cutom style ki website bana sakte hai.

3. 3rd Lable Professional Lable :

Dosto yahi most lable hai jaha se hamare liye saare darbaje(door) Open ho jate hai. Aap is lable ko complete karke professional web designer ban jayege. isme or bahut saree language Bad jati hai. Jisme apko  bahut saree language learn karne ko milegi. Isko seekhne ke liye apko kafi time lagega kyoki ye jitne badi language hai utni hi hard hai. Isme bahut saaree language hai jisse aap apni full website create kar sakoge. 

• Html
• Css
• Java Script
• Jquery
• Photo Shop
• BootsTrap

Website design karne ke liye apko bahut saaree language ki jaroorat padegi. Lekin ye 6 language most hai or apko har tarah ki design me kaam ayegi. Chahe aap professional site banaye ya store banaye kuchh bhi banaye. Apko yin language ki jaroorat to padegi hi. ye language main hai. Ham inhi language se full website banana seekhege.

Conclusion :

Web Design Kaise Seekhe( Web Developer Kaise Bane ? ) - online Courses for Web designing In Hindi.

To dosto Ab ham age full webdesign ka course karege. Ham isme yesi yesi languge ke baare me padege jo hamare liye abhi or age bhi use full ho. Ham apko web design seekhane ke liye post or videos dono uplabdh karaye ge. or apki poori help ki jayegi. Apko web webdesign learn karane ke liye apko saaree service dege. jisme apke sawal aap hamare whatsapp group me poochh sakege. Agar aap chahte hai aap whatsapp se contect kare to aap Neeche comment box me comment kare. Apko bahut saaree bate apko ham whatsapp ke jariye batayege. Or post videos ke jariye bhi. Agar aap chahte hai ki aap hamare poore post apne email par paye to aap hamare neeche subscribe botton se subscribe karle.