Blog me stylish recent post widget kaise lagate hain

blogger blog me stylish recent post widget kaise add kare ?

Freinds ager aapka koi blog ya website hain to aap apne website ko or bhi stylish or attractive bana sakte hain. iske liye aap alag alag widget add karte hain aisa hi ek stylish widget hain recent post widget jo aapki website ki khubsurti me char chand laga deta hain or aapki website stylish bana deta hain.

apna blogger blog stylish  banana hain to aap recent blog trick ka use kar sakte hai.  aaj main batane wala hu blog ko stylish banane ke liye aap kaise blogger blog me  recent post widget kaise add karte hain.

Apne blog me recent post widget add karne ke liye aap kuch step ko follow kare or apne blog ya website  me easily recent post widget laga sakte hain.

Blog me recent post widget kaise add kare

 Step 1   sabse pahle aap blogger.com per jaker aapne blogger account ko login kar lena hain.

 Step 2  -  login hone per aapko deshbord per click karke layout per open karna hain

 Step 3  - aapki website ka layout open ho jata hain or aap jaha bhi recent post widget lagana chahte hain waha per add a gadget select karna hain.

 Step 4  - ab  html/javascript  select karke niche diya hua code copy karna hain or html/java script me pest kar dena hain.

          <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><script type="text/javascript">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts"></script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://www.helpwebtech.com/2018/01/recent-post-widget-blog-me-kaise-lagaye.html" rel="dofollow">Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><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> .

 Step 5  code ko past karne ke bad aapko is code ko save kar dena hain

Finally aapke blog me recent post widget add ho chuka hain.

Ager aap is code ko apne hisab se costumise karna cahte hain to is code ko costumise bhi kar sakte hain.