DEMO BLOG!!!

Use H3 for titles. It will help to stand out!

Here you will find some important tips that will help to create a great look blog's post. Please DO NOT forget to add the MAIN image for your blog (see image below). Click on the browse button from the image section on your blog's form data-entry.

The main image will be use as a header on you blog, also it will show on the home page and social media.

The ideal size for the image must be 1000 x 667 pixels or higher. If the image is high resolution, please resize the image and change the DPI from 300 to 75.

Select as many categories as you can for your blog.

Enter as many tags possible. These tags must be part of your blog's content, the selection of the tags are relevant words that visitors may use during the searching process so they may find your company. 

File names

Images file names are very important because it is a great opportunity to include important keywords that people may be using during the search process. To create a great image's file name, you can use the following concept:

Format:
[company name] + [main keyword] + [keyword/project name/client name]

Important Rules:

• Use symbol hyphen (-) to concatenate words
• Use lower case
• Do not use space between words
• Filename lenght must be lower the 255 words

Samples:
agra-tech-commercial-greenhouse-manufacturer-argus-control-systems.jpg
agra-tech-commercial-greenhouse-manufacturer-kira-construction.jpg
agra-tech-commercial-greenhouse-manufacturer-california-berry-cultivars-strawberry.jpg

Learn some recommendations to present images in your blog's content for single image.

Syntaxis:
<div class="[align] [image-size]">
       <img alt="[keywords image description]" class="[tag modifier]" src="[image filename]" title="[visible on-mouse-over]">
       <p class="caption">image's caption</p>
</div>

On the DIV tag:
Choose the right attributes for the CLASS, depending how you need the image to position on the paragraph.

• [align]
  Use image-R & image-L to align the image in the paragraph, where R=right and L=left.
   
• [image-size]
  Image size is related to the space frame. Use full-size to show the image 100% on the space-frame or size99, where 99 represent the % of the image.
  99 could be ONLY 90, 80, 70, 60, 50, 40, 30 or 20, any other value won't work!

On the IMG tag:

• Use attribute ALT with text that describe the image and also keywords people may seach like Commercial Greenhouse Manufacturer.
  ALT attribute is Mandatory.
   
• CLASS will change image's behavior. You may use the following: image-size, frame, or/and shadow. Sample: class="full-size frame shadow"
  
  
• To add image's caption, use the P tag, including the class attribute to indicate that your text will be the image's caption.
  Sample <p class="caption">caption goes here</p>

Some recommendations for double images.

Syntaxis:
<div class="row">
    <div class="col-md-6">
        <img alt="[keywords image description]" class="full-size frame shadow mb20" src="[image filename]" />
        <p class="[font-size] [align]">
            <i>image's caption</i></p>
    </div>
    <div class="col-md-6">
         <img alt="[keywords image description]" class="full-size frame shadow mb20" src="[image filename]" />
         <p class="[font-size] [align]">
            <i>image's caption</i></p>
    </div>
</div>

On the IMG tag

class="full-size frame shadow mb20", mb20 present the margin bottom for the image. mb99 where 99 must be replace only by 20, 40 or 60 (bigger the number, bigger the margin space between image and caption).

On the P tag

• [font-size] could be Medium or Small
• [align] could be Right, Left or Center

Some recommendations for single images.

For full-size

Syntaxis:
<img alt="[keywords image description]" class="full-size frame shadow" src="[image filename]" />
<p class="[font-size] [align]">
    <i>image's caption</i></p>

Organic Lettuce Farm

For % size

Syntaxis:
<center>
    <img alt="[keywords image description]" class="[image-size]" src="[image filename]" />
    <p class="[font-size] [align]">
         <i>image's caption</i></p>
</center>

Use the <CENTER> tag to keep the image on the center of the text area.

On the IMG tag, CLASS attribute, [image-size]:
Use size99, where 99 represent the % of the image. 99 could be ONLY 90, 80, 70, 60, 50, 40, 30 or 20, any other value won't work!

Hydroponics Herbs Greenhouses

Credits

To add blog's credit for the copywriter, use the following code:

Syntaxis:
<div>
    [=ed_copywriter=]</div>

Sample: