VersatileBlog

How to Make Money Online Daily With Owodaily

noreply@blogger.com (sammynews) — Sat, 16 Jan 2021 20:40:00 +0000

N70,000+ is no child's play

Prosper Noah

to me

23 hours agoDetails

Hey, wassup....

Been a while I emailed you...

After spending a couple of days and making around N70,000 on owodaily, withdrawn twice.. I can say that this platform is damn goood....

No doubt about it...

The earning opportunities is just endless...

How can a platform be this good for God's sake?

Sometimes, me myself do not even know where some of the earnings come from because it's like just scattered everywhere lol...

Here's what I mean:

- You earn from completing simple and easy jobs/tasks on the platform...

- you also earn when you introduce it to others, and even earn when those people you introduced also introduce others...

and as if it's not enough, you still earn when those people you introduced complete jobs/tasks on the platform...

This is damn craaaaazy..

The only program I can maybe compare this to is Hiwap back then in 2019... but Owodaily still beats it x10, when it comes to the earning-opportunities...

Answer me, how can a platform be this good?

Lol....

Anyway, hope you're doing real good over there.

If you're not in yet, I'll advice you to try this out..

After all, if it's coming from Prosper, you know it's suuuuper authentic...haha

Even if you've never made a dime from any similar program online before, give this one a try, complete one of the job/task, and you'll see your earnings live before your eyes....

I mean like within 24-48hous, you'll see your first earning after completing one job/task and it takes just less than 5minutes to complete one... there are lots of them for you to complete and earn...

Over 40people who joined via my recommendation are already earning.

In fact I showed you one of them the other day.

Try this stuff out and thank me later...

Read the post I made about it again and let's see how it goes + I even added something to help you earn even more..

No time to waste.

Here's the link: https://owodaily.com/register.php?referral_code=58642709

Have a great time and let me know if you need assistance.

How To Become A Opera News Hub Creator / Writer

noreply@blogger.com (sammynews4U) — Wed, 04 Mar 2020 13:03:00 +0000

Opera News Hub is a very wide platform owns by a Chinese company in Nigeria and some other countries around the world.

It has been in existence since some years back but, it's just giving a very huge opportunity to many people out there who are very intelligent, talented and so skillful in writing.

This is a very good opportunity for you, if you are one of those people outside there, that has been looking for one or other way of showcasing your writing ability to the world as you can now be a very good and perfect Creator/Writer under the platform of Opera News Hub.

Making money made easier as you can be earning as much as ₦100,0000.00 per month. Yes! I mean 100k each month, depends on how your clicks are reaching.

The steps to create your account are very easy with some very nice payment plans that will be sharing according to how your impressions are.

HOW TO CREATE AN OPERA NEWS HUB ACCOUNT.

You can use these following means for the creation of your account:

Your Email Address,
Phone Number, or
Facebook Account for registration.

Note: - It's always advisable to use Facebook for your registration for quality reference on the Opera News Hub platform. It helps to avoid some unnecessary disheartening after the creation and its bring nice relationship between the creator and the platform itself.

While using your Facebook account in registration, this doesn't mean you will not be needed your phone number and email address again. In the process of registering, there are spaces designated for them to be filled in and that will be taking us to...

Step 2. As you've had all these necessary things in place. You can easily use your Opera News Hub App by downloading it from Google Play Store in case you haven't has one on your phone. Launch the App and check down side by your right hand corner where you'll see an image symbolising human (ME) is written. Click there and continue processing your application.

Step 3. After clicking on the image, it will take your to where you're to fill in your details and it will show (Be A Creator). Click on it and here are the necessary things to be filled in;

It will show Optimising Your Account
Your name.
Address
Phone Number
Account Description etc. Kindly fill them without missing words.

After filling all these, you're now at the edge of becoming a creator/writer for Opera News Hub.

Note: - There are still some steps to go and that will be sharing on our next articles. So, stay with us as we'll be showing your how you'll be linking your account with the payment platform (Opay) with full registration.

How to Take Screenshots in Windows 10 - Howrite Blog

noreply@blogger.com (sammynews4U) — Mon, 11 Mar 2019 18:11:00 +0000

A screen capture is a picture taken of whatever's on your screen. Today we're demonstrating how to take a screen capture in Windows.

You can take a screen capture on pretty much any stage, and taking screen captures in Windows is the same. It has a worked in choice that works incredible for essential undertakings, yet some outsider projects offer more usability and highlights. In this article I'll demonstrate to you a couple of various approaches to take a screen capture in Windows 10.

Stage One: Take Speedy Screen captures with Print Screen (PrtScn)

The Print Screen catch on your console can take a screen capture and spare it as a record, take a screen capture without sparing it as a document, or take a screen capture of just a single window (rather than the entire screen). The print screen catch might be marked as "PrtScn," "PrntScrn," "Print Scr," or something comparative. On most consoles, the catch is generally found among F12 and Parchment Lock. On workstation consoles, you may need to press the "Capacity" or "Fn" key to get to the Print Screen include. When you press the key, it will look like nothing occurred, however the screen capture has been spared to your clipboard.

To Save Your Screenshot as a File

Press the "Windows logo key + PrtScn." In case you're utilizing a tablet, press the "Windows logo catch + volume down catch." On certain PCs and different gadgets, you may need to press the "Windows logo key + Ctrl + PrtScn" or "Windows logo key + Fn + PrtScn" keys. Check your workstation's manual for more data.

The screen will diminish for a minute, and you will see the screen capture show up as a document in an organizer entitled "Screen captures", inside your default "Pictures" envelope. The screen capture is naturally named with a number.

You will only see your screen dim if you have the “Animate windows when minimizing and maximizing” turned on in your visual effects settings (System > Advanced system settings > Click the Advanced tab > Click Settings under Performance section).

To Take a Screenshot Without Saving
Press the “PrtScn” key. A screenshot of your display is now copied to the clipboard. Open your favorite image editor, word processor, or other program you want to use the image in. Choose Edit > Paste to paste the screenshot wherever you like. The dimensions of the image will be the same as your desktop resolution. Note: On some laptops and other devices, you may need to press the “Alt + Fn + PrtScn” keys instead. Check your laptop’s manual for more information.

To Take a Screenshot of Only One Window
Click on the title bar of the window that you want to capture. Press “Alt + PrtScn”. A screenshot of your currently active window will be copied to the clipboard, just as in the last section. Paste it into your favorite image editor or document editor. Note: On some laptops and other devices, you may need to press the “Alt + Fn + PrtScn” keys instead. Check your laptop’s manual for more information.

To Take a Screenshot of Part of Your Screen
Press “Windows + Shift + S”. Your screen will appear grayed out and your mouse cursor will change. Click and drag on your screen to select the part of your screen you want to capture. A screenshot of the screen region you selected will be copied to your clipboard. You can paste it in any application by selecting Edit > Paste or pressing Ctrl + V, just as you’d paste a full-screen shortcut taken with the Print Screen key.

This only works in Windows 10’s Creators Update. On older versions of Windows, this shortcut is part of Microsoft’s OneNote application. With the Creators Update, Microsoft integrated this shortcut into Windows 10 itself.

Strategy Two: Take Progressively Adaptable Screen captures with Cutting Device
The Clipping device has been a piece of the Windows for long time. This apparatus was first incorporated into Windows Vista, and never got any new highlights separated from few bug fixes. Cutting device can take screen captures of an open window, rectangular region, a freestyle region, or the whole screen. You can clarify your cuts with various hued pens or a highlighter, spare it as a picture or MHTML record, or email it to a companion.

Cutting Apparatus in Windows Vista, 7, and 8 has one constraint: it can't catch screen captures that include mouse developments. To catch something that includes mouse development, similar to spring up menus and tooltips, you should utilize the Print Screen technique.

In Windows 10, Cutting Apparatus has another "Deferral" choice, which will enable you to catch screen captures spring up menus and tooltips. Open the Cutting Instrument application and snap Deferral. Starting from the drop list, click on the quantity of seconds you'd like to hold up until your screen capture is taken.

Now choose the type of snip you want to make by clicking the arrow next to “New.” You can choose from one of four types of snip: free-form, rectangular, window, and full-screen.

Unlike a regular snip, the screen will not immediately fade out. Instead, you will have between 1–5 seconds, depending on the delay you chose, to set up your screenshots. You can use this time to open that pop-up menu or tooltip you want to capture. Once your seconds have passed, the screen will freeze and fade out so you can create your snip. If you chose window or full-screen, it will just capture the snip immediately.

HTML Styles - CSS

noreply@blogger.com (sammynews4U) — Mon, 11 Mar 2019 17:18:00 +0000

CSS = Styles and Colors

Manipulate Text

Colors, Boxes

Styling HTML with CSS

CSS stands for Cascading Style Sheets.

CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

CSS can be added to HTML elements in 3 ways:

Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file

The most common way to add CSS, is to keep the styles in separate CSS files. However, here we will use inline and internal styling, because this is easier to demonstrate, and easier for you to try it yourself.

Tip: You can learn much more about CSS in our CSS Tutorial.

Inline CSS

An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

This example sets the text color of the <h1> element to blue:

Example

<h1 style="color:blue;">This is a Blue Heading</h1>

Internal CSS

An internal CSS is used to define a style for a single HTML page.

An internal CSS is defined in the <head> section of an HTML page, within a <style> element:

Example

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

External CSS

An external style sheet is used to define the style for many HTML pages.

With an external style sheet, you can change the look of an entire web site, by changing one file!

To use an external style sheet, add a link to it in the <head> section of the HTML page:

Example

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

An external style sheet can be written in any text editor. The file must not contain any HTML code, and must be saved with a .css extension.

Here is how the "styles.css" looks:

body {
  background-color: powderblue;}
h1 {
  color: blue;}
p {
  color: red;}

CSS Fonts

The CSS color property defines the text color to be used.

The CSS font-family property defines the font to be used.

The CSS font-size property defines the text size to be used.

Example

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;}
p  {
  color: red;
  font-family: courier;
  font-size: 160%;}</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS Border

The CSS border property defines a border around an HTML element:

Example

p {
  border: 1px solid powderblue;}

CSS Padding

The CSS padding property defines a padding (space) between the text and the border:

Example

p {
  border: 1px solid powderblue;
  padding: 30px;}

CSS Margin

The CSS margin property defines a margin (space) outside the border:

Example

p {
  border: 1px solid powderblue;
  margin: 50px;}

The id Attribute

To define a specific style for one special element, add an id attribute to the element:

<p id="p01">I am different</p>

then define a style for the element with the specific id:

Example

#p01 {
  color: blue;}

Note: The id of an element should be unique within a page, so the id selector is used to select one unique element!

The class Attribute

To define a style for special types of elements, add a class attribute to the element:

<p class="error">I am different</p>

then define a style for the elements with the specific class:

Example

p.error {
  color: red;}

External References

External style sheets can be referenced with a full URL or with a path relative to the current web page.

This example uses a full URL to link to a style sheet:

Example

<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">

This example links to a style sheet located in the html folder on the current web site:

Example

<link rel="stylesheet" href="/html/styles.css">

This example links to a style sheet located in the same folder as the current page:

Example

<link rel="stylesheet" href="styles.css">

You can read more about file paths in the chapter HTML File Paths.

Chapter Summary

Use the HTML style attribute for inline styling
Use the HTML <style> element to define internal CSS
Use the HTML <link> element to refer to an external CSS file
Use the HTML <head> element to store <style> and <link> elements
Use the CSS color property for text colors
Use the CSS font-family property for text fonts
Use the CSS font-size property for text sizes
Use the CSS border property for borders
Use the CSS padding property for space inside the border
Use the CSS margin property for space outside the border

HTML Exercises

HTML Style Tags

Tag	Description
<style>	Defines style information for an HTML document
<link>	Defines a link between a document and an external resource

CSS Backgrounds

noreply@blogger.com (sammynews) — Wed, 16 Jan 2019 15:59:00 +0000

The CSS background properties are used to define the background effects for elements.

CSS background properties:

background-color
background-image
background-repeat
background-attachment
background-position

Background Color

The background-color property specifies the background color of an element.

The background color of a page is set like this:

Example

body {
  background-color: lightblue;}

With CSS, a color is most often specified by:

a valid color name - like "red"
a HEX value - like "#ff0000"
an RGB value - like "rgb(255,0,0)"

Look at CSS Color Values for a complete list of possible color values.

In the example below, the <h1>, <p>, and <div> elements have different background colors:

Example

h1 {
  background-color: green;}

div {
  background-color: lightblue;}

p {
  background-color: yellow;}

Background Image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

The background image for a page can be set like this:

Example

body {
  background-image: url("paper.gif");}

Below is an example of a bad combination of text and background image. The text is hardly readable:

Example

body {
  background-image: url("bgdesert.jpg");}

Note: When using a background image, use an image that does not disturb the text.

Background Image - Repeat Horizontally or Vertically

By default, the background-image property repeats an image both horizontally and vertically.

Some images should be repeated only horizontally or vertically, or they will look strange, like this:

Example

body {
  background-image: url("gradient_bg.png");}

If the image above is repeated only horizontally (background-repeat: repeat-x;), the background will look better:

Example

body {
  background-image: url("gradient_bg.png");
  background-repeat: repeat-x;}

Tip: To repeat an image vertically, set background-repeat: repeat-y;

Background Image - Set position and no-repeat

Showing the background image only once is also specified by the background-repeat property:

Example

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;}

In the example above, the background image is shown in the same place as the text. We want to change the position of the image, so that it does not disturb the text too much.

The position of the image is specified by the background-position property:

Example

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;}

Background Image - Fixed position

To specify that the background image should be fixed (will not scroll with the rest of the page), use the background-attachment property:

Example

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;}

Background - Shorthand property

To shorten the code, it is also possible to specify all the background properties in one single property. This is called a shorthand property.

The shorthand property for background is background:

Example

body {
  background: #ffffff url("img_tree.png") no-repeat right top;}

When using the shorthand property the order of the property values is:

background-color
background-image
background-repeat
background-attachment
background-position

It does not matter if one of the property values is missing, as long as the other ones are in this order.

All CSS Background Properties

Property	Description
background	Sets all the background properties in one declaration
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page
background-clip	Specifies the painting area of the background
background-color	Sets the background color of an element
background-image	Sets the background image for an element
background-origin	Specifies where the background image(s) is/are positioned
background-position	Sets the starting position of a background image
background-repeat	Sets how a background image will be repeated
background-size	Specifies the size of the background image(s)

HTML Colors

noreply@blogger.com (sammynews) — Wed, 16 Jan 2019 15:22:00 +0000

HTML colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

Color Names

In HTML, a color can be specified by using a color name:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

Background Color

You can set the background color for HTML elements:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Text Color

You can set the color of text:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Border Color

You can set the color of borders:

Hello World

Example

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Color Values

In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values:

Same as color name "Tomato":

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Same as color name "Tomato", but 50% transparent:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)

Example

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

RGB Value

In HTML, a color can be specified as an RGB value, using this formula:

rgb(red, green, blue)

Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.

For example, rgb(255, 0, 0) is displayed as red, because red is set to its highest value (255) and the others are set to 0.

To display the color black, all color parameters must be set to 0, like this: rgb(0, 0, 0).

To display the color white, all color parameters must be set to 255, like this: rgb(255, 255, 255).

Experiment by mixing the RGB values below:

rgb(255, 99, 71)

RED

255

GREEN

BLUE

Example

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Shades of gray are often defined using equal values for all the 3 light sources:

Example

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

HEX Value

In HTML, a color can be specified using a hexadecimal value in the form:

#rrggbb

Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255).

For example, #ff0000 is displayed as red, because red is set to its highest value (ff) and the others are set to the lowest value (00).

Example

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

Shades of gray are often defined using equal values for all the 3 light sources:

Example

#000000
#3c3c3c
#787878
#b4b4b4
#f0f0f0
#ffffff

HSL Value

In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form:

hsl(hue, saturation, lightness)

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.

Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color.

Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white

Example

hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(147, 50%, 47%)
hsl(300, 76%, 72%)
hsl(39, 100%, 50%)
hsl(248, 53%, 58%)

Saturation

Saturation can be described as the intensity of a color.

100% is pure color, no shades of gray

50% is 50% gray, but you can still see the color.

0% is completely gray, you can no longer see the color.

Example

hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)

Lightness

The lightness of a color can be described as how much light you want to give the color, where 0% means no light (black), 50% means 50% light (neither dark nor light) 100% means full lightness (white).

Example

hsl(0, 100%, 0%)
hsl(0, 100%, 25%)
hsl(0, 100%, 50%)
hsl(0, 100%, 75%)
hsl(0, 100%, 90%)
hsl(0, 100%, 100%)

Shades of gray are often defined by setting the hue and saturation to 0, and adjust the lightness from 0% to 100% to get darker/lighter shades:

Example

hsl(0, 0%, 0%)
hsl(0, 0%, 24%)
hsl(0, 0%, 47%)
hsl(0, 0%, 71%)
hsl(0, 0%, 94%)
hsl(0, 0%, 100%)

RGBA Value

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.

An RGBA color value is specified with:

rgba(red, green, blue, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

Example

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

HSLA Value

HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.

An HSLA color value is specified with:

hsla(hue, saturation, lightness, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

Example

hsla(9, 100%, 64%, 0)
hsla(9, 100%, 64%, 0.2)
hsla(9, 100%, 64%, 0.4)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 1)

HTML Comments

noreply@blogger.com (sammynews) — Mon, 14 Jan 2019 15:20:00 +0000

Comment tags are used to insert comments in the HTML source code.

HTML Comment Tags

You can add comments to your HTML source by using the following syntax:

<!-- Write your comments here -->

Notice that there is an exclamation point (!) in the opening tag, but not in the closing tag.

Note: Comments are not displayed by the browser, but they can help document your HTML source code.

With comments you can place notifications and reminders in your HTML:

Example

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

Try it Yourself »

Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors:

Example

<!-- Do not display this at the moment
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->

HTML Quotation and Citation Elements

noreply@blogger.com (sammynews) — Fri, 07 Sep 2018 18:44:00 +0000

Quotation

Here is a quote from WWF's website:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

HTML <q> for Short Quotations

The HTML <q> element defines a short quotation.
Browsers usually insert quotation marks around the <q> element.

Example

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

HTML <blockquote> for Quotations

The HTML <blockquote> element defines a section that is quoted from another source.
Browsers usually indent <blockquote> elements.

Example

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <abbr> for Abbreviations

The HTML <abbr> element defines an abbreviation or an acronym.
Marking abbreviations can give useful information to browsers, translation systems and search-engines.

Example

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <address> for Contact Information

The HTML <address> element defines contact information (author/owner) of a document or an article.
The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element.

Example

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cite> for Work Title

The HTML <cite> element defines the title of a work.
Browsers usually display <cite> elements in italic.

Example

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> for Bi-Directional Override

The HTML <bdo> element defines bi-directional override.
The <bdo> element is used to override the current text direction:

Example

<bdo dir="rtl">This text will be written from right to left</bdo>

HTML Quotation and Citation Elements

Tag	Description
<abbr>	Defines an abbreviation or acronym
<address>	Defines contact information for the author/owner of a document
<bdo>	Defines the text direction
<blockquote>	Defines a section that is quoted from another source
<cite>	Defines the title of a work
<q>	Defines a short inline quotation

HTML Text Formatting

noreply@blogger.com (sammynews4U) — Fri, 07 Sep 2018 18:29:00 +0000

Text Formatting

This text is bold
This text is italic
This is_subscript and ^superscript

HTML Formatting Elements

In the previous chapter, you learned about the HTML style attribute.
HTML also defines special elements for defining text with a special meaning.
HTML uses elements like <b> and <i> for formatting output, like bold or italic text.
Formatting elements were designed to display special types of text:

<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

HTML <b> and <strong> Elements

The HTML <b> element defines bold text, without any extra importance.

Example

The HTML <strong> element defines strong text, with added semantic "strong" importance.

Example

<strong>This text is strong</strong>

HTML <i> and <em> Elements

The HTML <i> element defines italic text, without any extra importance.

Example

<i>This text is italic</i>

The HTML <em> element defines emphasized text, with added semantic importance.

Example

<em>This text is emphasized</em>

Note: Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is "important".

HTML <small> Element

The HTML <small> element defines smaller text:

Example

<h2>HTML <small>Small</small> Formatting</h2>

HTML <del> Element

The HTML <del> element defines
~~deleted~~(removed) text.

Example

<p>My favorite color is <del>blue</del> red.</p>

HTML <ins> Element

The HTML <ins> element defines
inserted(added) text.

Example

<p>My favorite <ins>color</ins> is red.</p>

HTML <sub> Element

The HTML <sub> element defines _subscripted text.

Example

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> Element

The HTML <sup> element defines ^{superscripted} text.

Example

<p>This is <sup>superscripted</sup> text.</p>

HTML Text Formatting Elements

Tag	Description
<b>	Defines bold text
<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines smaller text
<strong>	Defines important text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<mark>	Defines marked/highlighted text

CSS COLORS

noreply@blogger.com (sammynews4U) — Sat, 25 Aug 2018 17:07:00 +0000

Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

Color Names

In HTML, a color can be specified by using a color name:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

Background Color

You can set the background color for HTML elements:

Hello World

Example

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Text Color

You can set the color of text:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Border Color

You can set the color of borders:

Hello World

Example

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Color Values

In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values:
Same as color name "Tomato":

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Same as color name "Tomato", but 50% transparent:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)

Example

RGB Value

In HTML, a color can be specified as an RGB value, using this formula:

rgb(red, green, blue)

Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.
For example, rgb(255, 0, 0) is displayed as red, because red is set to its highest value (255) and the others are set to 0.
To display the color black, all color parameters must be set to 0, like this: rgb(0, 0, 0).
To display the color white, all color parameters must be set to 255, like this: rgb(255, 255, 255).
Experiment by mixing the RGB values below:

rgb(255, 99, 71)

RED

255

GREEN

BLUE

Example

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Shades of gray are often defined using equal values for all the 3 light sources:

Example

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

HEX Value

In HTML, a color can be specified using a hexadecimal value in the form:

#rrggbb

Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255).
For example, #ff0000 is displayed as red, because red is set to its highest value (ff) and the others are set to the lowest value (00).

Example

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

Shades of gray are often defined using equal values for all the 3 light sources:

Example

#000000
#3c3c3c
#787878
#b4b4b4
#f0f0f0
#ffffff

HSL Value

In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form:

hsl(hue, saturation, lightness)

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.
Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color.
Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white

Example

hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(147, 50%, 47%)
hsl(300, 76%, 72%)
hsl(39, 100%, 50%)
hsl(248, 53%, 58%)

Saturation

Saturation can be describe as the intensity of a color.
100% is pure color, no shades of gray
50% is 50% gray, but you can still see the color.
0% is completely gray, you can no longer see the color.

Example

hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)

Lightness

Example

hsl(0, 100%, 0%)
hsl(0, 100%, 25%)
hsl(0, 100%, 50%)
hsl(0, 100%, 75%)
hsl(0, 100%, 90%)
hsl(0, 100%, 100%)

Shades of gray are often defined by setting the hue and saturation to 0, and adjust the lightness from 0% to 100% to get darker/lighter shades:

Example

hsl(0, 0%, 0%)
hsl(0, 0%, 24%)
hsl(0, 0%, 47%)
hsl(0, 0%, 71%)
hsl(0, 0%, 94%)
hsl(0, 0%, 100%)

RGBA Value

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.
An RGBA color value is specified with:

rgba(red, green, blue,  alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

Example

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

HSLA Value

HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.
An HSLA color value is specified with:

hsla(hue, saturation, lightness,  alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

Example

hsla(9, 100%, 64%, 0)
hsla(9, 100%, 64%, 0.2)
hsla(9, 100%, 64%, 0.4)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 1)

CSS How To

noreply@blogger.com (sammynews4U) — Sat, 25 Aug 2018 16:59:00 +0000

When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet.

Three Ways to Insert CSS

There are three ways of inserting a style sheet:

External style sheet
Internal style sheet
Inline style

External Style Sheet

With an external style sheet, you can change the look of an entire website by changing just one file!
Each page must include a reference to the external style sheet file inside the <link> element. The <link> element goes inside the <head> section:

Example

An external style sheet can be written in any text editor. The file should not contain any html tags. The style sheet file must be saved with a .css extension.
Here is how the "mystyle.css" looks:

body {
    background-color: lightblue;}

h1 {
    color: navy;
    margin-left: 20px;}

Note: Do not add a space between the property value and the unit (such as margin-left: 20 px;). The correct way is: margin-left: 20px;

Internal Style Sheet

An internal style sheet may be used if one single page has a unique style.
Internal styles are defined within the <style> element, inside the <head> section of an HTML page:

Example

<head>
<style>
body {
    background-color: linen;}

h1 {
    color: maroon;
    margin-left: 40px;}
</style>
</head>

Inline Styles

An inline style may be used to apply a unique style for a single element.
To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property.
The example below shows how to change the color and the left margin of a <h1> element:

Example

<h1 style="color:blue;margin-left:30px;">This is a heading</h1>

Tip: An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.

Multiple Style Sheets

If some properties have been defined for the same selector (element) in different style sheets, the value from the last read style sheet will be used.

Example

Assume that an external style sheet has the following style for the <h1> element:

h1 {
color: navy;
}

then, assume that an internal style sheet also has the following style for the <h1> element:

h1 {
color: orange; }

If the internal style is defined after the link to the external style sheet, the <h1> elements will be "orange":

Example

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h1 {
color: orange;}</style>
</head>

However, if the internal style is defined before the link to the external style sheet, the <h1> elements will be "navy":

Example

<head>
<style>
h1 {
color: orange;}</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Cascading Order

What style will be used when there is more than one style specified for an HTML element?
Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number one has the highest priority:

Inline style (inside an HTML element)
External and internal style sheets (in the head section)
Browser default

So, an inline style (inside a specific HTML element) has the highest priority, which means that it will override a style defined inside the <head> tag, or in an external style sheet, or a browser default value.

HTML STYLES

noreply@blogger.com (sammynews4U) — Sat, 25 Aug 2018 16:55:00 +0000

Example

I am Red

I am Blue

I am Big

The HTML Style Attribute

Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax:

<tagnamestyle="property:value;">

The property is a CSS property. The value is a CSS value.

You will learn more about CSS later in this tutorial.

HTML Background Color

The background-color property defines the background color for an HTML element.
This example sets the background color for a page to powderblue:

Example

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

HTML Text Color

The color property defines the text color for an HTML element:

Example

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

HTML Fonts

The font-family property defines the font to be used for an HTML element:

Example

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

HTML Text Size

The font-size property defines the text size for an HTML element:

Example

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

HTML Text Alignment

The text-align property defines the horizontal text alignment for an HTML element:

Example

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Chapter Summary

Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors
Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment

HTML PARAGRAPHS

noreply@blogger.com (sammynews4U) — Sat, 25 Aug 2018 16:46:00 +0000

HTML Paragraphs

The HTML <p> element defines a paragraph:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Note: Browsers automatically add some white space (a margin) before and after a paragraph.

HTML Display

You cannot be sure how HTML will be displayed.
Large or small screens, and resized windows will create different results.
With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.
The browser will remove any extra spaces and extra lines when the page is displayed:

Example

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

Don't Forget the End Tag

Most browsers will display HTML correctly even if you forget the end tag:

Example

<p>This is a paragraph.
<p>This is another paragraph.

The example above will work in most browsers, but do not rely on it.

Note: Dropping the end tag can produce unexpected results or errors.

HTML Line Breaks

The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph:

Example

<p>This is<br>a paragraph<br>with line breaks.</p>

The <br> tag is an empty tag, which means that it has no end tag.

The Poem Problem

This poem will display on a single line:

Example

<p>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</p>

The HTML <pre> Element

The HTML <pre> element defines preformatted text.
The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Example

<pre>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</pre>

HTML Headings

noreply@blogger.com (sammynews4U) — Wed, 01 Aug 2018 15:44:00 +0000

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

HTML Headings

Headings are defined with the `<h1>` to `<h6>` tags.
`<h1>` defines the most important heading. `<h6>` defines the least important heading.

Example

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Note: Browsers automatically add some white space (a margin) before and after a heading.

Headings Are Important

Search engines use the headings to index the structure and content of your web pages.
Users skim your pages by its headings. It is important to use headings to show the document structure.
`<h1>` headings should be used for main headings, followed by `<h2>` headings, then the less important`<h3>`, and so on.
Note: Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Bigger Headings

Each HTML heading has a default size. However, you can specify the size for any heading with the `style`attribute, using the CSS `font-size` property:

Example

<h1 style="font-size:60px;">Heading 1</h1>

HTML Horizontal Rules

The `<hr>` tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The `<hr>` element is used to separate content (or define a change) in an HTML page:

Example

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

The HTML <head> Element

The HTML `<head>` element has nothing to do with HTML headings.
The `<head>` element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed.
The `<head>` element is placed between the `<html>` tag and the `<body>` tag:

Example

<!DOCTYPE html>
<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>

<body>
.
.
.

Note: Metadata typically define the document title, character set, styles, links, scripts, and other meta information.

How to View HTML Source?

Have you ever seen a Web page and wondered "Hey! How did they do that?"

View HTML Source Code:

Right-click in an HTML page and select "View Page Source" (in Chrome) or "View Source" (in IE), or similar in other browsers. This will open a window containing the HTML source code of the page.

Inspect an HTML Element:

Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.

HTML Tag Reference

W3Schools' tag reference contains additional information about these tags and their attributes.
You will learn more about HTML tags and attributes in the next chapters of this tutorial.
Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<head> A container for all the head elements (title, scripts, styles, meta information, and more)
<h1> to <h6> Defines HTML headings
<hr> Defines a thematic change in the content

Tag	Description
<html>	Defines the root of an HTML document
<body>	Defines the document's body
<head>	A container for all the head elements (title, scripts, styles, meta information, and more)
<h1> to <h6>	Defines HTML headings
<hr>	Defines a thematic change in the content

HTML Attributes

noreply@blogger.com (sammynews4U) — Wed, 01 Aug 2018 15:38:00 +0000

HTML Attributes
All HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

The href Attribute

HTML links are defined with the `<a>` tag. The link address is specified in the `href` attribute:

Example

<a href="https://www.w3schools.com">This is a link</a>
You will learn more about links and the `<a>` tag later in this tutorial.

The src Attribute

HTML images are defined with the `<img>` tag.
The filename of the image source is specified in the `src` attribute:

Example

<img src="img_girl.jpg">
Try it Yourself »

The width and height Attributes

Images in HTML have a set of size attributes, which specifies the width and height of the image:

Example

<img src="img_girl.jpg" width="500" height="600">
The image size is specified in pixels: width="500" means 500 pixels wide.
You will learn more about images in our HTML Images chapter.

The alt Attribute

The `alt` attribute specifies an alternative text to be used, when an image cannot be displayed.
The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage, e.g. a blind person, can "hear" the element.

Example

<img src="img_girl.jpg" alt="Girl with a jacket">
The `alt` attribute is also useful if the image does not exist:

Example

See what happens if we try to display an image that does not exist:
<img src="img_typo.jpg" alt="Girl with a jacket">

The style Attribute

The `style` attribute is used to specify the styling of an element, like color, font, size etc.

Example

<p style="color:red">I am a paragraph</p>
You will learn more about styling later in this tutorial, and in our CSS Tutorial.

The lang Attribute

The language of the document can be declared in the `<html>` tag.
The language is declared with the `lang` attribute.
Declaring a language is important for accessibility applications (screen readers) and search engines:
<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>
The first two letters specify the language (en). If there is a dialect, use two more letters (US).

The title Attribute

Here, a `title` attribute is added to the `<p>` element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph:

Example

<p title="I'm a tooltip">
This is a paragraph.
</p>

We Suggest: Use Lowercase Attributes

The HTML5 standard does not require lowercase attribute names.
The title attribute can be written with uppercase or lowercase like title or TITLE.
W3C recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.
At W3Schools we always use lowercase attribute names.

We Suggest: Quote Attribute Values

The HTML5 standard does not require quotes around attribute values.
The `href` attribute, demonstrated above, can be written without quotes:

Bad

<a href=https://www.w3schools.com>
Try it Yourself »

Good

<a href="https://www.w3schools.com">

W3C recommends quotes in HTML, and demands quotes for stricter document types like XHTML.
Sometimes it is necessary to use quotes. This example will not display the title attribute correctly, because it contains a space:

Example

<p title=About W3Schools>
Using quotes are the most common. Omitting quotes can produce errors.
At W3Schools we always use quotes around attribute values.

Single or Double Quotes?

Double quotes around attribute values are the most common in HTML, but single quotes can also be used.
In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:
<p title='John "ShotGun" Nelson'>
Or vice versa:
<p title="John 'ShotGun' Nelson">

Chapter Summary

All HTML elements can have attributes
The `title` attribute provides additional "tool-tip" information
The `href` attribute provides address information for links
The `width` and `height` attributes provide size information for images
The `alt` attribute provides text for screen readers
At W3Schools we always use lowercase attribute names
At W3Schools we always quote attribute values with double quotes

HTML Attributes

Below is an alphabetical list of some attributes often used in HTML:
Attribute Description
alt Specifies an alternative text for an image, when the image cannot be displayed
disabled Specifies that an input element should be disabled
href Specifies the URL (web address) for a link
id Specifies a unique id for an element
src Specifies the URL (web address) for an image
style Specifies an inline CSS style for an element
title Specifies extra information about an element (displayed as a tool tip)
A complete list of all attributes for each HTML element, is listed in our: HTML Attribute Reference.

Attribute	Description
alt	Specifies an alternative text for an image, when the image cannot be displayed
disabled	Specifies that an input element should be disabled
href	Specifies the URL (web address) for a link
id	Specifies a unique id for an element
src	Specifies the URL (web address) for an image
style	Specifies an inline CSS style for an element
title	Specifies extra information about an element (displayed as a tool tip)

How To Make Money From Blogging (A Complete Guide For All Beginners)

noreply@blogger.com (sammynews4U) — Sat, 21 Apr 2018 14:23:00 +0000

Ever thought about launching your own blog? Ever wondered what it takes, not only to start up that blog but also to successfully build it over time to make money from blogging or generate a passive income online?

Clearly, you’re not alone.

Millions of people try their hand at blogging, but so few actually ever generate a substantial income from all efforts made.

However, if you’re starting a blog for the purposes of making money, and you’re not actually passionate about writing in the first place, then you’re largely wasting your time.

The art of blogging isn’t simply scientific or rocket science.

Without a deep-seated passion for your craft, you’ll face a tide of frustration and upset.

Why?

While it’s relatively easy to set up a blog, it is important to generate substantial traffic and profit from your arduous efforts.

You need focus, persistence, and perseverance to build that massive audience you need to make money blogging. It takes time and it takes hard work earning real cash online.

Take it from me. As an online marketer who understands the rudiments of online business, I can bask in the warm glow of success.

However, I can’t sit around for too long enjoying the freedom and passive income that my business has created. Without constantly adding insatiable content, any website can die off.

So, what does it take to start a successful blog and actually make money online?

I suppose that depends on what you consider successful and what you consider making money. If like millions of other potential bloggers out there, you’re looking to rake it in, you’ll have a long road ahead.

But if you’re willing to put in the time and the effort, and you can stay persistent over the years (and yes, I said years), then you can most certainly generate a substantial income online.

In fact, your blog is quite possibly one of the best hubs of passive income generation, and if done the right way, it can attract the right clients and customers no matter what industry or niche you might be in.

In today’s guide, I want to show you what it takes to start making money blogging in Nigeria or anywhere

you might be in the world.

How to Make Money from Blogging (Step by Step)

Okay, if I haven’t dissuaded you just yet, and you’re serious about launching the next Linda Ikeji Blog or TechCrunch or whatever other blogs you might think is wildly successful in your eyes, then here’s what you need to do in a step-by-step guide.

The more you prepare and plan, the more likely you’ll be to succeed in the long term.

SETTING UP YOUR BLOG

1. Pick a Topic

Get clear on what you’ll write about. Define a topic or niche, and design all your content around those things.

This will help you to not only laser-focus your writing but also to build digital products and services that compliment your content.

This allows you to attract customers in, enticing them with your highly-informative posts, then tempting them with a lead magnet before dropping them into your sales funnel (more on that shortly).

2. Select a Platform

While WordPress is the most popular platform for blogging by far, there are others out there that can be leveraged such as a micro-blogging platform like Tumblr, Blogger.com and even Medium.

However, if you’re serious about your blogging efforts, you’ll likely want to go with a self-hosted WordPress installation on a custom domain.

While you could set up a blog at WordPress.com with a subdomain such as sampleblog.wordpress.com, you’ll get more traction with a self-hosted solution, and then be able to use subdomains on popular platforms for your content marketing efforts.

3. Pick a Domain Name

Custom domain names are important if you’re serious about making money from the blog you start.

Rather than relying on a third-party-hosted subdomain, find a short but relevant keyword-rich (if possible) domain name that’s descriptive of your intended topic, industry or niche.

Use Namecheap, BlueHost, HostGator or any other number of domain name providers to source your domain.

If you’re at all concerned about things like SEO, when selecting your domain name, you should adhere to the following suggestions:

Use a known top-level domain (TLD) such as .com or .net
Keep the domain short, no more than 15 characters or so
Try not to purchase a domain name with hyphens, since they’re more often associated with spammers

READ: How To Buy Cheap Domain Name And Get Cheap Web Hosting

4. Find a Good Web Hosting Company

There are loads of good hosting companies out there. If you’re starting a WordPress, self-hosted blog, there are a near-endless amount of options.

The important thing is to do your due diligence and pick the right one that’s suitable to your budget and to ensure that the service-level and uptime guarantee is there.

At the beginning, you’ll likely want to start out with Shared Hosting Server and scale from there. Eventually, you’ll probably need a dedicated-hosting solution with a CDN (below) once you break through a few thousand visitors per day.

Name cheap offers cheap hosting package (as low as $9.88/yr) if you are looking for an affordable one.

ENHANCING YOUR BLOG

5. Caching and Content-Delivery Networks (CDNs)

Use a system like W3 Total Cache or WP Super Cache and turn on browser caching to ensure that you speed up the delivery of your webpages.

In the beginning, this might not seem as important. But as you grow and your traffic increases to thousands of visitors per day, this will be critical. Use Google’s Page Speed Insights to test things before and after the installation.

It’s also important that you set up a CDN, which will speed up the global delivery of your content.

For example, your page might load relatively quickly in the South Africa, but what happens when someone in Nigeria tries to load your content?

CDNs replicate data across multiple repositories around the world and make content delivery ultra-fast.

This is important for the user’s experience because 53% of mobile site visits leave a page that takes longer than three seconds to load.

W3 Total Cache integrates with Amazon’s AWS and MaxCDN, two very good options when it comes to CDNs.

6. Install the AMP plugin

The Accelerated Mobile Pages (AMP) Project is an initiative by Google to speed up mobile accessibility to a large degree of their content. The AMP specification, which you can read more about here, helps to thin down a webpage to its basic structural components with scaled-back JS and minified CSS code, makes for lightning-fast page speeds.

7. Install Google Analytics

Install Google Analytics so that you can keep track of your efforts while building out your blog. This is a great way to keep track of your results while using the URL campaign builder when dropping links in social media and other places so that you can effectively determine where your traffic is coming from.

PREPARING YOUR BLOG FOR SEO

8. Enable Permalinks

In WordPress, you should enable permalinks before getting things off the ground, which will give you nice canonical URLs that are SEO-friendly. Permalinks are located within the settings > permalinks section of your WordPress admin and select the post name option.

9. Setup Google’s Webmaster Tools

Anyone who’s serious about building a blog and making money, needs to leverage Google’s webmaster tools to see what keywords they’re ranking for and any messages that would impact their ability to rank.

This will also allow you to submit an XML sitemap and track keyword impressions along with click-through rates. This is one of the most useful tools for growing your site or blog through constant analysis of your efforts.

10. Learn SEO the Right Way

Although you shouldn’t start a blog with the intention of optimizing it to oblivion, you most certainly should understand the fundamental principles of search engine optimization so that you pay attention to the key aspects that will impact your ability to rank on search engines like Google.

Begin with Google’s Webmaster Guidelines mentioned above, and digest and implement that information. Learning SEO is a long and drawn out journey. You should always be increasing your knowledge and expanding your skill set.

11. Regularly Build Useful Content

If you’re serious about succeeding with your blog, you need to build useful anchor content. It needs to be engaging, keyword-centric, insightful, unique and well written.

Don’t write your content for search engines. Rather, write your content for humans while also paying homage to search engines and what they want. Simply put, it’s a skill that develops over time with practice. It’s also important to regularly publish your content on a weekly basis.

PREPARING YOUR BLOG FOR LEAD GENERATION

12. Sign Up for an Email Marketing Platform

The best avenue for making money from your blog is through email marketing, plain and simple. Hands down, this offers one of the quickest and surest strategies for earning an income through your blog.

But before you get there, you need to sign up for an email marketing platform like MailerLite, Aweber, ConvertKit, MailChimp, Constant Contact, InfusionSoft or any other number of platforms that exist out there.

13. Build a Lead Magnet

If you’re serious about marketing anything online, rather than opting for running ads on your blog (which won’t make you real money unless you have at least hundreds of thousands of visitors per day) or engaging in affiliate marketing, you should build a topical lead magnet that will sell a digital product or offer that you create in the back-end.

The lead magnet will entice people to sign up to your list and provide you with their email address.

14. Build a Digital Product and Position Your Offers

Email marketing and lead magnets are all designed to help you build out an automated sales machine. However, you need a digital product, service or other kinds of products in the back-end to do that.

You can create multiple offers or products, that can lead people up a value chain towards your high-ticket sales.

15. Create a Sales Funnel

Take the time to build your automated sales funnel. There is so much involved with sales funnels, but the basic premise is that your visitors will show up to your site by discovering your content, drop into your sales funnel through an offer via your lead magnet or some other tripwire, and they’ll then be led through a journey with drip-fed messages at some periodic schedule that will allow you to sell your products and services on autopilot.

MARKETING YOUR BLOG

16. Get Social

Building a blog isn’t easy by any measure. To help you along the road towards success, you have to get social. Not only by linking up with other like-minded bloggers interested in online marketing, but also by sharing and engaging with others on social networks like Facebook, Instagram and other social media platforms.

17. Market Your Content

The single most important strategy you’ll find for building up a blog and boosting your visibility on search engines like Google, and my all-time go-to strategy for rocketing up the search rankings on Google’s SERPs, is content marketing. Marketing your content is an intricate process that involves long, seemingly-never-ending hours of building more useful off-site content that links to your primary anchor content, but it’s well worth it.

You can use this single strategy to rank number one on Google’s searches for nearly any keyword if it’s done the right way. There’s most certainly an art to this as well as a technical outline and to doing it the right way. Don’t try to spam or overstuff keywords in an effort to market your content by any means.

Content marketing can be done with articles on sites like Medium.com or Scribd.com, it can be done by answering questions on Reddit or Quora, and it can be done with videos on YouTube or Vimeo, along with a variety of other means.

The point is that all of the content has to be useful, period. Don’t try to do the least amount of work for the greatest return. You need to do the exact opposite if you want to succeed.

MONETIZE YOUR BLOG

18. Make Money With Affiliate Marketing

Affiliate marketing is when you recommend a product or service to your audience using special tracking links, and then get a referral commission for every time someone buys after clicking your link.

19. Display Google AdSense on WordPress

Google Adsense is an easy way to make money from your blog. All you need to do is add a script from Google to your website and start displaying ads. You will get paid for every time a user clicks on the ad. These are called CPC ads.

20. Use a WordPress Advertising Plugin to Sell Ads Directly

Directly selling ad space on your website can be more lucrative. Instead of having to rely on an intermediary who takes a cut of the money, you negotiate the price and terms on your own.

21. Sell Sponsored Blog Posts

Some bloggers aren’t interested in displaying ads to their audience and wonder how to monetize a blog without ads.

With ad networks, you lose some control over the content displayed on your site. Some readers will get annoyed or offended by ads, and more and more people are using ad blockers.

An alternative way to monetize a blog is through sponsorships.

A sponsorship works just like it does in sports, TV shows, or other industries. Basically, a company pays you to represent their product, talk about it, and promote it to your readers.

To get started, it’s a good idea to put together a one-page media kit that details your traffic stats, social media following, audience demographics, and any other data that will make your site more appealing to advertisers. Then, you can approach companies to negotiate a sponsorship deal.

22. Get Paid to Write Reviews

Similar to sponsored posts, you can also make money by writing paid reviews on your site.

This is a slightly different monetization method than a review site with affiliate links, as mentioned above. Instead, you get to try out products related to your niche for free, and even get paid for writing a review.

In conclusion:

Let’s face it, starting and running a blog can get costly. Don’t expect to get rich overnight. However, you can take certain measures to monetize some of your content along the way.

Be sure that you remain topical with your content and that your lead magnets help to drop people into a sales funnel that will eventually sell your high-ticket items.

However, aside from that, you can always opt to generate small amounts of cash flow by doing other things such as creating articles that will lead people to courses or audiobooks that you’ve developed, or building out video tutorials that will ultimately sell some big package or system that will help to teach people whatever it is that you’re really good it.

There are numerous ways to monetize your content and make money blogging, but don’t try to take shortcuts along the way. Don’t look for the fast-buck if you’re serious about your long-term results. Take action and stay persistent if you want to succeed and achieve your goals.

Culled from Digital Marketing Skill

HTML Elements

noreply@blogger.com (sammynews) — Fri, 20 Apr 2018 18:33:00 +0000

HTML Elements

An HTML element usually consists of a start tag and end tag, with the content inserted in between:

<tagname>Content goes here...</tagname>

The HTML element is everything from the start tag to the end tag:

<p>My first paragraph.</p>

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>

HTML elements with no content are called empty elements. Empty elements do not have an end tag, such as the <br> element (which indicates a line break).

Nested HTML Elements

HTML elements can be nested (elements can contain elements).

All HTML documents consist of nested HTML elements.

This example contains four HTML elements:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Example Explained

The <html> element defines the whole document.

It has a start tag <html> and an end tag </html>.

The element content is another HTML element (the <body> element).

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

The <body> element defines the document body.

It has a start tag <body> and an end tag </body>.

The element content is two other HTML elements (<h1> and <p>).

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

The <h1> element defines a heading.

It has a start tag <h1> and an end tag </h1>.

The element content is: My First Heading.

<h1>My First Heading</h1>

The <p> element defines a paragraph.

It has a start tag <p> and an end tag </p>.

The element content is: My first paragraph.

<p>My first paragraph.</p>

Do Not Forget the End Tag

Some HTML elements will display correctly, even if you forget the end tag:

Example

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

The example above works in all browsers, because the closing tag is considered optional.

Never rely on this. It might produce unexpected results and/or errors if you forget the end tag.

Empty HTML Elements

HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Empty elements can be "closed" in the opening tag like this: <br />.

HTML5 does not require empty elements to be closed. But if you want stricter validation, or if you need to make your document readable by XML parsers, you must close all HTML elements properly.

Use Lowercase Tags

HTML tags are not case sensitive: <P> means the same as <p>.

The HTML5 standard does not require lowercase tags, but W3C recommendslowercase in HTML, and demands lowercase for stricter document types like XHTML.

At W3Schools we always use lowercase tags.

CSS Syntax and Selectors

noreply@blogger.com (sammynews) — Fri, 20 Apr 2018 18:17:00 +0000

CSS Syntax

A CSS rule-set consists of a selector and a declaration block:

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.

In the following example all <p> elements will be center-aligned, with a red text color:

Example

p {
    color: red;
    text-align: center;}

CSS Selectors

CSS selectors are used to "find" (or select) HTML elements based on their element name, id, class, attribute, and more.

The element Selector

The element selector selects elements based on the element name.

You can select all <p> elements on a page like this (in this case, all <p> elements will be center-aligned, with a red text color):

Example

p {
    text-align: center;
    color: red;}

The id Selector

The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element should be unique within a page, so the id selector is used to select one unique element!

To select an element with a specific id, write a hash (#) character, followed by the id of the element.

The style rule below will be applied to the HTML element with id="para1":

Example

#para1 {
    text-align: center;
    color: red;}

Note: An id name cannot start with a number!

The class Selector

The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

In the example below, all HTML elements with class="center" will be red and center-aligned:

Example

.center {
    text-align: center;
    color: red;}

You can also specify that only specific HTML elements should be affected by a class.

In the example below, only <p> elements with class="center" will be center-aligned:

Example

p.center {
    text-align: center;
    color: red;}

HTML elements can also refer to more than one class.

In the example below, the <p> element will be styled according to class="center" and to class="large":

Example

<p class="center large">This paragraph refers to two classes.</p>

Try it Yourself »

Note: A class name cannot start with a number!

Grouping Selectors

If you have elements with the same style definitions, like this:

h1 {
    text-align: center;
    color: red;}

h2 {
    text-align: center;
    color: red;}

p {
    text-align: center;
    color: red;}

It will be better to group the selectors, to minimize the code.

To group selectors, separate each selector with a comma.

In the example below we have grouped the selectors from the code above:

Example

h1, h2, p {
    text-align: center;
    color: red;}

CSS Comments

Comments are used to explain the code, and may help when you edit the source code at a later date.

Comments are ignored by browsers.

A CSS comment starts with /* and ends with */. Comments can also span multiple lines:

Example

p {
    color: red;
    /* This is a single-line comment */
    text-align: center;}

/* This is
a multi-line
comment */

CSS Introduction

noreply@blogger.com (sammynews) — Fri, 20 Apr 2018 18:13:00 +0000

What is CSS?

CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External stylesheets are stored in CSS files

Why Use CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

CSS Solved a Big Problem

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!

CSS Saves a Lot of Work!

The style definitions are normally saved in external .css files.

With an external stylesheet file, you can change the look of an entire website by changing just one file!

HTML Basic Examples

noreply@blogger.com (sammynews4U) — Tue, 17 Apr 2018 18:50:00 +0000

Don't worry if these examples use tags you have not learned.

You will learn about them in the next chapters.

HTML Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Try it Yourself »

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading:

Example

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

Try it Yourself »

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Try it Yourself »

HTML Links

HTML links are defined with the <a> tag:

Example

<a href="https://www.w3schools.com">This is a link</a>

Try it Yourself »

The link's destination is specified in the href attribute.

Attributes are used to provide additional information about HTML elements.

You will learn more about attributes in a later chapter.

HTML Images

HTML images are defined with the <img> tag.

The source file (src), alternative text (alt), width, and height are provided as attributes:

Example

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Try it Yourself »

HTML Buttons

HTML buttons are defined with the <button> tag:

Example

<button>Click me</button>

Try it Yourself »

HTML Lists

HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):

Example

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Try it Yourself »

Culled from W3shools

HTML Editors

noreply@blogger.com (sammynews4U) — Sat, 14 Apr 2018 16:07:00 +0000

Write HTML Using Notepad or TextEdit

Web pages can be created and modified by using professional HTML editors.
However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.
Follow the four steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)

Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac)

Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. InPreferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then open a new document to place the code.

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

You can use either .htm or .html as file extension. There is no difference, it is up to you.

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

The result will look much like this:

W3Schools Online Editor

With our free online editor, you can edit HTML code and view the result in your browser.

It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others:

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Try it Yourself »

Click on the "Try it Yourself" button to see how it works.

Culled from www.w3schools.com

HTML Introduction

noreply@blogger.com (sammynews4U) — Sat, 14 Apr 2018 15:59:00 +0000

What is HTML?

HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language
HTML describes the structure of Web pages using markup
HTML elements are the building blocks of HTML pages
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page

A Simple HTML Document

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Try it Yourself »

Example Explained

The `<!DOCTYPE html>` declaration defines this document to be HTML5
The `<html>` element is the root element of an HTML page
The `<head>` element contains meta information about the document
The `<title>` element specifies a title for the document
The `<body>` element contains the visible page content
The `<h1>` element defines a large heading
The `<p>` element defines a paragraph

HTML Tags

HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
HTML tags normally come in pairs like `<p>` and `</p>`
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a forward slash inserted before the tag name
Tip: The start tag is also called the opening tag, and the end tag the closing tag.

Web Browsers

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:

HTML Page Structure

Below is a visualization of an HTML page structure:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Note: Only the content inside the <body> section (the white area above) is displayed in a browser.

The <!DOCTYPE> Declaration

The `<!DOCTYPE>` declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The `<!DOCTYPE>` declaration is not case sensitive.
The `<!DOCTYPE>` declaration for HTML5 is:
<!DOCTYPE html>

HTML Versions

Since the early days of the web, there have been many versions of HTML:
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
Culled from www.w3schools.com

Version	Year
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

20 Powerful Way To Create A Inbox Magic

noreply@blogger.com (sammynews) — Wed, 11 Apr 2018 17:27:00 +0000

Email isn’t dead. It’s alive and kicking! It remains the #1 way to sell your products and services online.

Here then, are 20 ways to build trust with your email subscribers.

1. Use E-mail Marketing to Build Permission-Based Lists. Prospects who give you permission to market to them are most likely to buy.

2. Use a Reputable E-mail Delivery Service. If your e-mail doesn’t get delivered, you won’t make any sales; getting it delivered is a full-time job.

3. Give Web Visitors Reasons To Opt- In, And Set Their Expectations Properly. You must offer some sort of premium to entice visitors to give up their names and e-mail addresses.

4. Avoid Spam Complaints with Frequent, Consistent Mailings. Surprising as it sounds, mailing more often can reduce spam complaints.

5. Use Autoresponders as Robotic Sales Agents. A sequence of contacts is a powerful way of delivering your sales message.

6. Give People an Unusually Great Reason To Opt- In. Work harder than other marketers to create
Lead Magnets of Unusual Value.

7. Give People Great Reasons to Stay On Your List. Don’t take it for granted that anybody is interested in reading your next email. Give them a reason to want to read it

8. Ask for a “Sale” in Every E-mail. Treat each e-mail like a miniature sales letter; just be clear what the call to action is for that particular e-mail. Get them in the habit of clicking on your links!

9. Craft a Powerful Signature File for All E-mails. This is a powerful action device. Don’t forget it.

10. Use Broadcast E-mails for Promotions. Broadcasts are great for promotions and launch sequences (time-bound offers).

11. Know Your Most Wanted Response (MWR). If you don’t know it, how can you elicit the desired behavior?

12. Use Only One MWR Per Email. The confused mind never buys.

13. Craft Subject Lines Using the PAC Formula. Write your subject lines so that they are personal, fulfill anticipation, and arouse curiosity.

14. Start Each E-mail with Undeniable, Confirmable Truth. For instance, you might start with the date; subtle credibility.

15. Use Headline Techniques, but Not Headline Formatting. Avoid making your e-mail look like an ad.

16. Put the Main Benefit in the Lead, with a Link. The first paragraph is the lead, and you should have a link to your MWR in that paragraph (or following it).

17. Use a PS That Summarizes the Main Benefit and Provides a Link. Just like in your sales letter, the PS may be the only copy in your e-mail the prospect reads.

18. Place a Minimum of 3 Links to Your Call to Action in the E-mail Body. The first two will get most of the clicks.

19. Send Emails That Look Like They Were Sent by a Friend. You want your emails to look like those of a friend, not like sales fliers or newspaper ads.

20. Design & Content Subject lines when to send

How To Earn Money Reading News Online

noreply@blogger.com (sammynews) — Tue, 10 Apr 2018 18:43:00 +0000

Kindly Read Details and How It Works Including Registration Process On This Page.

About N.I.P And How It Works

N.I.P means NNU Income Program, an initiative conjoined with Nigeria New Update platform, nnu.ng.
NIP is a program with a mission of dealing with financial problems in Nigeria among the youths, students, middle class and whoever that wish to take advantage of earning opportunity and making money online legitimately as it creates the channel for participant to earn passive income on monthly basis.

N.I.P is a two earning opportunity division

NARS: NNU Ad Revenue Sharing

With NARS, participant earns residual income by login in to their NNU account daily, reading news, comment, and even share assigned sponsored post on social media. We share our ads revenue with you monthly when you make NNU community your news and information household / info hub.

NAP: NNU Affiliate Program

With NAP, you are automatically an affiliate when your account get approved after registration. As an affiliate, you earns commission of 62.5% per referral on anyone who join NNU income through your referral link. When you introduce your friends or anyone to participate in N.I.P earning opportunity. You earn instant 62.5% = N1,000 naira commission when anyone successfully register on NNU Income Program. The more people you refer to join N.I.P earning opportunity the more 62.5% commission earning. So, if you can refer at least 10 people to take advantages of N.I.P opportunity daily, you will be earning N10,000 Naira in a day.

NOTE: You have the option to earn passive income taking part in NNU activities daily even when you can’t refer anyone.

Who Can Participate and Why You Should Join N.I.P

Anyone with daily expenses can take part in N.I.P. It is an equal opportunity open for Students, Fresh Graduates, Job Seekers, Bloggers, House wives or anyone who wish to earn money online. Take advantage of your Facebook friends, Twitter, WhatsApp, phone contacts, and stop wasting your precious time online.

If you are a student, getting started with N.I.P is a great decision as an affiliate because there are lot of students like you on campus who are in need of cash and the entry fee is affordable for anyone. The economy has changed a lot over the past few months with the present government tenure.

Employers are hiring less full time employees and more part timers so they don’t have to pay benefits. Becoming an affiliate and getting involved with earning opportunities online is the best option for you. As an affiliate and online business owner, you can alleviate poverty, headache and uncertainty of working for someone else.

Keep in mind though that you must have an entrepreneurial spirit and positive mindset. Affiliate and online business are not for everyone. But, if you like the idea of breaking away from financial bondage in this country, working and making money in the comfort of your home or wherever you are, owning your own business and growing your business at your own pace, then becoming NNU Affiliate is a good starting point and a great choice for you.

How Can I Earn And How Much Can I Earn On N.I.P?

As a participant, you have 4 options to earn more money to your bank account every month on NNU Income Program.

1. NAP: As an affiliate, you earn 62.5% per each referral. When you introduce your friends to participate on NIP, you earn N1,000 Naira from their entry fee / product purchase and becoming part of NNU Community. In future when we will be having more valuable products, you will be earning more commission per sales.

NARS: As a participant, we share ad revenue with you when you take part of NNU activities monthly.

2. Active daily login: When you login to your account daily on NNU browsing and reading news, you earn N50 or more depending on daily revenue share.

3. Commenting and Contributing: When you browse each post, read and contribute your view by comment, you earn from N1 and above on each post you commented depending on daily ad revenue.

4. Sharing sponsored post on Facebook: As from November 1st, we assign a sponsored post to members in their dashboard to share on their Facebook timeline, you earn 50 Naira daily on assigned post you share as recommended. As a member, you are not allowed to share any post news to earn except the assigned sponsored post. Unless you wish to share any interesting post with your friends on social media. We assign a particular post to members on daily basis which we only pay for. On pay day, your Facebook timeline will be reviewed to see if NNU assigned sponsored post is present on your timeline, calculate and pay you including other activities and affiliate earning with our monthly revenue share.

Earning activities amount are not limited to the above mentioned, we do overall calculation monthly and share among all top active earners while we disburse payment on 27th of the month.

So once you register and activate your account by purchasing NIP pack, you will need to edit your profile and provide your bank account details while you start taking part in NNU activities.

In conclusion, You could be making more than N10,000 Naira daily when you are serious in taking part in NNU activities. Your referral earning + Daily login earning + Commenting + sharing post on Facebook could earn you at least N50,000 Naira or more every month.

How Genuine And Who Is Behind N.I.P?

Now you may ask, is this not a scam site? NO. Not at all.

NNU Income Program (NIP) is a financial solution not a quick rich scheme and it’s a Double Your Hustle (DYH) idea created July, 2017 by a young Nigerian netpreneur Paul Samson under the auspices of G-Cyber Technologies. A professional web and ICT business registered under Corporate Affairs Commission (2453653).

Paul Samson is an internet marketer, affiliate marketer, freelancer and a Blogger who has achieved a lot and already made a good living using internet daily by God’s Grace. We have done it before and we are still doing it up till date. We started fromCoolnaira.com a referral network with over 70,000 active members and has paid out over 15 million Naira within 1 year+ and still running smoothly. You may check the site for statistic.

We are the same guys on Eboss.ng an empowerment network with over 5,000 members and has paid out over 60 million naira within 6 months.

So Why N.I.P?

Having running a successful network which a lot of Nigerians has benefited from, it seems like MLM referral network is not for everybody. We found out some Nigerians often lose interest in a program that requires members to refer before earning. But still, many people are looking for alternative options to earn money online to sustain daily need with less stress without having to refer anyone.

NNU has been running for a while using nnu.com.ng as a news aggregator. We look at where there is a financial problem and try to create a possible solution for the general public to live comfortably. This gave birth to N.I.P. (Option That Works)

Check Out Our Strategic Partners

VoguePay

VoguePay is a unique online payment processor whose vision is to offer buyers and sellers a secure and easy-to-use means of transacting business online.

We have been using voguepay on our various system including NIP program to manage inflow online payment transaction. Voguepay has never failed us in managing our programs monetary funds to pay members.

WhoGoHost

WhoGoHost is a web solutions company, which was founded in 2007 by Opeyemi

Awoyemi under ennovate NIGERIA Limited, and later branched out to be incorporated as a company under CAC in 2011 as WhoGoHost Limited. Overtime, WhoGoHost has grown to be one of the top three web hosting companies in Nigeria, providing services for clients inside and outside Nigeria.

NNU.NG is currently registered via whogohost as a registrar and we are glad we did.

More partners and advertisers details coming soon. Use support page if you wish to support and partner with us by advertising and you can also join our Investors Program. Your products and services ads will be showcased on the website and display among our partners here.

How To Register And Get Started

To join NNU community, you need to purchase NNU Income Program Pack with a token amount of N1,600 Naira only (one time payment). Your application will only get approved when you have successfully purchase and pay for this pack. So make sure you have your N1,600 Naira ready before you proceed to registration.

Procedure:

1. To get started, click “Register Now” button below. This will take you to the checkout and registration page where you simply provide your details to register and make payment for NNU Income Package.

2. Currently, we have 2 payment options, online payment via voguepay and direct bank transfer.
If you wish to pay online using your card, voguepayment option will automatically be selected.
If you wish to pay via bank transfer, scroll down to select “Direct Bank Transfer” then click on make payment.

3. Once your transaction is successful (Online), or placed order, you will be redirected to support page where you will send us your payment notification for approval.

My Application Has Been Approved. What Next?

Once we approved your application, you are welcome to the community and also an affiliate.

The first thing is to edit your profile, including your Facebook profile username or profile link, providing your bank account details under Profile > Payment Setting, there is a box where you will enter your bank account details.

The next thing is to get started participating in activities. Browsing nnu.ng from homepage to read latest news update, making comment, from your dashboard menu, click on “Sponsored post” to see the assigned daily post + instruction, share sponsored post on Facebook daily as recommended and also tell a friend about the earning opportunity while you keep earning daily. That’s all!

It’s as simple as ABC and this is what you will enjoy doing in your free time and in comfort of anywhere you are using your mobile phone.

How Will I Get Paid To My Bank Account And What Is The Minimum Payout?

Minimum payout is N5,000 naira threshold (Terms and condition applied). In most cases, affiliates / referral earners and top earners get paid first until available monthly revenue is finally exhausted. If you did not get paid while you have earned N5,000 threshold, it doesn’t mean you wont get paid while the system keep running. You only need to earn more and remain for you to have a share on the following month revenue payout. Make sure you have provided your bank account details in your profile.

~~All payments are carried out every 27th of the month from the company’s account “G-Cyber Technologies”.~~

Update: 1/4/2018

We have made withdrawal option available on members dashboard. Please click hereto check our March payout record for details and withdrawal option.

Membership Benefits

You May Read 10 Amazing Reasons You Should Join NNU Income Today

There are lot of benefit for you as a member. NNU.NG is an online platform with different contributors and aggregator that focus on delivering latest news items, curated relevant information that we believe are of interest to majority from top reliable sources. As such, you get updated on daily basis as you browse NNU platform, sharing your view and also earn few bucks. Read what members are saying from comments below and click register button…

To register click HERE

How To Get Free Bitcoins Hourly

noreply@blogger.com (sammynews) — Mon, 09 Apr 2018 19:08:00 +0000

Firstly, What is Bitcoin?

Bitcoin is an innovative payment network and a new kind of money.

Bitcoin uses peer-to-peer technology to operate with no central authority or banks; managing transactions and the issuing of bitcoins is carried out collectively by the network. Bitcoin is open-source; its design is public, nobody owns or controls Bitcoin and everyone can take part. Through many of its unique properties, Bitcoin allows exciting uses that could not be covered by any previous payment system.

How does Bitcoin work?

From a user perspective, Bitcoin is nothing more than a mobile app or computer program that provides a personal Bitcoin wallet and allows a user to send and receive bitcoins with them. This is how Bitcoin works for most users.

Behind the scenes, the Bitcoin network is sharing a public ledger called the "block chain". This ledger contains every transaction ever processed, allowing a user’s computer to verify the validity of each transaction. The authenticity of each transaction is protected by digital signatures corresponding to the sending addresses, allowing all users to have full control over sending bitcoins from their own Bitcoin addresses. In addition, anyone can process transactions using the computing power of specialized hardware and earn a reward in bitcoins for this service. This is often called "mining". To learn more about Bitcoin, you can consult the dedicated page and the original paper.

Who created Bitcoin?

Bitcoin is the first implementation of a concept called "cryptocurrency", which was first described in 1998 by Wei Dai on the cypherpunks mailing list, suggesting the idea of a new form of money that uses cryptography to control its creation and transactions, rather than a central authority. The first Bitcoin specification and proof of concept was published in 2009 in a cryptography mailing list by Satoshi Nakamoto. Satoshi left the project in late 2010 without revealing much about himself. The community has since grown exponentially with many developers working on Bitcoin.

Satoshi’s anonymity often raised unjustified concerns, many of which are linked to misunderstanding of the open-source nature of Bitcoin. The Bitcoin protocol and software are published openly and any developer around the world can review the code or make their own modified version of the Bitcoin software. Just like current developers, Satoshi’s influence was limited to the changes he made being adopted by others and therefore he did not control Bitcoin. As such, the identity of Bitcoin’s inventor is probably as relevant today as the identity of the person who invented paper.

Who controls the Bitcoin network?

Nobody owns the Bitcoin network much like no one owns the technology behind email. Bitcoin is controlled by all Bitcoin users around the world. While developers are improving the software, they can’t force a change in the Bitcoin protocol because all users are free to choose what software and version they use. In order to stay compatible with each other, all users need to use software complying with the same rules. Bitcoin can only work correctly with a complete consensus among all users. Therefore, all users and developers have a strong incentive to protect this consensus.

Is Bitcoin really used by people?

Yes. There is a growing number of businesses and individuals using Bitcoin. This includes brick and mortar businesses like restaurants, apartments, law firms, and popular online services such as Namecheap, WordPress, and Reddit. While Bitcoin remains a relatively new phenomenon, it is growing fast. At the end of August 2013, the value of all bitcoins in circulation exceeded US$ 1.5 billion with millions of dollars worth of bitcoins exchanged daily.

What are the advantages of Bitcoin?

Payment freedom - It is possible to send and receive any amount of money instantly anywhere in the world at any time. No bank holidays. No borders. No imposed limits. Bitcoin allows its users to be in full control of their money.
Very low fees - Bitcoin payments are currently processed with either no fees or extremely small fees. Users may include fees with transactions to receive priority processing, which results in faster confirmation of transactions by the network. Additionally, merchant processors exist to assist merchants in processing transactions, converting bitcoins to fiat currency and depositing funds directly into merchants’ bank accounts daily. As these services are based on Bitcoin, they can be offered for much lower fees than with PayPal or credit card networks.
Fewer risks for merchants - Bitcoin transactions are secure, irreversible, and do not contain customersÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ sensitive or personal information. This protects merchants from losses caused by fraud or fraudulent chargebacks, and there is no need for PCI compliance. Merchants can easily expand to new markets where either credit cards are not available or fraud rates are unacceptably high. The net results are lower fees, larger markets, and fewer administrative costs.
Security and control - Bitcoin users are in full control of their transactions; it is impossible for merchants to force unwanted or unnoticed charges as can happen with other payment methods. Bitcoin payments can be made without personal information tied to the transaction. This offers strong protection against identity theft. Bitcoin users can also protect their money with backup and encryption.
Transparent and neutral - All information concerning the Bitcoin money supply itself is readily available on the block chain for anybody to verify and use in real-time. No individual or organization can control or manipulate the Bitcoin protocol because it is cryptographically secure. This allows the core of Bitcoin to be trusted for being completely neutral, transparent and predictable.

What are the disadvantages of Bitcoin?

Degree of acceptance - Many people are still unaware of Bitcoin. Every day, more businesses accept bitcoins because they want the advantages of doing so, but the list remains small and still needs to grow in order to benefit from network effects.
Volatility - The total value of bitcoins in circulation and the number of businesses using Bitcoin are still very small compared to what they could be. Therefore, relatively small events, trades, or business activities can significantly affect the price. In theory, this volatility will decrease as Bitcoin markets and the technology matures. Never before has the world seen a start-up currency, so it is truly difficult (and exciting) to imagine how it will play out.
Ongoing development - Bitcoin software is still in beta with many incomplete features in active development. New tools, features, and services are being developed to make Bitcoin more secure and accessible to the masses. Some of these are still not ready for everyone. Most Bitcoin businesses are new and still offer no insurance. In general, Bitcoin is still in the process of maturing.

How do i get my free bitcoins annually

Firstly, you will register by clicking HERE

After confirming your registration, you will have to roll on a tab that the system will show you to get your free, if by luck you get high roll, trust me you will get high bitcoin. Check below image for proof:

You can also refer your friends to earn more Bitcoin and rewards.

How do I refer my friends?

Share your referral link with your friends and ask them to visit it and create an account. On doing so, they will be automatically added as your referral and you will get 50% of their free btc winnings as commission! Nothing will be deducted from their account, we pay the 50% out of our pocket. You will also receive 1 free ticket to our weekly lottery every time your friend plays a free roll! If you do not know how to get your referral link, please see the question above.

VersatileBlog

How to Make Money Online Daily With Owodaily

How To Become A Opera News Hub Creator / Writer

Opera News Hub is a very wide platform owns by a Chinese company in Nigeria and some other countries around the world.

HOW TO CREATE AN OPERA NEWS HUB ACCOUNT.

You can use these following means for the creation of your account:

How to Take Screenshots in Windows 10 - Howrite Blog

A screen capture is a picture taken of whatever's on your screen. Today we're demonstrating how to take a screen capture in Windows.

Stage One: Take Speedy Screen captures with Print Screen (PrtScn)

To Save Your Screenshot as a File

HTML Styles - CSS

CSS = Styles and Colors

Styling HTML with CSS

Inline CSS

Example

Internal CSS

Example

External CSS

Example

CSS Fonts

Example

CSS Border

Example

CSS Padding

Example

CSS Margin

Example

The id Attribute

Example

The class Attribute

Example

External References

Example

Example

Example

Chapter Summary

HTML Exercises

Test Yourself With Exercises

Exercise:

HTML Style Tags

CSS Backgrounds

Background Color

Example

Example

Background Image

Example

Example

Background Image - Repeat Horizontally or Vertically

Example

Example

Background Image - Set position and no-repeat

Example

Example

Background Image - Fixed position

Example

Background - Shorthand property

Example

All CSS Background Properties

HTML Colors

HTML colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

Color Names

Background Color

Example

Text Color

Hello World

Example

Border Color

Hello World

Hello World

Hello World

Example

Color Values

Example

RGB Value

Example

Example

HEX Value

Example

Example

Example