5 WordPress Security Plugins

<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #222222; display: inline !important; float: none; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">WordPress security plugins. Here’s a list of the ones I am using at the moment, or have used, and some of their alternatives.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #222222; display: inline !important; float: none; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">Even though I was already aware of the fact that mane self-hosted WordPress blogs are hacked daily, but after getting so many warnings from the experienced users, I had to mad sure that I would be prepared for any such bad thing.</span><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQGSLmQvl2CBDAPNkS6cZT70UN80RuRIEAuvwl2rnjeDbv4b_1Il3FeyLSbf3NW_1uLwTkggLeCVjnGxx8dGR266ewCIX-OeolHNCaD1J9111-l9LBb6OZb6Wt3bGLugnISNwF5JyebTL/s1600/wordfence-wordpress.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="5 WordPress Security Plugins" border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQGSLmQvl2CBDAPNkS6cZT70UN80RuRIEAuvwl2rnjeDbv4b_1Il3FeyLSbf3NW_1uLwTkggLeCVjnGxx8dGR266ewCIX-OeolHNCaD1J9111-l9LBb6OZb6Wt3bGLugnISNwF5JyebTL/s1600/wordfence-wordpress.png" title="5 WordPress Security Plugins" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">5 WordPress Security Plugins</td></tr> </tbody></table> <span style="-webkit-text-stroke-width: 0px; background-color: white; color: #222222; display: inline !important; float: none; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><br /></span> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> Security Plugins</h2> <h3 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> 1) Wordfence Security</h3> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> The Wordfence Security plugin includes an antivirus, a malicious links scanner, a firewall and a live traffic display showing all the hits to your blog’s server (including all the crawlers and bots). The last feature is the only reason I am using this plugin over any other plugin.  And not only that, it can also notify you about any changes to your WordPress files and also about invalid login attempts to your site. Other features include IP blocking, country blocking, Whois lookup. The paid version also has a option to schedule scans.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Link –<span class="Apple-converted-space"> </span><a href="http://wordpress.org/plugins/wordfence/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Wordfence Security</a></div> <h3 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> 2) Secure WordPress</h3> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Secure WordPress does all the basic stuff that you need to be for a wordpress blog, like making your WordPress version invisible, taking away the permission from non-admins to see and update plugins, themes and the core WordPress software. A simple plugin which does the job and can be used with Wordfence</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Link –<span class="Apple-converted-space"> </span><a href="http://wordpress.org/plugins/secure-wordpress/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Secure WordPress</a></div> <h3 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> 3) Better WP Security</h3> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> This can be a very good alternative to both Wordfence and  Secure WordPress. It does all those stuff, plus has got more features like changing your login URL, admin URL etc. It also has a backup and restore function for your database. But doesn’t allow you to backup your database to Dropbox (the feature I am looking for). Nonetheless, it is a complete security plugin. Thanks to Bren (<a href="https://twitter.com/MyGrlyPrts" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">@MyGrlyPrts</a>) for telling me about this plugin.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Link –<span class="Apple-converted-space"> </span><a href="http://wordpress.org/plugins/better-wp-security/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Better WP Security</a></div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Also read :<span class="Apple-converted-space"> </span><a href="http://www.reginaldchan.net/better-wp-security-vs-wordfence-security-the-battle-best-wordpress-security-plugin/" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Better WP Security VS Wordfence</a></div> <h3 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> 4) Stealth Login Page</h3> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> S the name suggests, this plugin hides your login URL. It creates a custom URL for your login.php page. Users trying to access your normal login.php page will be redirected to some other URL specified by you (for example your site’s URL). So only you will know the actual custom login URL and can access the login page.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> (WARNING : Make sure you have noted down your login URL, and you have ticked the “send to Email” option. If you forget the custom URL, you will also be out of your blog)</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Link –<span class="Apple-converted-space"> </span><a href="http://wordpress.org/plugins/stealth-login-page/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Stealth Login Page</a></div> <h3 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #111111; font-family: Arimo, Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2; margin: 10px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> 5) Limit Login Attempts</h3> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Another pretty simple plugin which does the job perfectly. It will restrict an IP address to try to login after a specified amount of failed login attempts. This is a standalone plugin, bu if you are using Wordfence, then you don’t need this one.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> Link –<span class="Apple-converted-space"> </span><a href="http://wordpress.org/plugins/limit-login-attempts/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 166, 2); -webkit-transition: all 0.2s linear; border: 0px; color: #409bd4; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.2s linear; vertical-align: baseline;" target="_blank">Limit Login Attempts</a></div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222222; display: block; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin: 0px 0px 15px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px; word-wrap: break-word;"> <b>Source by</b> : All Stuff Codes.info </div>

5 WordPress Security Plugins

WordPress security plugins. Here’s a list of the ones I am using at the moment, or have used, and some of their alternatives. Even though I ...

Read more »

Best wordpress plugins security for website

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsmcSdlg72OqpuYQX4ya5bgmFzn3s8oiv5WRNuxtgjyvvlMNkFm8aZhhqq0k1uMGfi3KFw9r5ODUsmJIYh4xzO6UpNodjKTtbjdD5gdOplpsV9UPvudSi639sZcUeBQR0sDzfRdhvGkOS/s1600/wordpress-security.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Best wordpress plugins security for website" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsmcSdlg72OqpuYQX4ya5bgmFzn3s8oiv5WRNuxtgjyvvlMNkFm8aZhhqq0k1uMGfi3KFw9r5ODUsmJIYh4xzO6UpNodjKTtbjdD5gdOplpsV9UPvudSi639sZcUeBQR0sDzfRdhvGkOS/s1600/wordpress-security.jpg" title="Best wordpress plugins security for website" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><b>Best wordpress plugins security for website</b></td></tr> </tbody></table> WordPress is now the most popular Blogging Engine, this will not mean an increase attacks, but it will have the highest potential of attacks.<br /> Anyway, here are my <a href="http://webtutorialsforbeginners.blogspot.com/2014/05/best-wordpress-plugins-security-for.html" target="_blank">Top 7 Security Plugins for WordPress</a>.<br /> <h2> <span style="font-size: small;"><b>1. WordPress Database Backup </b></span></h2> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/wp-db-backup2">http://www.ilfilosofo.com/blog/wp-db-backup/</a>.<br /> Description: This plugin does exactly what it says, it backs up your entire WP installation. This has got to be one of the first plugins you install upon first installation. You can back it up to your hard drive, on a server or even to a specified email address. Whether it be a rogue plugin or a hacker (or yourself) that crashes WP, WP Database Backup will reinstate everything as it should be. I like to think of it as my “WP system restore“.<br /> <h2> 2. Semisecure Login </h2> <br /> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/semisecure-login2">http://jamesmallen.net/2007/09/16/semisecure-login/</a>.<br /> Description: Semisecure increases the security of your WP Login, it uses client-side MD5 encryption on the password. JavaScript is required to enable encryption. When JavaScript is not available, the password is transmitted in plaintext (as normal), but authentication still completes in this case.<br /> <h2> 3. AskApache Password Protect </h2> <br /> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/htaccess-password-protect2.html">http://www.askapache.com/wordpress/htaccess-password-protect.html</a>.<br /> Description: This will secure your WP Admin with a very powerful htaccess password protection, preventing all unwanted bots from entering your site.<br /> <h2> 4. Force SSL </h2> <br /> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/force-ssl2">http://almosteffortless.com/wordpress/force-ssl/</a>.<br /> Description: For those will an SSL certificate, the Force SSL plugin for WordPress forces for an HTTPS connection for security purposes. This is useful for those who with to enforce a higher level of security regarding the delivery of WordPress content to the browser.<br /> <h2> 5. WP Security Scan </h2> <br /> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/wp-security-scan2">http://wordpress.org/extend/plugins/wp-security-scan/</a>.<br /> Description: I love this plugin, it scans your site for security issues and checks passwords, file permissions, database security, WP version hiding and WordPress admin protection/security. It also makes me a little paranoid.<br /> <h2> 6. Secure Files </h2> <br /> URL: <a href="http://wordpress.org/extend/plugins/secure-files/#post-271">http://wordpress.org/extend/plugins/secure-files/#post-271</a>.<br /> Description: This plugin allows you to upload and download files from outside of your web document root for security purposes. When used in conjunction with a plugin that requires a user to be logged in to see your site, you can restrict file downloads to users that are logged in.<br /> <h2> 7. WP-SpamFree</h2> <br /> URL: <a href="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2008/04/wp-spamfree2">http://www.hybrid6.com/webgeek/plugins/wp-spamfree</a>.<br /> Description: I had heard a lot about this plugin before I tried it, it said it is better than Akismet. To be honest I never noticed much difference (I get 500+ spam a day at the moment) between the two. User choice I suppose. I wish there was a way to stop the spammers instead.<br /> <b>Source</b> : Internet

Best wordpress plugins security for website

Best wordpress plugins security for website WordPress is now the most popular Blogging Engine, this will not mean an increase attacks, b...

Read more »

Free Responsive WordPress Themes

All are responsive, so they will adapt to various screen sizes straight out-of-the-box. They have all been built with modern design trends in mind, so plenty of flat designs, large typography and parallax scrolling with <a href="http://webtutorialsforbeginners.blogspot.com/2014/05/free-responsive-wordpress-themes.html" target="_blank">wordpress theme responsive</a> for pc, laptop, mobile 3C browser.<br /> DW Timeline (Timeline-style blogging theme)<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWBG1akVymJgZYfBo0L03SC4Zw_4ahcrjBu-3a_M3atDDe6NTC-GQVi9uAkp503lDfGVaeM8QetKj-SoGijYQO1FiGTgOQXZ8I3GYgB4jr3Uv5k1W9k6Q0sfd_SI4TUuDGsvv4l49IOq7C/s1600/new_free_wordpress_theme_01.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free Responsive WordPress Themes" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWBG1akVymJgZYfBo0L03SC4Zw_4ahcrjBu-3a_M3atDDe6NTC-GQVi9uAkp503lDfGVaeM8QetKj-SoGijYQO1FiGTgOQXZ8I3GYgB4jr3Uv5k1W9k6Q0sfd_SI4TUuDGsvv4l49IOq7C/s1600/new_free_wordpress_theme_01.jpg" title="Free Responsive WordPress Themes" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Free Responsive Wordpress Themes</td></tr> </tbody></table> <br /> <a href="http://www.designwall.com/wordpress/themes/dw-timeline/" rel="nofollow" target="_blank">DW Timeline Download Page →</a><br /> Wilson (Blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_49.jpg" /><br /> <br /> <a href="http://www.themeshaker.com/theme/wilson-responsive-theme-for-personal-sites-and-blogs" rel="nofollow" target="_blank">Wilson Download Page →</a><br /> Nova (Tumblog-style theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/02/freebies_for_designers_37.jpg" /><br /> <br /> <a href="http://www.themeinprogress.com/nova/" rel="nofollow" target="_blank">Nova Download Page →</a><br /> Fullby (Grid-based blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/01/freebies_for_designers_january_29.jpg" /><br /> <br /> <a href="http://www.marchettidesign.net/fullby/" rel="nofollow" target="_blank">Fullby Download Page →</a><br /> Split Me (Minimal blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_51.jpg" /><br /> <br /> <a href="https://github.com/Manoz/split-me" rel="nofollow" target="_blank">Split Me Download Page →</a><br /> Asteria Lite (Multi-purpose theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_05.jpg" /><br /> <br /> <a href="http://www.towfiqi.com/category/wordpress-templates/free-wordpress-themes" rel="nofollow" target="_blank">Asteria Lite Download Page →</a><br /> Yoarts Flat Theme (Blogging Bootstrap theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_06.jpg" /><br /> <br /> <a href="http://www.yoarts.com/wordpress/free-flat-design-wordpress-theme.html" rel="nofollow" target="_blank">Yoarts Download Page →</a><br /> Sugar and Spice (Feminine blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_09.jpg" /><br /> <br /> <a href="http://webtuts.pl/themes/sugar-spice/" rel="nofollow" target="_blank">Sugar and Spice Download Page →</a><br /> Euclid (Two-column blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_14.jpg" /><br /> <br /> <a href="http://themesmarts.com/themes/euclid-free-wordpress-theme/" rel="nofollow" target="_blank">Euclid Download Page →</a><br /> Pieces (Grid-based blogging/portfolio theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_16.jpg" /><br /> <br /> <a href="http://csthemes.com/theme/pieces" rel="nofollow" target="_blank">Pieces Download Page →</a><br /> Wallpress (Grid-based magazine theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_18.jpg" /><br /> <br /> <a href="http://www.designwall.com/wordpress/themes/wallpress/" rel="nofollow" target="_blank">Wallpress Download Page →</a><br /> Cubby (Business theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_24.jpg" /><br /> <br /> <a href="http://www.mageewp.com/cubby-theme.html" rel="nofollow" target="_blank">Cubby Download Page →</a><br /> Socialize Lite (Blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_25.jpg" /><br /> <br /> <a href="http://slocumthemes.com/wordpress-themes/socialize-lite/" rel="nofollow" target="_blank">Socialize Lite Download Page </a><br /> Ceramics (Blogging theme)<br /> <br /> <img src="http://speckycdn.sdm.netdna-cdn.com/wp-content/uploads/2014/03/new_free_wordpress_theme_41.jpg" /><br /> <br /> <a href="http://themes.artexor.com/theme/ceramics/" rel="nofollow" target="_blank">Ceramics Download Page →</a>

Free Responsive WordPress Themes

All are responsive, so they will adapt to various screen sizes straight out-of-the-box. They have all been built with modern design trends i...

Read more »

How to enable and config SSL for joomla 3.2

<span class="published"></span> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKufc6-AD42gVAOJNtbsprRHP0JvlF7Hf55TwYS_6_SXhA4yyigKdhP9Qd7cv1yqwhV9jXjcBMRJ7TWG0OBLOekX8UMZPQFRqxgUMwDefaWLDpoetjKf3KdvUzrCn-uNlRO7TTJxW2QgK/s1600/Joomla_3-2_narrow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to enable and config SSL for joomla 3.2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKufc6-AD42gVAOJNtbsprRHP0JvlF7Hf55TwYS_6_SXhA4yyigKdhP9Qd7cv1yqwhV9jXjcBMRJ7TWG0OBLOekX8UMZPQFRqxgUMwDefaWLDpoetjKf3KdvUzrCn-uNlRO7TTJxW2QgK/s1600/Joomla_3-2_narrow.png" title="How to enable and config SSL for joomla 3.2" /></a></div> <span style="font-family: times new roman,times; font-size: 12pt;">In my article , i will help you how to setup SSL for website joomla 3.2x and joomla 2.5x, so easy.</span><br /> <span style="font-family: times new roman,times; font-size: 12pt;">If you’re building a ecommerce website or perhaps Online store, after that it is essential to have SSL in your website to help risk-free this Credit-based card /debit greeting card informations and everything that risk-free facts. All are guarded, in case you have SSL.</span><br /> <span style="font-family: times new roman,times; font-size: 12pt;">You can turn it on for Administrators only, for the whole site, or for individual pages.</span><br /> <span style="font-family: times new roman,times; font-size: 12pt;">Note: In order to use SSL in Joomla, you need a dedicated IP address AND an SSL certificate. Contact your host if you don’t have these items to support it.</span><br /> <h2> <span style="font-family: times new roman,times; font-size: 12pt;">To turn on Joomla SSL for your whole site</span></h2> <ol> <li><span style="font-family: times new roman,times; font-size: 12pt;">From the Joomla admin menu, selectSite > Global Configuration > Server.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">In theForce SSLlist, selectEntire Site.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">ClickApply.</span><br /><span style="font-family: times new roman,times; font-size: 12pt;">This will force SSL for your entire website, Administrator and front end.</span></li> </ol> <h2> <span style="font-family: times new roman,times; font-size: 12pt;">To turn on Joomla SSL for administrator only</span></h2> <ol> <li><span style="font-family: times new roman,times; font-size: 12pt;">From the Joomla admin menu, selectSite > Global Configuration > Server.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">In theForce SSLlist, selectAdministrator Only.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">ClickApply.</span><br /><span style="font-family: times new roman,times; font-size: 12pt;">This will force SSL for your entire website, Administrator and front end.</span></li> </ol> <h2> <span style="font-family: times new roman,times; font-size: 12pt;">To turn on Joomla SSL for individual pages</span></h2> <span style="font-family: times new roman,times; font-size: 12pt;">Note: If you are going to use SSL for individual Joomla pages, it’s a good idea to also turn on SSL for Administrator Only.</span><br /> <ol> <li><span style="font-family: times new roman,times; font-size: 12pt;">From the Joomla admin menu, selectMenus > Main MenuNote: Your site might not use Main Menu. If not, select the menu that contains the link for which you want to turn on SSL. Also, if the link occurs in more than one menu, you need to repeat this procedure for each menu in which the link appears.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">Click the link for which you want to turn on SSL.</span><br /><span style="font-family: times new roman,times; font-size: 12pt;">Joomla displays theMenu Item Editscreen.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">On the right side of the screen, clickParameters (System)and from theSSL Enabledoption, selectOn.</span></li> <li><span style="font-family: times new roman,times; font-size: 12pt;">ClickApplyand then test that link to make sure SSL is on for that link.</span><br /><span style="font-family: times new roman,times; font-size: 12pt;">Note: Once the SSL link is clicked, SSL will stay on until the user leaves the site or closes their browser.</span></li> </ol>

How to enable and config SSL for joomla 3.2

In my article , i will help you how to setup SSL for website joomla 3.2x and joomla 2.5x, so easy. If you’re building ...

Read more »

HTML5 - New Features with browser modern

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdbSvETfivR-JA6M39tN6G1g3nc3rQhYbufAXdNcSZoiw-Y56TUlFTJ-0EPFucH3l4h8KTSKKW7-uShE81Y4Z9Uyx1B3Fp9NE2Q4t_Y2QW9AWBzJOyAY2jpHzKXX3qd_U2PQDwvrRca18/s1600/html5-feature.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML5 - New Features with browser modern" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdbSvETfivR-JA6M39tN6G1g3nc3rQhYbufAXdNcSZoiw-Y56TUlFTJ-0EPFucH3l4h8KTSKKW7-uShE81Y4Z9Uyx1B3Fp9NE2Q4t_Y2QW9AWBzJOyAY2jpHzKXX3qd_U2PQDwvrRca18/s1600/html5-feature.png" title="HTML5 - New Features with browser modern" width="320" /></a></div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> <br /></div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> Some of the most interesting new features in HTML5 are:</div> <ul style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> <li>The <canvas> element for 2D drawing</li> <li>The <video> and <audio> elements for media playback</li> <li>Support for local storage</li> <li>New content-specific elements, like <article>, <footer>, <header>, <nav>, <section></li> <li>New form controls, like calendar, date, time, email, url, search</li> </ul>

HTML5 - New Features with browser modern

Some of the most interesting new features in HTML5 are: The <canvas> element for 2D drawing The <video> and <audio>...

Read more »

What is HTML5 - HTML5 and HTML4.1

<div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKNWx44iiVgy5zRlMDiV_xTcd2oIcWvT5D2jcxfxBw4lShCaYO8STffPmP_PZGWmAIjcprXyK2c0G5stIDvcYGY93_wfBs62eU3iWz5xq5H_BIhCPiCona2RW52RmuljtK2D7hEJD04LP/s1600/html5-css3-rwd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="What is HTML5 - HTML5 and HTML4.1" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKNWx44iiVgy5zRlMDiV_xTcd2oIcWvT5D2jcxfxBw4lShCaYO8STffPmP_PZGWmAIjcprXyK2c0G5stIDvcYGY93_wfBs62eU3iWz5xq5H_BIhCPiCona2RW52RmuljtK2D7hEJD04LP/s1600/html5-css3-rwd.png" title="What is HTML5 - HTML5 and HTML4.1" width="320" /></a></div> <br /> HTML5 is the latest standard for HTML.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> The previous version of HTML, HTML 4.01, came in 1999, and the internet has changed significantly since then.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> It was specially designed to deliver rich content without the need for additional plugins. The current version delivers everything from animation to graphics, music to movies, and can also be used to build complicated web applications.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> HTML5 is also cross-platform. It is designed to work whether you are using a PC, or a Tablet, a Smartphone, or a Smart TV.</div> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: verdana, helvetica, arial, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 10px; margin-top: 10px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> The HTML5 <!DOCTYPE></h2> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> In HTML5 there is only one <!doctype> declaration, and it is very simple:</div> <div class="code notranslate" style="-webkit-text-stroke-width: 0px; background-color: #f6f4f0; border: 1px solid rgb(212, 212, 212); color: #444444; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; padding: 5px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; width: auto; word-spacing: 0px;"> <div style="font-family: 'courier new'; font-size: 14px;"> <!DOCTYPE html></div> </div> <br style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;" /> <hr style="-webkit-text-stroke-width: 0px; background-color: #d4d4d4; border: 0px; clear: both; color: #d4d4d4; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; height: 1px; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;" /> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: verdana, helvetica, arial, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 10px; margin-top: 10px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> A Minimum HTML5 Document</h2> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> Below is a simple HTML5 document, with the minimum of required tags:</div> <div class="code notranslate" style="-webkit-text-stroke-width: 0px; background-color: #f6f4f0; border: 1px solid rgb(212, 212, 212); color: #444444; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; padding: 5px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; width: auto; word-spacing: 0px;"> <div style="font-family: 'courier new'; font-size: 14px;"> <!DOCTYPE html><br /> <html><br /> <head><br /> <meta charset="UTF-8"><br /> <title><i>Title of the document</i></title><br /> </head><br /> <br /> <body><br /> <i>Content of the document......</i><br /> </body><br /> <br /> </html></div> </div> <br class="Apple-interchange-newline" /> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> <br /></div> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: verdana, helvetica, arial, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 10px; margin-top: 10px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> Browser Support for HTML5</h2> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> All major browsers (Chrome, Firefox, Internet Explorer, Safari, Opera) support the new HTML5 elements and APIs, and continue to add new HTML5 features to their latest versions.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 16.899999618530273px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"> The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and hundreds of other vendors.</div>

What is HTML5 - HTML5 and HTML4.1

HTML5 is the latest standard for HTML. The previous version of HTML, HTML 4.01, came in 1999, and the internet has changed significant...

Read more »

Easy creating a simple HTML5 Website Basic

<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; margin: 0px 0px 1.25rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizunfIqW3I1hBD3lZbcTGEULmQ8d2JFhPX4knygCtougK65uWnP9sgLHXgqD7dsPgLEHLrhmPOibx7OBRNebbZF0Yylr6gcFhidToYSjJmSonCN28R7SQ68FHIxNP2_XJR36Kib7gJZ28t/s1600/html5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Easy creating a simple HTML5 Website Basic" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizunfIqW3I1hBD3lZbcTGEULmQ8d2JFhPX4knygCtougK65uWnP9sgLHXgqD7dsPgLEHLrhmPOibx7OBRNebbZF0Yylr6gcFhidToYSjJmSonCN28R7SQ68FHIxNP2_XJR36Kib7gJZ28t/s1600/html5.png" title="Easy creating a simple HTML5 Website Basic" /></a></div> <br /> In this HTML5 tutorial for beginners, we will create a simple, barebones webpage using HTML5.<span id="more-16198" style="border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;"></span></div> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #353535; font-family: proxima_nova_rgregular, Montserrat, sans-serif; font-size: 31.5px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 40px; margin: 10px 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-rendering: optimizelegibility; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> What You’ll Need</h2> <ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; list-style: none; margin: 0px 0px 1.625rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> <li style="border: 0px; box-sizing: border-box; line-height: 1.625; list-style-type: disc; margin: 0px 0px 0px 2.5rem; padding: 0px; vertical-align: baseline;">Some familiarity with basic HTML tags such as<div style="border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: baseline;"> ,, and.</div> </li> <li style="border: 0px; box-sizing: border-box; line-height: 1.625; list-style-type: disc; margin: 0px 0px 0px 2.5rem; padding: 0px; vertical-align: baseline;">A basic knowledge of CSS.</li> <li style="border: 0px; box-sizing: border-box; line-height: 1.625; list-style-type: disc; margin: 0px 0px 0px 2.5rem; padding: 0px; vertical-align: baseline;">A text editor such as Notepad or Notepad++. You can also use a professional web editor like Adobe Dreamweaver.</li> </ul> <h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #353535; font-family: proxima_nova_rgregular, Montserrat, sans-serif; font-size: 31.5px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 40px; margin: 10px 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-rendering: optimizelegibility; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> Creating a Simple HTML5 Website</h2> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; margin: 0px 0px 1.25rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> The best way to learn something is by actually doing it. With that in mind, we’ll jump right into this tutorial and create our very own HTML5 website.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; margin: 0px 0px 1.25rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> First, create a new document in your favorite text editor. We highly recommend Notepad++, a free alternative to Notepad.</div> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; margin: 0px 0px 1.25rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> In the blank document, copy and paste the following code:</div> <pre style="-webkit-text-stroke-width: 0px; background-color: whitesmoke; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); box-sizing: border-box; color: #353535; display: block; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; margin: 0px 0px 10px; orphans: auto; overflow: auto; padding: 9.5px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: pre-wrap; widows: auto; word-break: break-all; word-spacing: 0px; word-wrap: break-word;"><!DOCTYPE html> <html lang=”en”> <head>         <meta charset=”utf-8”>         <title>Awesome HTML5 Webpage</title>         <meta name=”description” content=”An awesome HTML5 page YOU built from scratch!”>         <meta name=”author” content=”Udemy”>         <link rel=”stylesheet” href=”style.css”> </head> <body>         <div id=”wrapper”>                 <header class=”main_headline”>                         <nav>                                 <ul>                                         <li><a href=”#”>About</a></li>                                         <li><a href=”#”>Services</a></li>                                         <li><a href=”#”>Products</a></li>                                         <li><a href=”#”>Contact</a></li>                                 </ul>                         </nav>                         <h1>Super Duper Awesome Headline! </h1>                 </header>                 <div id=”primary_content”>                         <section id=”left_column”>                                 <h3>A Hitchhiker’s Guide!</h3>                                 <p>To the Galaxy!</p>                         </section>                         <section id=”right_column”>                                 <article> <header> <h3>The Answer to Life?</h3> <p>Published: 30 August 2013</p>                                         </header>                                         <p>Douglas Adams, when asked: “What is the answer to life, universe and everything”, replied:</p>                                         <blockquote>”42”</blockquote>                                 </article>                         </section>                 </div>                 <footer>                         <p>The Footer is where all useless info goes!</p>                 </footer> </div> </body> </html></pre> <div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 27.625px; margin: 0px 0px 1.25rem; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; word-spacing: 0px;"> Confused? Don’t worry. We’ll look at every line of code in detail below.</div>

Easy creating a simple HTML5 Website Basic

In this HTML5 tutorial for beginners, we will create a simple, barebones webpage using HTML5. What You’ll Need Some familiarity with...

Read more »