Learn how to take a .PSD and turn it into a fully functional website using Adobe Photoshop and WebPaper.
In this tutorial I will show you how to add the Google Plus One Button to your website, it’s going to be added to the apps folder very soon, but for now you must do it the manual way.
To get started open up you need to add the meta code to your head tags you can do that by clicking edit on the page you wish to add it to. Once in the editor click on this icon: this is the page properties icon.
Once it pops up, look at the bottom of the pop up where it says: Additional head tags:
and paste this code:
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’); s.parentNode.insertBefore(po, s);
Now what you want to do is add a text box, and replace the “new” text with this:
<g:plusone annotation=”inline” width=”400″></g:plusone>
Now where ever that text box is, is where your Google plus one button will appear.
HINT: I adjust the font size so the text box is rather small, I suggest making the text font 8px.
Your first step is to make sure you have a Gmail account, if so then all you need to do is go to Google.com/analytics . Once you get there just sign up using your existing Google account, look for the admin button on the top right and click it.
And then click on new account to add your first website, it looks like this:
Once you click New Account, you will enter in the information for the website. Such as a Account Title, this can be something like “Your Website” and then it will ask you for the website URL. With a drop down for “http://” or “https://”, if you have SSL you select the “https://” if you do not know what this is then you most likely have “http://”. Next to that you just enter in YourWebsite.com, the www is really not needed and you may see an example below:
Once you are done, you will be provided a tracking code as you see below:
Now do keep in mind this code is to be placed in the head of your website, when using WebPaper you just go to the editor and click the Page Properties icon with the red bar under it as you see below:
And a pop-up will appear, just paste the code you copied from the Analytics page into the bottom box that says Addition head tags:
Once your done hit ok, and then click the floppy disck icon on the top right to save. Or you can hold CTRL and hit S to save as well
Learn how to Password Protect your Web Pages on WebPaper.co.
- Navigation to your “Dashboard” also known as “Page List”.
- Left mouse click “Manage Folders”.
- Click “Add Folder”
- Input the folder name you wish to create.
- Left mouse click “Add Folder”.
- Click the “X” on the top right of the box.
- Left mouse click the new folder’s name.
- Folder Properties will pop up.
- Check box “Password Protect”.
- Input the password, then confirm that password.
- Left mouse click “Save”.
- Drag the pages you wish to be Password Protected into the new folder you created.
We have started a series of tutorials that will walk you through the full steps of building a full scale website. These tutorials might be more useful to some visitors interested in learning just how WebPaper can help them build a full scale website.
More videos will be added very soon, showing more advanced website building tips using WebPaper and the website building tools it offers. If you have any questions or suggestions please feel free to check out our new developer community at http://WebPaper.me.
What is a webpage? A webpage is a single web page which consists of text, image and or videos in which can but doesn’t have to be connected to multiple pages. A connection is made by a link.
Imagine a spider web, your single webpage would be in the middle of the web and the outer web would be the web pages in which were connected to that single page (by links). In a perfect internet the web only consist of inbound links related to that single webpage.
Inbound links are links in which are coming from one location to another.
To understand how the internet works think of how people’s credibility works in real life. A person in real life gives creditably by telling another person how good of a job that person did. The internet works the same way, so if a lot of people recommend you (by linking to you) you will gain search engine credibility in turn gives you higher ranking.
Things to know..
Understand that some websites such as Facebook, Twitter and Myspace have “No Follow” links. This means that Search Engines will not give you credit from this website or any website that has a no follow attribute within their outbound links.
Paying for link credibility may not be the solution your looking for. As search engine algorithms have evolved they have gotten much smarter. This means finding cheaters, malicious results and things of the sort have been more and more of an absolute thing rather then a coin toss. It wouldn’t be in your best interest to put your self in any of those categories especially if your paying for it, right? Right. So do it the time consuming and painful way, the right way.
What is the right way?
The right way is by contacting other webmasters who are in the same field as your website is. For example, if your a hobby shop you should look for Hobby shop review websites or website in which look for new hobbies to get into for fun. Anything related (try not to go to far away from the main idea).
Second would would be to spread the word, use social media networking sites, try and stay in tune with the ones that matter. Currently as I write this (Twitter, Facebook, Youtube, Digg, Instagr.am) are the important ones. New social media sites tend to explode up from the dark abyss overnight; look out for them.
Third but not final method would be to get organic listings, like Social media websites search engines are popping up like pop corn. Writing blogs, making videos and being creative when it comes to getting your name out are the fundamental foundations of successful website, oh and let me also point out consistency. It WILL be slow at first, it may take six months before you start to see a shift in traffic, sales, comments or whatever your looking to get out of exposing your website. Do NOT give up, it is a painful process but surely pays off for those who tough it out and stick to their original plan; to get found.
Here is a step by step process of how to make your website a registration form.
- Navigate to your “Dashboard” area.
- Left mouse click “Manage Folders“. A manage folders properties box will display.
- Left mouse click “Add folder”.
- Input the name you wish to name your folder. (For your eyes only, no one will see this who doesn’t have access to your WebPaper account. The folders are for your organization.) Once finished Left mouse click “Add Folder”.
- Left mouse click the “x” on the top right of the screen to close the box.
- Left mouse click the folders name in which you just created within your “Dashboard”.
- “Folder Properties” will appear. Here you will be able to set up “Paid Access” settings or just Password protect your webpages from the public. (When you are logged in to your WebPaper account you will by pass these logins as you are the owner of the content.)
- Check box “Paid Access”.
- After click “Save”.
- To set up payments fill out the “Paypal Email” field with your email address you have set up with Paypal. If you don’t have one and are not looking to sell membership leave this blank.
- Left mouse click “Add a new plan”
- Fill in “Title” with the title of the package, for example “Free membership”.
- Fill in amount, if you wish for it to be free write nothing in this field.
- Fill in “Valid for days” with the amount of days this package should be for. If it never expires input nothing in this field.
When finished do not forget that all pages you wish to use this registration/login form will need to be within that folder. Just drag and drop the pages you wish into the folder to password protect them.
To copy and paste elements between pages:
To copy and paste elements between pages just simply left mouse click on the element to select it, a red outline will appear around the element to show it is selected. To select multiple elements left mouse click while holding “CTRL” on your keyboard. After you have selected an element(s) press “CTRL+C” to copy. Then you may navigate to another page and press “CTRL+V” to paste.
The element will be placed in the exact position as it was previously. If you paste on the same page there will be a 5 pixel difference to off set full overlapping of the elements.
How to copy multiple elements to another page:
Press “CTRL” while left mouse clicking an element. This will allow you to select multiple elements on your page at one time. Pasting single or multiple elements at once require the same keyboard buttons as each other (CTRL+V) to paste.
Step 1. To create a new page on your website, head to your “Dashboard” area.
There are two ways you can create a new page. One being to duplicate a current page so you will not need to redesign each individual page.
Step 2a. (To duplicate a current design and page you have already made) Left mouse click on the page you wish to duplicate or hover your mouse over the page and left mouse click “Page Options”. You will see a menu in which displays the following options, “Duplicate”, “WebPaper Subdomain”, “Page Statics”, “Assign Your Domain”, “Your Domain – Page Name”. Left mouse click “Duplicate”, this will create a copy of the page you duplicated.
Step 2b. (To create a whole new page, NOT duplicating) Left mouse click on “Add New Page” Add New Page
How does WebPaper handle my incoming emails with a set up Domain? WebPaper takes all incoming mail and forwards it to your main email address on your WebPaper account.
Can I view my emails within WebPaper? Currently WebPaper does not offer any email features at the moment. Like all features we add and support depends on its request rate from users.
What if I have multiple email addresses? We are in the works of adding settings to be able to manage multiple users and email accounts. We do currently support all domain prefixes. For example. Something@domain.com will work, including Somethingone@domain.com without any configuration from your side.
Step 1. Set up your domains Domain Name Servers (DNS) on WebPaper and your registrar.
Step 2. Head to your main email address assoicated with WebPaper (the email address you login with on WebPaper). Recommend Google Mail (FREE), handles multiple accounts to send out mail from.
Step 3. Find “Mail Settings”. In Gmail (Google Mail) left click the gear icon at the top right after being signed in to your account.
Step 4. In Gmail (Google Mail) Left mouse click the tab “Accounts and Import”.
Step 5. Under “Send mail as” left mouse click “Add another email address you own”. Once clicked a pop up box will appear.
Step 6. Fill in the Name and Email Address fields then click Next Step. In Google mail the process should be self explanatory as their system guides you through the rest of the process. Of course if you get stuck contact your friendly WebPaper Support.
For further assistance contact WebPaper Live Support or email us at Support@WebPaper.co