August 2016 ~ Amits IT Blog (Latest Technology News)

5 Recent Post Widget for Blogger

1. Go to Blogger Layout
2. Select Add new Gadget

3. Select HTML/Java
4. Paste any of bellow code set.
5. Enjoy...!!!

Style: 1

CODE:
<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/AVvXsEg6QnF_AidgxsoaYu_agvanDT7yR8jCCLd9_EtTAgAsxGkvkxEiXFjdHYvxSCCo4_uylZoY_oJqSLQzOy7whDRPvv1qYd6E2Ww_yBZ8XEQ1RlXLHqgO1jZMVZ0telVmrKPmt4NaGyjYTHgQ/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>
<a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://itnews-solutions-tips.blogspot.com" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' />
<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

CODE:

</script>

var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>

</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://itnews-solutions-tips.blogspot.com" rel="nofollow">Recent Posts Widget</a>

.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: 3

Code:

</script>

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>

<a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://itnews-solutions-tips.blogspot.com" rel="nofollow">Recent Posts Widget</a>

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

Code:

</script>

var posts_no = 5;

var showpoststhumbs = false;

var readmorelink = true;

var showcommentslink = true;

var posts_date = true;

</script>

<a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://itnews-solutions-tips.blogspot.com">Recent Posts Widget</a>

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>

Style: 5

CODE:

</script>

var posts_no = 5;

var showpoststhumbs = true;

var readmorelink = true;

var showcommentslink = true;

var posts_date = true;

</script>

<a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://itnews-solutions-tips.blogspot.com" rel="nofollow">Recent Posts Widget</a>

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>

NOTE: After Saving the Code Check your Blogger site. Enjoy...!!!

If have any question pls let me know in the comment box.

Have a great day !!!

Top 5 Free Website Hosting Companies

In this article, I will briefly explain the difference between paid and free web hosts and then review five different free web hosts.

♦ Free Web Hosting
If you are just beginning to set-up your web site online you may want to consider a free web hosting solution in order to "test the waters" before eventually expanding into a paid solution. Although most free hosts either have banners or advertisements on them in order to cover their costs, some have plenty of space and bandwidth and offer good customer support.

Unless you own a domain, the name for your website will most likely include the name of the free host (i.e. www.freehost.com/mysite). Some offer the option to allow your domain onto their site, which you will have to own. You can also use a redirection service to make your name shorter and more memorable to users.

♦ X10Hosting
Ideal for personal or business web sites, this free host has received a lot of positive reviews. The disk space they offer varies, it is more if you decide to display adverts into your page. They are free of banners, allow custom adverts, plenty of bandwidth and many features such as CGI, PHP or SSI.

Disk Space – 100 MB - 2500 MB.

Advertisments – No ads (bannerless).

Upload options – FTP, Browser, SiteCopy.

Supported Scripting – CGI, PHP, SSI, FrontPage Extensions, Perl, Python

Other Features – Bandwidth limit 3,000 - 45,000 MB/month. Cpanel, Fantastico

MySQL POP3, SMTP, Forwarding, Web-based Email, PHP mail, Sendmail. Free websites must be English, Spanish, or French site.14-days Inactivity limit

http://www.x10hosting.com/

♦ IsMyWebsite
This host has a very good concept behind the free hosting options. They will give you the opportunity to plan, expand and improve your site as you see fit. You can expand your site up to 12 GB and 125Gb of bandwidth a month. The downside is that it has advertisements on your page, but it might not be a problem for the features it offers.

Disk Space – 100 MB - 12500 MB

Advertisments – Buttons (client-placed iframe code).

Upload options – FTP, Browser.

Supported Scripting – CGI, PHP, SSI, FrontPage Extensions, Perl, Ruby.

Other Features – Bandwidth limit 1,000 - 125,000 MB/month.cPanel, Fantastico. MySQL, PostGresSQL, PhpPgAdmin, PHPMyAdmin. Ruby on Rails. POP3 email. Addon domains.Webalizer, Awstats Statistics. Custom error pages. SendMail, Cron by request.

http://www.ismywebsite.com/

♦ Profuse Host
The company offers various free packages, including a package with no advertisements (less features), one with advertisement (more features) and a post-for-host package. This requires you to make 15 informative posts a month in their forum, which gains you a nice hosting package monthly, with no ads, 2GB disk space and 30GB of data transfer. The admin support on the site is also good.

Disk Space – 200 MB - 2,000 MB

Advertisments – Depends on package.

Upload options – FTP, Browser.

Supported Scripting – CGI, PHP, SSI, FrontPage Extensions, Perl, Python, Ruby.

Other Features – Cpanel control panel. Bandwidth limit 100,000 MB/month. PostgreSQL, MySQL. PhpMyAdmin, phpPgAdmin. Web-based Email. Webalizer, Analog, AWStats statistics. Password-protected files. Ruby on Rails. .htaccess. Addon domains.

http://www.profusehost.net/

♦ 110
A very popular choice and well known amongst free hosting companies. The space and bandwidth they offer are ideal for any personal site or starting business. There is plenty of activity on the forums should you need help and your page will be banner-less. There are some downsides, such as a very low file size limit and having to pay for MySQL use, should you need it.

Disk Space –5,000 MB

Advertisments – No Ads (banner free)

Upload options – FTP, Browser.

Supported Scripting –PHP, SSI only.

Other Features – Bandwidth limit 300,000 MB/month. Instant activation. PHP scripts auto-installer like Fantastico. file size limit 8 MB. Addon domain name. Powered by 110MBPanel (modified LayeredPanel). 150-days Inactivity limit.

http://www.110mb.com/

♦ Free-name
This company allows you to get a domain plus free hosting if you sign up with any of the other offers displayed. The offers are paid ones, but it seems that they are cheap, which will guarantee you lifetime free hosting and a domain name.

Disk Space –5,000 MB

Adverts – No Ads (banner free)

Upload options – FTP, Browser.

Supported Scripting – CGI, PHP, FrontPage Extensions, Perl

Other Features – Bandwidth limit 250,000 MB/month. cPanelX, Fantastico. MySQL databases. Webmail, email forwarding. Modify MX entry. Free domain name. Addon domains. .htaccess. Custom error pages. Analog, AWStats statistics. Cronjobs.

http://free-name.org/

Amits IT Blog (Latest Technology News)

Sample Text

Add Me on Social Media Today

Facebook => Amit Biswas (Registered Pharmacist, Researcher and IT Professional)

Twitter => Amit Biswas (Registered Pharmacist, Researcher and IT Professional)

Google+ => Amit Biswas (Registered Pharmacist, Researcher and IT Professional)

Instagram => @amitlight

Pinterest => Amit Biswas

YouTube => Amit Biswas

'No video with supported format and MIME type found' issue [SOLVED]

Acrobat Reader (PDF) Page View Style

5 Recent Post Widget for Blogger

Top 5 Free Website Hosting Companies

Facebook

Featured Post

Amit's Portfolio (Graphics Specialist)

Follow Me on Twiiter

Popular Posts

Recent Posts

Blog Archive

Visitors Live

10,00000+ visitors, Add me Now on Google+

Categories

Disable Click