x

Blogspot Blog Par Recent Post Widget Add Kaise Kare


How to Add Recent Post Widget to Blogger Full Tutorial with Pictures in Hindi : Agar aap apne blog new post ki lists ko show karna chahte hai, to aap apne blogspot blog par recent post add kar sakte hai.

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Is post me ham blogger blog par recent post widget kaise add karte hai uske bare me detail me janenge.



Blogger Blogger Recent Post Widget Kaise Add Karte Hai


Step 1 : Sabse pahle apne web browser me Blogger Dashboard open kare.

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Step 2 : Ab Left Side Menu me Layout par click kare.

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Step 3 : Ab Right Slider me Add Widget par click kare.

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Step 4 : Ab Widget Selection ne HTML/JavaScript par click kare.


how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Step 5 : Ab Content Text box me niche diya gaya HTML Code paste kar de.

<script type="text/javascript">

function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-dev">');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:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/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('<br><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==$&&(_+=" <br> "),"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>

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

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>

<noscript>Your browser does not support JavaScript!</noscript>


<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-dev {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;}

ul.recent-posts-dev li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;}

.recent-posts-dev a { text-decoration:none; }

.recent-posts-dev 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>

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Step 6 : Ab Save button par click kare.

how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi



how to add recent post widget to bloggger, blogspot blog par recent post widget kaise add kare. bloggger tutorial in hindi, blogspot tutorial in hindi


Blogspot Blog Par Recent Post Widget Add Kaise Kare is Blogger Tutorial in Hindi ko pura padhne ke liye aapka dhanyawad. Blogspot, Blogging and SEO se related koi bhi quistion aap niche comment box me puchh sakte hai. Pro Blog Hindi ke sare new updates fast pane ke liye hamare blog ko subscribe kare ya phir hamare social media pages ko follow kare.

Subscribe Now

Blogging और Seo की बेस्ट टिप्स अपने email इनबॉक्स मे पाने के लिए अपना ईमेल Adress करे Verify

About Us

Pro Blog Hindi India Blog - Blogging, Seo And Make Money Online Sikhe Hindi Me. Get Daily New Tech News, Motivation Story, Life Hackes And Best Eduction Stuf From Pro Blog Hindi. Hamare Bare Me Aur Jankari Ke Liye Click Here.

DMCA.com Protection Status

Topics