Stylish Blogger Recent Post Widget For Blog Website
Recent post widget blog ke sabhi widget se kafi important widget hota hai. Reader jab bhi search engine se blog website par visit karte hai. bahut kam user hi Blog website ke home page ko open karte hai.
Agar aapke blog website me recent post widget add hai to by the way agar reader aapke blog website ke recent post ya latest post ko read karna chaye To wo direct recent post widget se post ko read kar skate hai.
🔵 Get site Control ke widget Blog me Kaise add Kare.
Recent Post Widget ka Demo Dekhne ke liye Demo par click karen Aur widget ko dekh len.
Agar aap is recent post widget ko blog me add karna chahte hai. To niche diye gaye step ko follow karen.
How To Add Stylish Email Subscribe Widget On Blog Website:-
Chaliye jante hai. Recent post widget ko blog me kaise add karen.
Step 1:-
1. Sabse pahle Blogger dashboard me layout par click karen.
2. Ab Sidebar me add Gedget par click karen.
Step 2:-
1. Ab New Window me Html/javascript par click karen.
2. Ab Title me Recent Post type karen.
3. Niche wale box me is css code ko paste kar den.
<style scoped=” type=’text/css’>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id=’recent-posts’>
<script type=’text/javaScript’>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info=’yes’;
var rcp_comment=’Comments’;
var rcp_disable=’T?t Nh?n xét’;
function recent_posts(json){var dw=”;a=location.href;y=a.indexOf(‘?m=0′);dw+='<ul>’;for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if(‘content’in entry){var rcp_get_snippet=entry.content.$t}else{if(‘summary’in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet=””;}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,””);if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(” “);rcp_snippet=rcp_get_snippet.substring(0,space)+”Â…”;};for(var j=0;j<entry.link.length;j++){if(‘thr$total’in entry){var rcp_commentsNum=entry.thr$total.$t+’ ‘+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel==’alternate’){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+’?m=0′}var rcp_postdate=entry.published.$t;if(‘media$thumbnail’in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb=”https://lh3.ggpht.com/–Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png“};}};dw+='<li>’;dw+='<img alt=”‘+rcp_posttitle+'” src=”‘+rcp_thumb+'”/>’;dw+='<div><a href=”‘+rcp_posturl+'” rel=”nofollow” title=”‘+rcp_snippet+'”>’+rcp_posttitle+'</a></div>’;if(rcp_info==’yes’){dw+='<span>’+rcp_postdate.substring(8,10)+’/’+rcp_postdate.substring(5,7)+’/’+rcp_postdate.substring(0,4)+’ – ‘+rcp_commentsNum+'</span>’;};dw+='<div style=”clear:both”></div></li>’;};dw+='</ul>’;document.getElementById(‘recent-posts’).innerHTML=dw;};document.write(‘<script type=”text/javascript” src=”/feeds/posts/default?alt=json-in-script&max-results=’+rcp_numposts+’&callback=recent_posts”></script>’);
</script>
</div>
Customization:-
1. Change your Post Number var rcp_numposts=5;
2. Remove avtor on post. https://lh3.ggpht.com/–Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.pngÂ
🔵 Facebook Messenger widget blog me kasie add karen
🔵 Stylish Author box blog post ke niche kaise lagaye
Finally aapke blog website me recent post widget add ho gaya hai. Is trah se aap apne blog website me stylish ya simple recent post widget laga sakte hia. Is recent post widget ko customization karke aap simple bhi bana skate hai. uske liye aap avtor ko remove karen.
Read Most:- Agar aap apne blog website me kisi bhi trah ke widget add karana chahte hai. To hamare All Blogger widget And tools for Blogger, ……Is post ko read karen.
Agar aapko recent post widget post passand aye to post ko social media aur other blogger ke sath jarur share karen.
Aur comment karke Recent Post Widget ke bare me aapna feedback jarur den.
Popular Posts:-
🔵 5 Stylish Blogger Heading Design Blog Ke liye.
🔵 15 Most Useful blogger widget Blog ke liye.
🔵 Slider Demo and Download button Blog ke liye