Test Blog

Download the Animated Responsive CSS3 HTML5 Image Slide Up Menu Template for free. Demo Download

The easiest way to submit a sitemap to Google Webmaster Tools     To submit a sitemap to Google Webmaster Tools just follow the steps below: 1.  Sign in to Google Webmaster Tools . 2. Click on the blog for which you want to add the sitemap. 3. Click Crawl. 4. Click the Add/Test Sitemap  Button. 5. Add the following code: atom.xml?redirect=false&start-index=1&max-results=500 6. Click Submit Sitemap  and refresh the page. 7. You will have to add additional sitemaps for every 500 posts, by using the following code: atom.xml?redirect=false&start-index=501&max-results=500

If you are not convinced that writing HTML and CSS code is for you but you still want to design your own website, a website builder might be what you are looking for. These days you have a lot of good choices. You can create your own website from a template or start from scratch and create your own design by dragging a dropping elements in place. I will list the top 10 Website Builders i have reviewed in 2014. 1. Weebly Named one of TIME's 50 Best Websites, Weebly gives everyone a surprisingly easy way to create a unique site. 2. Wix Wix.com is a cloud-based web development platform that allows users to create professional HTML5 websites and mobile sites, through the use of their online drag and drop tools. 3. Webnode You can create and own your website for free for unlimited time. Make a website at Webnode in a matter of minutes! 4. Moonfruit Moonfruit offers a free website and online shop builder that allows you to 'publish once, be everywhere' and have total design c...

So now that you are all setup you can create your first web page. We could first go into the details and learn about each of the HTML tags but that would be less fun. 1. First you will need to open Aptana Studio 3. 2. Go to File --> New From Template --> HTML  --> HTML 5 Template . You now have the code for a functioning web page. 3. Save this file to your Desktop naming it index.html . 4. Go to your Desktop and open the index.html  file by double clicking it. Your default web browser should open and the web page you just created should look something like like this: 5. Let's now change the title of the Title of your Webpage. The title of your webpage is displayed at the top of your browser window. As you can see in the screenshot above The title, right before " - Mozilla Firefox", is " HTML ". We can change the title by editing the code in Aptana Studio 3. Search for this code: <title>HTML</title> Now replace HTML  with your name. Save the ...

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo

If you are determined not to use PHP for creating a contact form you have the option to use Google Drive Forms. You can then use a custom page styling to create your own contact page. For the purposes of this tutorial I will use Twitter Bootstrap 3. Demo Download 1. Open drive.google.com  and create a new form. Add the following fields until you get the result as shown in the screenshot below. You will need a Name , an E-mail , a Subject and a Message field. 2. Select Responses  from the Google Drive menu and click Choose Response Destination . Choose New Spreadsheet  and click Create . 3. You can now view your live form and submit a test answer. The answer should now be submitted to the spreadsheet you have created in Step 2. 4. Now we will enable the functionality of being notified via e-mail when someone submits an answer. Go to Tools  --> Notifications  and select the option to get notified by e-mail whenever changes are made to the form: 5. Now open th...

Build a beautiful, single page Business Card using HTML5 and CSS3 Demo Download 1. First, open your favourite text editor and create a new HTML5 file. I am using Aptana Studio 3 which has the option to create a new file based on a predefined template. If you are using a text editor which does not have this function you can use the code below. You can download exact code I am using at the beginning of this tutorial, here . 2. Find an image you would like to use as a background for your Single Page Business Card. I will use one of the free images from Subtle Patterns : 3. Add the following CSS code before the closing tag of your <header>  tag: body { background:#A6AB95; background-image:url(bg.jpg); background-repeat:repeat; text-align: center; display: block; } 4. Your web-page should now look like this: 5. Add the following CSS code to create the Business Card box: body { background:#A6AB95; background-image:url(bg.jpg); background-repeat:repeat; text-align: center; ...