Using an HTML Editor to Make Your Online Life Easier

If you’re paying an expensive website designer to edit and create pages for your website, you can save that high priced expense and do it yourself with an easy to use HTML editor. The latest content management systems on the market today allow anyone, even those without training in HTML, to edit and create their own pages.

All-in-One Editor Allows You to Take Control

With no programming or web design training, you can begin to take control of your website or blog management with your own HTML editor. The latest online content management systems offer everything you need to manage, edit, and create websites and pages quickly and easily. Included are amazing interactive features to add to your site with just fast click of a button. These state of the art content management systems are unique and offer not just an HTML editor, but also fully customizable modules to use on your blog or website.

So Many Interactive Modules, So Little Time

Photo Editor: Along with the HTML editor, you’ll find a photo gallery module with everything you need to share and present professional images and photos online. This is done with no installation, no expensive software downloads, and you’ll only need to sign up online to customize a photo gallery to fit the design and specifications of your website or page. You can use the photo gallery tool to quickly upload photos and images to your blog or website and manage them with amazing ease.

Calendar: The HTML editor also has a calendar module which gives you the ability to create great looking calendars for your website that help you share and promote events through you site or blog. You can design your calendar quickly and easily in a style to fit your website design.

Flash Maker: Now you’ll have the option of making your own flash banners, teasers, and animated slideshows to publish on your blog or website. Your online content management system makes creating these flash additions to your site super easy and affordable because they don’t require an expensive piece of software or hiring a website designer.

Music Player: Included with your online HTML editor is an easy to use music module which allows you to share music and audio files on your website or blog. The module makes this addition to your website or blog fast and easy.

Image Editor: Another user-friendly module is an intuitive image editor which allows you to change, resize, or edit images and photos wherever and whenever you like. This module helps you manage and create content your website visitors will be drawn to.

Content Ticker: This easy to use module will help you create professional scrolling content to pitch special offers or display key content on your website or blog. You can create scrolling content designed to match and complement your website.

HTML Editor and Modules for Your Website

The newest online content management systems feature a powerful editor to help you edit, create, and manage your websites and blogs. This is all done online with a system designed for easy use so there is no need to learn complicated HTML language or purchase fancy software costing hundreds of dollars.

There is no need to do remote setup or website hosting as these new HTML editors and interactive modules can be accessed and easily used from any web browser, anywhere in the world. There are no software installations or complicated configurations necessary. You can create and edit web pages while mobile from any computer or mobile device giving you incredible freedom.

AWeber: New Editor for Newsletters and Autoresponders

Finally this spring AWeber rolled out their WYSIWYG (which decodes as what-you-see-is-what-you-get) editor, also called click-and-edit editor, or drag-and-drop editor. Basically what it means in plain English is that now each little part of your newsletter is represented by its own editable area. In order to add content to an article, header, introduction, image – you click on a relevant area which opens a little editing box (with options very similar to MS Word) and create your awesome content. Then you can drag and drop content areas around the newsletter.

No messing around with HTML, no worrying about accidentally deleting some template code… Sounds great, right? Well, not quite.

We’ve done our extensive testing. As we were pretty excited about this development – it would have solved a lot of pain for our clients who are into Internet Marketing and for us, when we have to check and fix their newsletters before they go out. And we’ve uncovered there are still a few issues that will limit a lot of your Internet Marketing efforts with email marketing but overall if you use AWeber now it will probably be of some help.

Here’s how it works.

In order to use the editor login to your AWeber account as normal, select the list and go to Broadcast messages. You will see the options switched around now. So if you want to use the old editor and your old template – select the option below. Otherwise press the big button to experience the new feature.

Next you will see the new Message Editor. It’s got a couple of key features:

  • you can still paste your own HTML newsletter code or send a message as plain text;
  • you can select from a number of pre-designed templates that have been formatted to work with the new editing features;
  • you can filter templates based on colours or keywords;
  • and, you can create your own template (in a separate HTML editor), use the code in the Template Editor window, add new AWeber tags, then save and use in the list.

Once you’ve chosen and loaded your template into the editor you can start creating your newsletter. AWeber default templates will come with pre-defined areas for editing and some Lorem Ipsum content to show you how it will look eventually. You can then click on different regions on the newsletter in order to start editing.

The downside here: you can’t edit default templates. Either you like them and use them as is, or you create something else yourself. Although you can use various content widgets within the newsletter, they will have to fit into the default structure and settings. Image hosting still has to be done elsewhere – your own website, Amazon S3, Dropbox, Google etc.

You might say here: did we not have these options before? What’s changed? Well the main change is how the message editor works. Previously, if you worked in the Design tab and were adding or editing your newsletter content – you could actually format, add or remove HTML code in the background. That changed your newsletter layout and presentation. Now the code is protected – even if you copy content from Word, you won’t suddenly get lots of “funny styles” in the newsletter.

You can also add the following widgets to the newsletter now:

  • Headlines – big headers that will separate sections in the newsletter or act as the newsletter’s title;
  • Articles – text and image combination with an optional Read More link for your website;
  • Paragraph – text only option;
  • Image – large image to stretch as wide as your newsletter;
  • Button – image button with a call to action;
  • Follow Me – adds social media (Twitter and Facebook) icons and links if you have your accounts already linked with AWeber;
  • Products – slimline tall combination of image + title + description + price. Works best in sidebars.
  • Coupon – a little section where you can add your special offer. Usually bolder, without an image, centre aligned.
  • Logo – adds your logo image to the newsletter. You can resize it to be pretty wide and act as a newsletter header;
  • Signature – your photo, name and email address section.

You can still add attachments (at the bottom of the Message Editor), Save for later, Test & Preview. Autoresponder creation (Follow up message editor) works exactly the same.

Once you are done with editing your newsletter – click next to review and edit Sharing and Archiving options, then Next again to select which Lists to send to and Schedule.

Another major issue from our design perspective: very limited functionality for own template creation. Effectively you need to create a template that has a basic structure design without going into much detail per article/section. You will then need to add AWeber content tags which will give you 6 editable regions for your newsletter: Header, Footer, Content, Sidebar 1, Sidebar 2, Sidebar 3. Content tag is required (where you will be placing your widgets in the Message Editor), the rest are up to you if you need them. What this means is that you can’t define styles and formatting for Widgets reliably and when you load your template – you don’t get any Lorem Ipsum content there.

So a solution to this issue would be to load in your custom email template, add the tags, save, create a draft newsletter with all widgets set up and configured how you will use them in what places they need to be. Save this draft as your TEMPLATE DRAFT and don’t edit it with actual content or send. Then every time you need to create a newsletter – copy this draft and populate your widgets with content to send.

Hope that’s been helpful – feel free to comment below and ask any questions you have! For more information also refer to this blog by AWeber: new editor is here.

How To Insert Image In WordPress

Hi there. I’m new here and I hope my first article can be useful to some new WordPress users. In this example, I’m using the WordPress version 3.01 to explain this. If you are using older version, don’t worry. It should be almost the same. Otherwise, please install the latest WordPress version if you are not sure.

Now let’s begin:

  1. In your WordPress, on the left column. Under the Post or Page, click Add new.
  2. By default, the WordPress editor look very simple. It is just a white box with some small icon (or tools) on top of it.
  3. First, move your mouse cursor and click on the location inside the editor space, where you want the image to be put.
  4. Then, move your mouse cursor to the top of the WordPress editor, you will see the words Upload/Insert, click on the small rectangle icon just next to it on the right side. (the one closest to it)
  5. It is the Add an image icon link.
  6. A new pop-up window will be opened, it will said, Add media files from your computer.
  7. Click on the Select Files.
  8. Now, browse to the image file you want to insert into the editor space.
  9. Wait for it to crunch…. yummy
  10. Then the image thumbnail will shown (if it is not shown, maybe your upload is fail or your image filename is not named in alphabet or number).
  11. You may leave the Titlefield empty if you want to.
  12. Click on the Noneunder the Link URL.
  13. Select the Alignment and Size you want.
  14. Finally, click on the Insert into Post or Insert into Page.
  15. The pop-up window will closed automatically.
  16. Now your newly uploaded image is displayed in the editor area.
  17. If you want to move it to another paragraph or line, you can move your mouse cursor on top of the image, click the left mouse button and hold it. Drag the image to the location you want.

That’s all. Very easy to insert an image into WordPress.