Thursday, June 27, 2013

How to Make Money Online

It's been almost two years since I've started trying to make money online. The road has been tough and I have learned a lot.

Wednesday, November 14, 2012

What is Link Building?



Link building basically means “making incoming links to a website”. This can be achieved in many different ways.

Website Redesign With Responsive Layout

Photo courtesy of Antoine Lefeuvre

Responsive Web Design (RWD) is a concept explained by Ethan Marcotte in his article in A List Apart website.

Friday, August 31, 2012

How to Add a Contact Form to Blogger Using Google Forms

.
Most Blogger users don't have a proper contact form, the likes of which we see on Wordpress or Tumblr platforms.

However, there is a way to add this functionality using Google Docs.

Step 1. Log into Google Docs and Create the Form


Log into Google Docs, Click "Create". A drop down menu will appear.


Select Form, and a new window will open.

Step 2. Fill out the Form, Delete Question 2


Fill out the form as shown in the picture below.


You don't need another question, so just hit the delete icon, as shown in the next picture.


Hit the save button, and you've saved your form.


Step 3. View Your Finished Form


Now go back to your docs interface.

Click on your form (as shown in the next pic).



A new window will open. On the navigation bar (just under the "Contact Us" text), click "Form", and then click "Go to Live Form".



A new window opens, showing your finished form.

Step 4. The tricky bit - Copying the Form Code


Now view the source of your finished form page, hit CTRL F (the find function of your browser), and type in "form action". The browser's find function locates this bit of text and hightlights it.



The line on which this text is located, is the first line that you need to copy. Don't do it just yet, though. Just make sure you remember where this line is.

Now find the line that says - this is the last line that you need to copy.

Now copy the code as described, and save it in a txt file.

Step 5. Pasting the Code in Blogger


Open up your Blogger Dashboard, go to New Post, title it "Contact Us", and label it "Contact". Click "Edit HTML" and paste the code you've just copied.

Save the post.

Step 6. Adjust the Form Appearance



There might be too much blank space on your form page, or the form itself might not fit. It is easy to change the appearance of your form, and solve this issue.

To change the width of the answer box, find the line below:

<textarea name="entry.0.single" rows="8" cols="75" class="ss-q-long" id="entry_0">

Change teh "cols" to a lower value, and it will shrink in width. The lower the value, the smaller the width of the answer box.
Same applies for "rows", only this time, you'll be adjusting the height.

Keep playing with the code of the form to get that perfect look.


Wednesday, August 29, 2012

How to insert a poll to a single post in Blogger?

...
Here's how you add polls inside single posts on Blogger.

Step 1: Logging into Blogger Layout

Log into your blogger account. Go to Dashboard >> Layout (old interface: Design >> Page Elements)

Step 2: Adding the Poll gadget to Sidebar

Select "Add a Gadget" in your Sidebar area, scroll down to "Poll" and click it.


Step 3: Filling out the Poll form

Fill out the form. For Question, I wrote: "Was this information useful?". Fill out the rest of the "Create a poll" form.

Step 4: Viewing the Poll

When you've finished, click save. The newly created poll will show in your layout screen. View your blog in another tab, and your poll should be included in your blog.



But... it's not in the post, it's on the front page of the blog? That's ok. Keep reading to see how we'll deal with this.

Step 5: Locating the Poll code in the Source

Use your browser's menu to select Tools > View Source (in Chrome, at least).


 A large file will appear. Don't be concerned, just hit CTRL F and type the poll Question from Step 3.

Step 6: Copying the iframe code

Select everything from the beginning of the iframe tag to its end. Copy the selected code, and paste it in a .txt file (for example, in Notepad).

Step 7: Adding the iframe code to your blog post

Go to the Blog Post that needs to have the poll in it, and click Edit HTML.


At the bottom of your post, type the desired title of your poll, then in the next row, paste the iframe code from your .txt file. Publish your post.

Step 8: Removing the Poll from your Sidebar

We don't need the Poll in the Sidebar, so go back to layout and remove the poll. This won't delete the poll from your blog post, only from the Sidebar.

Refresh you blog's frontend page, and have a look at your post with a poll in it.

Step 9: Thanks for sharing...

View live example of a poll on this site

Check out another article on tuts4blogs.com, for a working example of a poll.

How to Disable Right-Click in Blogger?


If you are concerned about people copying content from your website, there is really no way to prevent this, but at least you can make it a bit more difficult by preventing the right click on your blog.

How to do this?

Step 1.

Visit the javascript code page, and copy the code.

Step 2.

Sign in to your Blogger Dashboard >> Layout >> Add Gadget >> HTML / Javascript and paste the code in the new HTML / Javascript Gadget. Save it.


Step 3.

View your blog. If your try to right-click, it will give a warning message: "Function disabled". You can change this rather bland notice into something like "Sorry, this content is copywritten". Or you could write "If you would like to copy the content of this page, please contact us and we'll probably let you do it, if you link back to the source article".

Further steps

As there are many content thieves online, some of them won't be ward off by this. So what else can you do? Visit copyscape.com.

This website gives you a list of pages with duplicate content. Once you see the list, you can visit individual websites and contact their webmasters.

If you have ideas on how to improve this article please let us know in the comments below.

Did you like this tip?

Getting Around Blogger's Autocomplete Suggestions

Has this ever happened to you? You had a "really long phrase" as a label in one of your previous posts, but in your new post, you just want to have a label that reads "really". How to do this? Instead of letting you put a comma so you can add the next keyword, blogger autofills your label with "really long phrase". There actually is a simple way around this. No coding necessary, no complications, and it works!

When you finish your newest blog post, type the label only in the last line of it. Then, cut the label with CTRL X and copy it in the labels bar with CTRL V.


Voila, you've done it!