Login
What is SSL Certificates

What is SSL Certificates

An SSL Certificate is a digitally signed certificate that establishes the identity of a website and uses encryption to send data to the website. The certificate is issued by a trusted authority known as a Certificate Authority (CA) and typically contains information like the Owner’s name, Name of issuer,  the certificate holder’s public key and an expiration date.

SSL Certificates are generally used when a website wants to accept sensitive information like passwords, credit card details and other sensitive information.

CHECK: WordPress Guide: How to add/install SSL certificate and HTTPS in wordpress

You can view a website’s SSL Certificate by clicking on the lock icon in the address bar of a browser.

 

Types of SSL Certificates.

Abolly Hosting Inc. offers the following types of certificates:

  • Let Enscript’s(free)
  • Comodo SSL
  • Positive SSL
  • Positive SSL Wildcard
  • EV SSL

Comodo SSL and Positive SSL provide security for one Domain Name and is best suited for small websites and blogs. Positive SSL Wildcard provides security for the primary Domain Name as well as its sub-domains, and is best suited for large e-commerce websites.

 

ALSO READ: WordPress Guide: 5 Best Security Firewall Plugins Compared, Must Use In WordPress

WordPress Guide: How To Move Your Blogs From Blogger To WordPress Without Loosing any contents

WordPress Guide: How To Move Your Blogs From Blogger To WordPress Without Loosing any contents

Moving your blog from Blogger to WordPress

Sometimes is right to move your blog from one platform to another.

You may have outgrown the platform.

You may want to do a change that the platform doesn’t allow you to do, or you may just need a fresh place to work in.

Blogging platforms are flexible and allow the content archives to be exported/imported into other platforms.

Following is the step-by-step guide on how to transfer your Blogger blog to WordPress without losing any of your subscribers, without losing your search engine rankings and without losing your traffic.

Now that you have your WordPress blog ready and installed, it is the time to transfer your Blogger content to it.

It is simple to move your Blogger to WordPress.

The open-source community of WordPress is ready to welcome Blogger users.

A free tool has been developed to import posts, images and comments from a Blogger account into a WordPress blog.

This “Blogger Importer” plugin has been used by more than 500,000 bloggers to transfer their blogs.

In your new WordPress Admin area go to Tools > Import in the left hand sidebar.

Click “Blogger” and on the pop-up window click “Install Now”.

Blogger Importer tool

Then click on “Activate Plugin & Run Importer”.

Now click “Authorise” to tell Blogger to let your new WordPress account access your Blogger account.

Note that if you get an error message about Google no longer supporting OAuth 1.0 use this plugin instead: Blogger Importer Extended.

Import Blogger

This will transfer you to your Google Account. Click “Allow Access”.

Allow access

Next page will show the status of your Blogger posts, comments, images and links.

This is how the screen looks like for the example blog I created for the purpose of this guide.

Click “Import” to start the transfer process to WordPress.

Status over your Blogger account

When the import has concluded the “Import” button will turn into the “Set Authors” button.

Click on the “Set Authors” button.

Set authors

This takes you to the “Author Mapping” page which allows you to assign the imported posts to your author name on your new WordPress blog.

You can also create a new user and come back to this page before assigning the post.

Select the user you’d like to assign the posts to and click “Save Changes”.

Author mapping

Congratulations! The process of importing your Blogger content to your WordPress blog has now been completed.

Congratulations

In Settings > Permalinks in your WordPress admin make sure to select the structure of URL’s that fit the structure you had on Blogger.

Redirecting Blogger visitors to your WordPress blog

READ ALSO: WordPress Guide: What is the meaning of SSL Certificate in wordpress

Now we just need to tell Blogger where your new blog is in order to keep the subscribers, visitors and rankings.

To do this activate “Blogger To WordPress” plugin made by rtCamp in your WordPress admin.

It will help automatically redirect your Blogger visitors to your new WordPress blog. Install and activate this plugin.

Activate Blogger To WordPress

After activating the plugin go into Tools > Blogger To WordPress Redirection in your WordPress admin and click on the “Start Configuration” button.

Start configuration

Now a list of imported Blogger blogs will be shown – there should only be one as you have only imported one blog.

Click on the “Get Code” button next to the correct blog.

Get code

This will generate the code for you. Copy the generated code.

Generated code

In your Blogger Dashboard go to “Template” menu and click “Edit HTML” on the theme you are using.

Template settings Blogger

First, take a backup of the template by copying and pasting the existing code into an empty Notepad document.

This is just in case if something goes wrong you can always paste this code back and fix the error.

Paste the copied code replacing all the existing code in the template and click on “Save Template”.

Save template

This should be it.

To check that everything works try and enter your Blogger blog or one of your old Blogger post URL’s in your browser.

It should automatically redirect you to the front page or to the same post on your new WordPress blog.

Note not to delete your Blogger blog as that blog is still used in order to redirect your visitors.

READ ALSO: 25 Legit Ways to Make Money Online Blogging with WordPress

Redirecting Blogger RSS feed & subscribers to WordPress

The last step is to redirect your RSS feed and subscribers.

In Blogger Dashboard go to Settings > Other.

In “Post Feed Redirect URL” click “Add” to enter your WordPress feed URL – by default the URL is http://yourdomainname.com/feed/. Click “Save Settings”.

Blogger redirect RSS feed

Your Blogger posts and comments are on your new blog now, your search rankings are intact and your visitors and subscribers automatically get redirected to your new blog.

You are ready to start growing your blog now.

The admin dashboard is where all the day-to-day magic happens.

Explore the opportunities and possibilities with your new WordPress blog.

Happy blogging!

CHECK THIS: Most 10 Best (Pay Per Click) PPC Sites Publisher Ad Networks For Bloggers

Blogging Tips: How to Create A Blog with Blogger.Com

Blogging Tips: How to Create A Blog with Blogger.Com

  1. If you don’t have a person gmail account (must not be your education gmail, such as University of Minnesota gmail account), go ahead and create new gmail account now. It’s important that you don’t use your official education account as it doesn’t have all the features that personal gmail accounts do.

    IMPORTANT: When you use your personal gmail account and your personal blog, you should use a different browser than the one that you use for your official education/university gmail, otherwise this causes problems. e.g. I use Firefox for my University of MN gmail, and Chrome for my personal gmail and personal blog.

  2. Once you have created a personal gmail account, link to the Blogger website
  3. Click on the orange arrow that says “create your blog now.”
  4. On the “Create a Google Account” screen enter in the information required, namely:
    1. Enter your personal gmail email address, which should be the one that you want to use to be paired with your blog that you are going to create [must not be your official education one. You’ll have to retype your email address in the second box.

    2. Enter password (it’s a good idea to write this down somewhere safe — or email it to yourself and then save the email so you can refer to it later if you forget it). You have to retype the password in the second box.

    3. Enter a display name

    4. Choose a user name. If you prefer people not to know who you actually are, then choose a fictitious name. e.g. 2tech4me

    5. Accept the terms (it is safe to do and won’t generate junk mail).

    6. Word verification: type the letters that appear as a graphic above the verification box. This is there to ensure that the blog is being created by a person and not automatically being generated by a computer.

    7. Click on the “Continue” arrow

  5. On the “Name your blog” screen:

    1. Enter title: This is the title that will appear at the top of your blog page and will also be the default name that will appear in users’ browsers when they bookmark/add to favorites you blog, so choose something that will give readers a clear idea of what your blog is about

    2. Blog address: pick something that you’ll remember easily and that is easy to type.

    3. Click on the “Continue” arrow

  6. On the “Choose a template” screen:

    1. Scroll through the selections and click on the little radio button next to the name of the template that you choose. e.g. I chose the snapshot template. Note: you can change the template later if you decide you don’t like the one you have selected, so don’t spend too much time at this point worrying what will look best!

    2. Click on the “Continue” arrow

  7. On the “Your blog has just been created!” screen:
    1. Click on the “Start Blogging” arrow

  8. A window will appear that looks much like a word processing window. Start typing, and use the formatting bar at the top to help you format your entry. e.g. You can change font size, type of font, color, justification, create links and so on. Experiment with these to see what they do.

    1. When finished, click on “Publish Post”

  9. Once you have posted an entry, a screen will appear telling you “Your blog post published successfully!”
    1. To see the results, click on the link to “View Blog.”

  10. To get back to your blog so that you can add a new entry or edit the existing blog, click on the little orange “B” next to the search field at the top left of your browser window. If you are already logged in, this will take you to your blog Dashboard. If you aren’t logged in, then you will first need to log in (using the user name and password that you set up when you created your blog — that’s why it’s important to write down what these are when you first create your blog).
  11. From the dashboard you can:
    • create a new post (a new blog entry): click on the “NEW POST” button

    • change your blog settings (don’t worry about this now, but do explore later)

    • edit your existing posts: to do this, click on “Edit Posts” –> this takes you to a screen that gives you the option of creating a new post or editing your entries. To edit entry, click on the “Edit” link next to the entry. This opens the blog in editing mode, and you can go ahead and edit

    • to post blog once you are done editing, click on the orange “Publish Post” button (which takes you to “Your blog post published successfully!” window, and from there, click to “View Blog”).

Posting a photo or other image on your blog

  1. When you are in the compose window to create a blog, you will see a little picture/icon that looks like a mountain on the tool bar (right next to the spell check icon). Click on that
  2. This opens a box that gives you a choice to add an image from your computer or an image from the web. The easiest is from your computer. So click on the button that says “browse.”
  3. Navigate to where you have a picture saved on your computer and select it.
  4. Back in the upload image window, select the layout (if you want the picture to be left, center, or right, or none). I like the option of having the text wrap around the picture as it reduces scrolling — but this is a personal choice — no “right” way!. Also select if you want the image to be small, medium or large. My advice: go small or medium, but avoid large as it makes the blog take too long to load.
  5. Click the “Upload Image” button. It will take a little while for it to load, but that should do it! (you may need to refresh the page for you to see that the image has been uploaded).

CHECK: Most 10 Best (Pay Per Click) PPC Sites Publisher Ad Networks For Bloggers

Signing in once you have your blog set up

When you want to blog again on another day, just go to blogger.com

at the top of the page that opens, you will see “Sign in to use Blogger with your Google Account.”

  • Fill in your username and password (that you created in step 3 above).

  • Click “Sign In”

ALSO READ: WordPress Guide; Dashboard and its uses in WordPress

Posting comments on other people’s blogs

To post a comment on a blog:

  1. Once you are on a person’s blog, click on the “Post a Comment” link that usually appears below their blog entry.
  2. This will open a comment in the box. It’s useful to click on the link next to this that says, “show original post” as it enables you to see what the person wrote in their blog as you are composing your comment on this.
  3. Click in the comment box and type your comments.
  4. Enter your blogger.com user name and password below the comment box, and then click on the blue “login and publish” button (Reason: In order to post a comment on a blogger.com blog, you need to have your own blogger account). If you are already logged in, then all you need to do is click on the “Publish Your Comment” button.

rainbow bar

READ MORE: 25 Legit Ways to Make Money Online Blogging with WordPress

Free Web Hosting Week For All Our New Users

Free Web Hosting Week For All Our New Users

We’re hereby informed you that Abolly Hosting Inc.

Image result for free web hosting

50% OFF FROM (26TH-31TH OCTOBER 2017)

 

It sound cool, what will you do, when you get UNLIMITED PLAN for just “N1500/MONTH”

OR

Our minimum hosting plan for just “N125/MONTH”

 

use “[email protected]” to checkout

 

 

Image result for free web hosting

Is going through a schedule free web hosting week

ALSO READ: WordPress Guide: How to add/install SSL certificate and HTTPS in wordpress

 

100% FREE WEB HOSTING DAY(01/11/2017) 

 

Abolly Hosting Inc. have declared 1st Nov 2017 has a free hosting day, starting from 12:00am TO 12:00pm on 1st Nov 2017.

Image result for free web hosting

All the participates are eligible for one month free hosting package, applicable  to all our Monthly hosting Plans.

use “HOST1004U” to checkout.

 

CLICK HERE TO GET STARTED

Most 10 Best (Pay Per Click) PPC Sites Publisher Ad Networks For Bloggers

Most 10 Best (Pay Per Click) PPC Sites Publisher Ad Networks For Bloggers

Pay Per Click sites are those that present the visitors with a list of Ads, forms, surveys, etc. which when are clicked or further shared by the visitors, they get paid a small amount of money for that. Have a look all these websites in the article.

 

Image result for pay per click ads

 

If you think that you won’t be able to make some good amount of money through these sites, then you are wrong. Just imagine that the time and investment for these sites is not required, but you will only have to survey, visit Ads and link them to your blogs, etc. In your free time, you might be surfing the internet for the much long time, and now you can use that same skill for earning money too through these sites. Check out the top Pay Per Click sites which you can trust and hence make the good amount of money too.

 

Below is the list of all the top sites that are accessible for Pay per click where you will get paid after clicking on ads. So have a look at all these sites below.

 

Image result for pay per click ads

 

 

1.  Bidvertiser

Image result for  Bidvertiser

This one provides up POP up, banner and various other types of advertisement techniques that in turn helps the users to gain more profit with less traffic only. Apart from that it’s approval is also very easy and the CPC rates are also very high compared to all other networks. You get the another advantage of minimum payout, i.e., $10 via the PayPal.

 

 

2.  Propeller Ads

Image result for Propeller Ads

The ads that this site generates are strongly optimized for every individual site and hence it provides significantly stabilized that can help to promote the user click rate. Using this one, you can add One click ads, video ads, etc. on your sites, and also you can gain money from them by CPM, CPA, CPL, CPC. The minimum payout amount for this site is $100 that is quite large, but it can be ignored while the profit gain is also fast and of massive amounts easily.

 

3.  RevenueHits

Image result for RevenueHits

Tag up with the Ads network of this site and then start making up the money easily while using up the Ads on your sites on the CPC basis. You can choose between the Ads, Text Ads, Pop Ups, etc. so as to provide up to the users a great visual experience too but side by side is gaining up more money also.

4.  InfoLinks Ads

Image result for InfoLinks Ads

This is the best in-text link based Ads generating site that you can choose if you are planning to gain up the huge success in the case of earning the significant amount of money from your sites quickly.The minimum payout amount for this PPC site is moderately placed at about $50 and once you reach this point, you can quickly cash out your money.

 

5.  Clicksor Ads

Image result for Clicksor Ads

Use this program to earn money, refer this to make 10% commission rate and many other ways to earn up to the money from this single PPC site. You might not get such kind of program or Ads generator that can give you so many opportunities to monetize and earn up to the potential. Get your cash out as soon as it reaches the $50 point as it is the minimum payout for this site.

 

6.  SuperLinks

You get to place your Ads in various ways so that you can gain the most attention of the users or the traffic on your Ads and force them to click on the Ads. You will be able to win or earn money on the CPC and CPM basis, and you can also get out the money from your account as soon as it reaches the $100 level.

 

7.  Media.net Ads

Image result for Media.net Ads

These provide contextual based Ads and also tops in providing excellent monetization of the websites, you can also call it the best Adsense alternative also. You can earn money through these by CPC, CPM, and CPA Ads hence rate of gain would also be very high. The only thing that you might not like is that you can only get out your earnings if it has reached up to $250 and this could take you to wait for a period.

 

8.  Affinity Ads

You get up some amazing tools to work with your Ads and to earn up to the more revenue from your sites, you can perform many optimizations to the Ads. Affinity provides much better Ads CPC for the Ads and hence the users can expect excellent outputs from their sites. Minimum payout for this one is petite as you can get out your money when it reaches the $50 level and you can also get it out from the PayPal also.

 

9.  Google Adsense

Image result for Google Adsense

This is one of the mostly used Ads sites for the websites that usually the people prefer to use as it is related to the Google and is also popular for its high output rates and the quality earnings. Adsense offers the highest CPM rates that you can want so that you can quickly earn more money from less traffic also. The lowest payout for the Google Adsense is $100, and you can get it transferred quickly through the Western Union, or you can choose to get wired transmission also.

 

10.  AdHitz

This one is the fastly growing advertiser because of the quality Ads that it provides to its users but the main thing that pulls down its value a lot is the low CPC rate that the users get from its Ads. Minimum payout for this one is subtle as you can get out your money when it reaches the $25 level.

 

Check our article on:25 Legit Ways to Make Money Online Blogging with WordPress

HTML TIPS: Everything You Need to Know To Get Started in HTML Basics

The aim is to show you ‘how’ to create your first web page without spending the entire tutorial focusing too much on the ‘why’. By the end of this tutorial, you will have the know-how to create a basic website and we hope that this will inspire you to delve further into the world of HTML using our follow-on guides.

What is HTML?

Ok, so this is the only bit of mandatory theory. In order to begin to write HTML, it helps if you know what you are writing. HTML is the language in which most websites are written. HTML is used to create pages and make them functional. The code used to make them visually appealing is known as CSS and we shall focus on this in a later tutorial. For now, we will focus on teaching you how to build rather than design.

Background Facts

HTML was first created by Tim Berners-Lee in 1990. The latest version is known as HTML 5.

It stands for Hyper Text Markup Language.

Hypertext means that the document contains links that allow the reader to jump to other places in the document or to another document altogether.

Markup Language is a way that computers speak to each other to control how text is processed and presented.  To do this HTML uses two things: tags  and attributes.

What are Tags and Attributes?

Tags:

Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is: <h1>.

Most tags must be opened  <h1>  and closed </h1> in order to function

Attributes

Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside.

An example of an attribute is:

<img src="mydog.gif" alt="A photo of my dog.">.

In this instance, the image source (src) and the alt text  (alt) are attributes of the <img> tag.

Rules You Must Remember Before Starting

  1. The vast majority of tags must be opened <Tag> and closed </Tag> with the element information such as a title or text resting between the tags.
  2. When using multiple tags, the tags must be closed in the order in which they were opened.

Tools of the Trade

Now that we’ve gotten the basic theory out of the way. It’s time to learn how to build our first website.

First off, we must ensure that we have the right tools. Most importantly, we need an HTML editor. There are many choices on the market such as the extremely popular Notepad++.

However, for this tutorial, we will use the Bluefish Editor as it is free and also offers cross platform support for Windows, Mac, and Linux users.

If you don’t want to install any software, but want to preview code instantly — you can use an online HTML editor such as this simple html5 editor.

Do not use Microsoft Word or any other word processor when writing HTML code, only an HTML editor or at the very least, your machine’s built-in notepad, is suitable for the task.

Secondly, ensure that you’ve installed a number of different browsers such as Chrome and Firefox in order to preview your upcoming creation.

Writing your first page with HTML code

First off, you need to open your HTML editor, where you will find a clean white page on which to write your code. From there you need to layout your page with the following tags. These tags should be placed underneath each other at the top of every HTML page that you create.

<!DOCTYPE html>
This tag specifies the language you will write on the page. In this case, the language is HTML 5.

<HTML>
This tag signals that from here on we are going to write in HTML code.

Underneath the HTML we will open two further elements:
<Head>
and
<Body>

The content placed inside the <Head> tag is mostly designed to be read by search engines and other robots and is not for human consumption. This tag identifies your page to other computers and will decide where your content will be ranked in popular search engines including Google.

Inside the <Head> tag we will open two further elements

<Title> This is where we insert the page name as it will appear at the top of the browser window.

Let’s try it out:

Write
<title> My First Webpage </title> on a blank line in your HTML editor.

Next, we will add the metadata, which is the information that search engines read about your site.

This should follow the following format:

<meta charset="UTF-8">

<meta name="description" content="This field contains information about your page. It is usually around two sentences long.">.

We can also create meta name attributes for “keywords”, “author” and other terms that you might want search engine bots to read.

Let’s try it out:
<meta charset="UTF-8">

<meta name="description" content="This is my first website. It includes lots of information about my life.">

Closing tag: </head>

Next, we will make <body> tag.

The HTML<body> is where we add the content which is designed for viewing by human eyes. This includes text, images, tables, forms and everything else that we see on the internet each day.

How to add headings to your page

In HTML, headings are written in the following elements: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

As you might have guessed <h1> and <h2> should be used for the most important while the remaining tags should be used for sub headings and less important text. Search engine bots use this order when deciphering which information is most important on a page.

Let’s try it out: On a new line in the HTML editor, type
<h1>Welcome to My Page</h1> 
and hit save. We will save this file as “index.html” in a new folder called “my webpage”.

The Moment of Truth: Click the newly saved file and your first ever web page should open in your default browser. It may not be pretty it’s yours….all yours evil laugh

Well let’s now get carried away, we’ve still got loads of great features that we can add your page.

How to add text to your web page

Adding text to our HTML page is simple using an element opened with the tag <p> which creates a new paragraph.

We place all of our regular text inside the element <p>.

When we write text in HTML, we also have a number of other elements we can use to control the text or make it appear in a certain way.

They are as follows:
<b> – Bold text
<strong> – Important text
<i> – Italic text
<em> – Emphasized text
<mark> – Marked text
<small> – Small text
<del> – Deleted text
<ins> – Inserted text
<sub> – Subscript text
<sup> – Superscript text

These tags must be opened and closed around the text in question.

For example:

<p> This is where the text goes. Sometimes we mark it in <strong>bold</strong>. </p>

Let’s try it out: On a new line in the HTML editor, type the following HTML code:
<p> Welcome to <em> my </em> brand new website. This site will be my <strong> new <strong> home on the web. </p>

Don’t forget to hit save and then refresh the page in your browser to see the results.

How to add links to your website

As you may have noticed, the internet is made up of lots of links. Almost everything you click on while surfing the web is a link takes you to another page within the website you are visiting or to an external site.

Links are included in an attribute opened by the <a> tag. This element is the first that we’ve met which uses an attribute and so it looks different to previously mentioned tags.

The <a> (or anchor) opening tag is written in the format:

<a href=“http://www.placeholder.com”>Your Link Text Here </a>

The first part of the attribute points to the page that will open once the link is clicked. Meanwhile, the second part of the attribute contains the text which will be displayed to a visitor in order to entice them to click on that link.

If you are building your own website then you will most likely host all of your pages on a server. In this case, internal links on your website will

<a href=“mylinkedpage.html”>Linktitle Here </a>.

Let’s try it out: Make a duplicate of the code from your current index.html page. Copy / paste it into a new window in your HTML editor. Save this new page as “page2.html” and ensure that it is saved in the same folder as your index.html page.

On page2 add the following code:

<a href=“http://www.google.com”>Google</a>

This will create a link to Google on page2.

Hit save and return to your index.html page.

On a new line on index.html add the following code:

<a href=“/page2.html”>Page2</a>

Hit save and preview index.html in your browser.

If everything is correct then you will see a link which will take you to your second page. On the second page, there will be a link that will take you to google.com

How to add images to your site

In today’s modern digital world, images are everything. The <img> tag has everything you need to display images on your site. Much like the <a> anchor element, <img> also contains an attribute. The attribute features information for your computer regarding the source, height, width and alt text of the image.

You can also define borders and other styles around the image using the class attribute. However, we shall cover this in a later tutorial.

The file types generally used for image files online are: .jpg, .png and .gif.

Alt text is important to ensure that your site is ranked correctly on search sites and also for visually impaired visitors to your site.

The <img alt> attribute appears as follows:

<img src=“yourimage.jpg" alt= “Describe the image” height="X" width="X">.

Let’s try it out: Save an image (.jpg, .png, .gif format) of your choice in the same folder where you’ve saved index.html and page2.html. Call this image “testpic.jpg”.

On a new line In your HTML editor enter the following code:

<img src=“testpic.jpg alt= “This is a test image” height="42" width="42">

Hit save and preview the index.html page in your browser.

Making a List

How to add lists to your page

In web design, there are 3 different types of lists which you may wish to add to your site.

The first is <ol>: This is an ordered list of contents. Eg.

  1. An item
  2. Another item
  3. Another goes here

Inside the <ol> tag we list each item on the list inside <li> </li> tags.

For example:

<ol>
<li> An item </li>
<li> Another item </li>
<li>Another goes here </li>
</ol>

The second type of list that you may wish to include is a <ul> unordered list. This is better known as a bullet point list and contains no numbers.

An example of this is:

<ul>
<li> This is </li>
<li> An Unordered </li>
<li> List </li>
</ul>

Finally, you may wish to include a definition list <dl> on your page.

An example of a <dl> list is as follows:

Item

The code used for the above is as follows:

<dl>
<dt>Item</dt>
<dd>The definition goes here</dd>
</dl>

Let’s try it out: Open index.html and on a new line, enter the following HTML:

<p> This website will have the following benefits for my business:</p>
<ul>
<li>Increased traffic </li>
<li> Global Reach</li>
<li> Promotional Opportunities</li>
</ul>

Now hit save and check out the results in your browser. If everything worked out then it will display a bullet pointed table displaying the information above.

Adding a table to your website

Another way to keep your website looking neat and orderly is through the use of a table. This is definitely the most complicated part of this tutorial, however, studying it will certainly pay off in the long-run.

Important: Do not use a table to layout your website. Search engines hate it and it is generally a bad idea. Just…don’t.

With this in mind, tables can still be a useful way to present content on your page.

When drawing a table we must open an element with the <table> opening tag. Inside this tag we structure the table using the table rows, <tr>, and cells, <td>.

An example of a HTML table is as follows:

<table>
<tr>
<td>Row 1 - Column 1</td>
<td> Row 1 - Colunm 2 </td>
<td> Row 1 - Column 3 </td>
</tr>
<tr>
<td>Row 2 - Column 1</td>
<td>Row 2 - Column 2</td>
<td>Row 2 - Column 3</td>
</tr>
</table>

This will produce a 2-row table with 3 cells in each row.

Tables can get quite complicated so it is best to leave this for a later tutorial. However, watch out for these tags so that you can recognize them and use them as your skills develop:

<th> – Table header
<colgroup> – Column Group
<thead> – Table head
<tbody> – Table body
<tfoot> – Table foot

Tables, borders, spacing are usually styled using CSS but we will cover this in a later tutorial.

Let’s try it out: Go to a new line on the index.html page within your text editor. Enter the following HTML code:

<table>
<tr>
<td>Row 1 - Column 1</td>
<td> Row 1 - Column 2 </td>
</tr>
<tr>
<td>Row 2 - Column 1</td>
<td>Row 2 - Column 2</td>
</tr>
</table>

Hit save and preview it in your browser.

Congratulations: You did it!

You’ve reached the end of the HTML TUTORIAL BASIC: A Plain and Simple Guide to HTML tutorial.

The final step we need to complete is to close the <body> and <html> tags at the end of each page using the following HTML code:

</body>
</html>

In this guide, you’ve learned how to create basic HTML web pages. You’ve also learned to add headings, text, images, links, lists and basic tables to these pages.

You can now use this knowledge to create your own web pages containing these features and link them together. We suggest that you further enhance your skills by experimenting with the code you’ve learned using different variables. You may also wish to learn about intermediate HTML elements or how to make your pages beautiful using CSS.

The power to create your own website is now in your hands.

Troubleshooting

:In case things didn’t work out as intended, simply check your HTML code against the examples below:

Index.html troubleshooting code
<!DOCTYPE html>
<html>
<head>
<title> My First Webpage </title>
<meta charset="UTF-8">
<meta name="description" content="This is my first website. It includes lots of information about my life.">
</head>
<body>
<h1> Welcome to my webpage </h1>
<p> Welcome to <em> my </em> brand new website. </p>
<p>This site will be my <strong> new <strong> home on the web.</p>
<a href=“/page2.html”>Page2</a>
<img src=“testpic.jpg alt= “This is a test image” height="42" width="42">
<p> This website will have the following benefits for my business:</p>
<ul>
<li>Increased traffic </li>
<li> Global Reach</li>
<li> Promotional Opportunities</li>
</ul>
<table>
<tr>
<td>Row 1 - Column 1</td>
<td> Row 1 - Column 2 </td>
</tr>
<tr>
<td>Row 2 - Column 1</td>
<td>Row 2 - Column 2</td>
</tr>
</table>
</body>
</html>

page2.html troubleshooting code
<!DOCTYPE html>
<html>
<head>
<title> My First Webpage </title>
<meta charset="UTF-8">
<meta name="description" content="This is my first website. It includes lots of information about my life.">
</head>
<body>
<h1> Welcome to my webpage </h1>
<p> Welcome to <em> my </em> brand new website. </p>
<p>This site will be my <strong> new <strong> home on the web.</p>
<a href=“http://www.google.com”>Google</a>
</body></html>

Where to go next?

Thanks for working through this simple crash course to HTML.  Keep learning!

WATCH OUT FOR BASIC II

WordPress Guide: How to add/install SSL certificate and HTTPS in wordpress

WordPress Guide: How to add/install SSL certificate and HTTPS in wordpress

Are you looking to move from HTTP to HTTPS and install a SSL certificate on your WordPress site? In this article, we will show you how to add SSL and HTTPS in WordPress.

Don’t worry, if you have no idea what SSL or HTTPS is. We’re going to explain that as well.

What is HTTPS and SSL?

WordPress Security

Every day we share our personal information with different websites whether it’s making a purchase or simply logging in.

In order to protect the data transfer, a secure connection needs to be created.

That’s when SSL and HTTPS come in.

HTTPS or Secure HTTP is an encryption method that secures the connection between users’ browser and your server. This makes it harder for hackers to eavesdrop on the connection.

Each site is issued a unique SSL certificate for identification purposes. If a server is pretending to be on HTTPS, and it’s certificate doesn’t match, then most modern browsers will warn the user from connecting to the site.

Google Chrome showing warning about an unsecure connection

Now you are probably wondering, why would you ever need to move from HTTP to HTTPS and install a SSL certificate?

Why do you need HTTPS and SSL?

If you are running an eCommerce website, then you absolutely need a SSL certificate specially if you are collecting payment information.

Most payment providers like Stripe, PayPal Pro, Authorize.net, etc will require you to have a secure connection using SSL.

Recently, Google also announced that they will be using HTTPS and SSL as a ranking signal in their search results. This means that using HTTPS and SSL will help improve your site’s SEO.

We already use SSL for our eCommerce sites like OptinMonster, Soliloquy, and Envira Gallery. We will also switch all content sites to SSL as well.

A site secured by HTTPs and SSL in WordPress

We’re often asked wouldn’t SSL and HTTPS slow down my WordPress website? In reality, the difference in speed is negligible, so you should not worry about that.

Requirements for using HTTPS/SSL on a WordPress Site

The requirements for using SSL in WordPress is not very high. All you need to do is purchase a SSL certificate.

Some WordPress hosting providers offer free SSL with their plans. Abolly Hosting Inc., one of our favorite providers, offer a one year free SSL certificate for all their plans).

If your hosting provider does not offer a free SSL certificate, then you can ask them if they sell third party SSL Certificates. Most hosting providers like Abolly Hosting Inc. sell them around $50-$100.

Once you have purchased a SSL Certificate, you would need to ask your web hosting provider to install it on your server.

This is a fairly straight forward process.

How to Setup WordPress to Use SSL and HTTPS

If you are starting a new site and/or want to use HTTPS everywhere on your site, then you need to update your site URL.

You can do this by going to Settings » General and updating your WordPress and site URL address fields.

updating-urls

Now if you’re adding SSL to your existing site, then you need to setup WordPress SSL redirect from HTTP to HTTPS.

You can do this by adding the following code in your .htaccess file:

1
2
3
4
5
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.yoursite.com/$1 [R,L]
</IfModule>

Don’t forget to replace yoursite.com with your site URL.

If you are on nginx servers (most users are not), you would add the following to redirect from HTTP to HTTPS:

1
2
3
4
5
server {
listen 80;
server_name yoursite.com www.yoursite.com;
return 301 https://yoursite.com$request_uri;
}

By following these steps, you will avoid the WordPress HTTPS not working error because all your site URL and content will be on SSL.

If you want to add SSL and HTTPS on your WordPress multi-site admin area or login pages, then you need to configure SSL in wp-config.php file.

Simply add the following code above the “That’s all, stop editing!” line in your wp-config.php file:

1
define('FORCE_SSL_ADMIN', true);

This wp-config.php SSL trick works for single sites as well as multi-sites.

Setup SSL and WordPress HTTPS on Exclusive Pages

Now if for some reason, you only want to add HTTPS and SSL on specific pages of your site, then you would need the plugin called WordPress HTTPS (SSL).

First thing you need to do is install and activate the WordPress HTTPS (SSL) plugin.

Please note that this plugin hasn’t been updated for a while, but it works fine and is safe to use.

Upon activation the plugin will add a new menu item labeled HTTPS in your WordPress admin. You can click it to visit the plugin’s settings page.

WordPress HTTPs SSL settings

The first option of the settings page asks you to enter your SSL host. Mostly it is your domain name. However, if you are configuring the site on a subdomain and the SSL certificate you got is for your main domain name, then you will enter the root domain. If your using a shared SSL certificate provided by your web host, then you will need to enter the host information they provided instead of your domain name.

In some cases if you are using a non-traditional SSL host and need to use a different port, then you can add it in the port field.

Force SSL Administration setting forces WordPress to use HTTPs on all admin area pages. You need to check this box to make sure that all traffic to your WordPress admin area is secure.

The next option is to use Force SSL Exclusively. Checking this box will only use SSL on pages where you have checked the Force SSL option. All other traffic will go to the normal HTTP url.

This works if you only want to use SSL on specific pages like shopping cart, checkout, user account pages, etc.

Click on the save changes button to store your plugin settings.

If you want to use HTTPS just for specific pages, then you need to edit those pages and check the Force SSL checkbox.

Forcing HTTPs on specific pages and posts

Once done, visit your page to ensure that you have all green light in Chrome and other browsers.

Chrome WordPress HTTPS error

 

Note: If you’re using our Hosting Package, all our plans come with SSL certificate which you can install by Login into your CPANEL account

Locate Lets Encrypt SSL, under SECURITY MENU

Issue a new certificate for your domain name

and install it.

 

That’s all, we hope this article helped you add HTTPS and SSL in WordPress.

 

WordPress Guide: What is the meaning of SSL Certificate in wordpress

WordPress Guide: What is the meaning of SSL Certificate in wordpress

What IS SSL CERTIFICATE?

SSL is an abbreviation used for Secure Sockets Layers, which are encryption protocols used on the internet to secure information exchange and provide certificate information.

These certificates provide an assurance to the user about the identity of the website they are communicating with. SSL may also be called TLS or Transport Layer Security protocol.

In most modern web browsers users can click on the SSL icon displayed in the address bar to view certification, identification and other information about a website.

SSL Certificate Information Displayed in Firefox Web Browser

SSL and TLS protocols are not just limited to websites. They are also used in email, SFTP, and various other internet technologies.

WordPress sites can also benefit from SSL by adding an SSL certificate to their web hosting plan. There are also WordPress plugins available which allow users to setup their SSL certificate information through out their WordPress sites.

Most websites use SSL on their payment gateways and eCommerce sites.

As a user, it is always important that you never enter your payment / credit card information on pages that are not secure.

Modern browsers like Firefox and Chrome will show errors and sometimes block rendering of improperly secured pages on a site.

WordPress Guide: Why Building Your Email List is so Important in WordPress

WordPress Guide: Why Building Your Email List is so Important in WordPress

In this article, we will show you the top reasons why building your email list is important (with real case studies). We will also show you how to start building your email list – step by step.

By the end of this article, you will have answers to all your questions about building an email list.

Why Build Email List

What is an Email List and Why is it so Important?

An email list is a list of names and email addresses of people who gave you permission to send them updates and promotions from your business via email.

Why is this so important?

Because these subscribers joined your email list from your website and verified their identity by clicking on a link (double-optin). They are extremely interested in what you have to offer.

According to Direct Marketing Association, email marketing on average sees a 4300 percent return on investment (ROI) for businesses in USA.

In our business, email lists get 10 times higher conversions than social media campaigns. This makes sense if you think about these five advantages of email as a communication channel:

Email is Personal – Email allows you to land into a user’s inbox. There is no ranking system limiting your reach. It is very direct, personal, and casual.

Email is Purposeful – To get your email a user needs to signup for your email list and confirm their email address. Someone doing this much work is obviously interested in hearing from you, and they are much more receptive to your message.

Email is Targeted – As we mentioned earlier the user has already shown interest in your products / content. Since you already know what they like, you can deliver them highly relevant content and offers to get better results. This is called segmentation, and we will cover that later in the article.

You Own Your Email List – You do not own Facebook, Twitter, or Google. Your social media campaigns and SEO efforts can go to waste when these platform change their policies. On the other hand, you own your email list, and it is not influenced by decisions of other businesses.

Email is One-on-One – People read email in the privacy of their inbox. The message is not on a public timeline or newsfeed. They can ask you questions directly in private with confidence. This helps build trust and connection.

This is precisely why every smart business in the world has an email list.

Big name brands learned this lesson a long time ago, and that’s why they spend thousands of dollars on social media campaigns to get people to sign up for their email lists.

They understand that email marketing is the best long term investment with a much higher return. Because people will continue to get their message at a very low cost for a longer period of time.

Social Media vs Email Marketing

Social Media vs Email Marketing

Now you’re probably thinking, wait a minute. What about social media?

A lot of social media experts and consultants, in an attempt to sell their services, downplay the importance of an email list.

In fact, we have even been asked isn’t email marketing kind of dead with social media taking over everything?

The best way to answer this question is to look at the information Twitter and Facebook ask you before you create an account:

Twitter and Facebook Signup Forms

Yup, it’s an email address. Because these companies know that emails are the most direct and reliable way of getting in touch.

All social media platforms are building an email list because they are smart business owners. This helps their valuation when selling their business.

While social media is a great way to reach your audience, it’s important to keep in perspective the timely nature of social media platforms.

They come and go.

Not too long ago we had MySpace, FriendFeed, Google Buzz, Plurk and countless others. Most of them are either dead now or irrelevant.

Today we have Facebook and Twitter, but not everyone is as hooked up on these sites. Some prefer other places like Instagram, Pinterest, Vine, Snapchat, etc.

But studies show that at least 91% of consumers check their email on a daily basis.

We are not saying that social media is not important. It is, and you should explore every opportunity to reach out to your audiences.

However you should spend more time and effort into something that guarantees much higher results.

What You Need to Start Building an Email List?

Hopefully by now, you should know why building an email list is so important, and why ignoring it would be a HUGE mistake.

So let’s take a look at what you need to start building your email list.

3 Things You Need to Build an Email List:

  1. A website or blog.
  2. An email marketing service.
  3. High-converting opt-in forms

All three of these are fairly easy to setup, and none of them require you to know how to code.

For the sake of this article, we will only be focusing on the last two items in the list.

Choosing the Best Email Marketing Service

Best email marketing services

There are tons of email marketing services online. Often beginners use the free options to save cost, which is understandable. However, some of those free platforms are not the best option. Why?

Services like FeedBurner or Jetpack Subscriptions offer blog subscription via email. This allows your users to receive an email update every time you publish a new blog post.

The downside to a blog notification service like this are:

  • You will have to create a blog post to send an email. This means that information you want to share will have to be publicly available first. You can’t send out private email newsletters.
  • You can’t personalize the email message. It will be delivered in the same format often with no branding or personalization.
  • You can’t categorize subscribers by interests, demographics, or content type.
  • There is no reporting. You don’t know how many people got email, what percentage of users opened it, and how many of them clicked on links.
  • If you later tried to move to a paid service, your users will have to re-confirm their subscription. Many of them will not do it, and you will end up losing subscribers.

This is why we ALWAYS recommend using a professional email marketing service. Yes, they cost a little bit of money, but they are an investment in your business which pays huge returns.

The benefit of professional email marketing services are:

  • You can send private mass emails to your subscribers.
  • You can see subscriber activity and group your subscribers based on actions they take.
  • You can run A/B split tests to see which email subject line, content, and offers work best with your subscribers.
  • With reporting tools, you can see which country you have the most subscribers from. You can adjust your timezone preferences, and send emails at the right time.
  • Last, but definitely the most important, you can see the email addresses of all your subscribers.

There are hundreds of professional email marketing services available, but we have compiled a list of the best email marketing services.

For small businesses, we recommend using Constant Contact because they are one of the largest and fastest growing email marketing services in the world.

They offer a 60 day free trial. This gives you plenty of time to setup and start seeing the results. At the end of 60 days, your email list would likely be paying for itself (cost $20 / month). Start your free trial.

Constant Contact

Because we know people often like to see options before they make a decision, we also recommend AWeber. They are another popular email marketing service provider, and they offer our users a 30-day free trial.

Once you have signed up with an email marketing service, the next step is to add opt-in forms to your website to allow your users to subscribe.

Growing Your Email List and Getting More Subscribers

While choosing the right email marketing service is important, getting more subscribers is even more important because this is how you make money.

The biggest mistake beginners make is not strategically placing high-converting opt-in forms.

While some WordPress themes come with built-in sidebar widgets, they don’t convert as well. Your email marketing service may also provide you with codes to embed in your theme, but that requires you to know how to code.

This is why we recommend our users to use OptinMonster. It is the most powerful conversion optimization software that helps you convert abandoning website visitors into subscribers and customers.

You can easily create high-converting optin forms such as lightbox popups, floating header and footer bars, slide-in scroll boxes, fullscreen welcome mat, after post and inline forms, and more.

Add beautiful signup forms

But what makes OptinMonster really powerful is the behavior automation and personalization features. OptinMonster allows you to automatically show different opt-in forms based on where the user is coming from, which page they are visiting, and what they are doing on your website.

For example, the Exit-Intent® feature track your users mouse behavior and show them a targeted opt-in form at the precise moment they are about to leave. This helps you convert abandoning visitors into subscribers.

This is important because over 70% of people leaving your website will never return.

That’s why influencers like Michael Hyatt, Neil Patel, and Social Media Examiner use exit-intent on their websites. It helped Social Media Examiner add over 95,000 new subscribers in 7 months.

But for smaller businesses, this is even more crucial. Nicolas Gagne, a small business owner, combined Constant Contact with a single exit-intent optin to grow his email list by 500%. This helped him triple his revenue from his online store (see the full case study).

There are tons more case studies and OptinMonster reviews that you can read as well.

Get started with OptinMonster today — Use the coupon WPB10 to get 10% off.

Note: OptinMonster was started by WPBeginner’s founder, Syed Balkhi, because he wanted to get more email subscribers, faster. It helped us increase our email signups by 600%. Due to popular request, we released this tool for public, and now it’s the most recommended lead generation software in the market.

List Building Strategies and Resources

Email Marketing Strategies

Having the right tools is crucial, but knowing how to use them properly is what makes the most difference.

In your email marketing strategy, the most important thing you should plan out is segmentation. This is the process of grouping your subscribers, so you can better personalize your emails based on interest. It helps you get higher open rates and click-through rates. This definitive guide to email marketing has all the information you need to segment your email list like a pro.

Content Upgrades are the highest converting opt-in forms. It’s a technique where you give your users bonus content at the end of your popular blog posts. These usually convert 5 times higher than a regular opt-in. Here are some content upgrade ideas that you should check out.

If you’re not sure how to create an opt-in form, then use this 63-point checklistfor creating a high-converting optin form.

You may want to check out Kevin Duncan’s article on 16 ridiculously simple ways to get more email subscribers in less than 5 minutes.

In case you want more ideas, Mary Fernandez also shared 73 proven and simple ways to grow your email list that should get you going.

Conclusion

It does not matter what kind of business you run, what kind of website you have, or what industry you are in.

If you have a website, and you want to turn your visitors into returning customers, then you need to get them in your email list.

WordPress Guide: 5 Best Security Firewall Plugins Compared,  Must Use In WordPress

WordPress Guide: 5 Best Security Firewall Plugins Compared, Must Use In WordPress

What is a WordPress Security  Firewall Plugin?

A WordPress Security firewall plugin (also known as web application firewall or WAF), acts as a shield between your website and all incoming traffic. These web application firewalls monitor your website traffic and blocks many common security threats before they reach your WordPress site.

Aside from significantly improving your WordPress security, often these web application firewalls also speed up your website and boost performance.

There are two common types of WordPress firewall plugins available.

DNS Level Website Firewall – These firewall route your website traffic through their cloud proxy servers. This allows them to only send genuine traffic to your web server.

Application Level Firewall – These firewall plugins examine the traffic once it reaches your server but before loading most WordPress scripts. This method is not as efficient as DNS level firewall in reducing the server load.

We recommend using a DNS level firewall because they are exceptionally good at identifying genuine website traffic vs bad requests.

They do that by tracking thousands of websites, comparing trends, looking for botnets, known bad IPs, and blocking traffic to pages that your users would normally never request.

Not to mention, DNS level website firewalls significantly reduce the load on your WordPress hosting server which makes sure that your website does not go down.

1. BulletProof Security

BulletProof Security

BulletProof security is another popular WordPress security plugin. It comes with a built-in application level firewall, login security, database backup, maintenance mode, and several security tweaks to protect your website.

BulletProof security does not offer a very good user experience and many beginners may have difficulty understanding what to do. It does come with a setup wizard that automatically updates your WordPress .htaccess files and enables firewall protection.

It does not have a file scanner to check for malicious code on your website. The paid version of the plugin offers extra features to monitor for intrusion and malicious files in your WordPress uploads folder.

Pricing: Free basic plugin. Pro version costs $59.95 for unlimited sites and lifetime support.

 

 

2. Cloudflare

Cloudflare

Cloudflare is best known for their free CDN service which includes basic DDoS protection as well. However, their free plan doesn’t include website application firewall. For WAF you will need to signup for their Pro plan.

Cloudflare is also a DNS level firewall which means your traffic goes through their network. This improves performance of your website and reduces downtime in case of unusually high traffic.

The Pro plan only includes DDoS protection against layer 3 attacks. For protection against advanced DDoS layer 5 and 7 attacks, you will need at least their business plan.

Cloudflare has its pros, which include CDN, caching, and a larger network of servers. The downside is that they do not offer application level security scans, malware protection, blacklist removal, security notifications and alerts. They also do not monitor your WordPress site for file changes and other common WordPress security threats.

Pricing: Starting from $20/month for Pro plan and $200/month for Business.

 

3. Wordfence Security

Wordfence

Wordfence is a popular WordPress security plugin with a built-in website application firewall. It monitors your WordPress site for malware, file changes, SQL injections, and more. It also protects your website against DDoS and brute force attacks.

Wordfence is an application level firewall which means that firewall is triggered on your server and bad traffic is blocked after it reaches your server but before loading your website.

This is not the most efficient way to block attacks. Large number of bad requests will still increase load on your server. Because it’s an application level firewall, WordPress does not come with a content delivery network (CDN).

Wordfence comes with on-demand security scans as well as scheduled scans. It also allows you to manually monitor traffic and block suspicious looking IPs directly from your WordPress admin area.

 

To get their sophisticated application level firewall, you really need the Premium version.

Pricing Basic plugin is Free. Premium version pricing starts from $99/year for a single site license.

 

4. SiteLock

SiteLock

SiteLock is another well-known website security company offering website application firewall, DDoS protection, malware scan and removal services.

SiteLock’s WAF is a DNS level firewall with a CDN Service Included in all plans to improve performance of your website. They offer daily malware scans, file change monitoring, security alerts, and malware removal.

All plans include basic DDoS protection while advanced DDoS protection is available as an add-on. They also allow customers to display SiteLock trust seal on their websites.

They have also partnered with many hosting companies to offer their basic plan as an addon.

However, it is unclear what’s included in that addon, and how it is different than the plans offered on SiteLock’s official website.

Pricing: Accelerate Plan costs $299 / year and Prevent plan costs $499 / year.

 

5. Sucuri

Sucuri

Sucuri is the leading website security company for WordPress. They offer DNS level firewall, intrusion and brute force prevention, as well as malware and blacklist removal services.

All your website traffic goes through their cloudproxy servers where each request is scanned. Legitimate traffic is allowed to pass through, and all malicious requests are blocked.

Sucuri also improves your website’s performance by reducing server load through caching optimization, website acceleration, and Anycast CDN (all included). It protects your website against SQL Injections, XSS, RCE, RFU and all known-attacks.

Setting up their WAF is quite easy. You will need to add a DNS A record to your domain and point them to Sucuri’s cloudproxy instead of your website.

At Abolly Hosting Inc., we use Sucuri to improve our WordPress security.

Pricing: Starting from $199.99/year billed annually.

 

Conclusion

After careful comparison of all these WordPress  firewall plugins, we believe that Sucuri is undoubtedly the best firewall protection you can get for your WordPress site.

It is the best DNS level firewall with the most comprehensive security features to give you complete peace of mind. On top of that, the performance boost that you get from their CDN is very impressive.