Home  •  Forum  •  Blogs  •  E-Mail  •  Support Categories
MyCopper Categories Finance Travel Real Estate Games Autos Entertainment
Blogging On MyCopper
Tips and Helps for blogging on the MyCopper portal.

Using the Editor Interface

Creating Blog Posts are easy with the convenient Editor Interface. Text and images can easily generated, inserted, or copied into your post body and appearance styles can quickly be modified. No knowledge of HTML is needed to create an attractive blog post. An HTML Mode is available for those who are comfortable scripting in this language.

Just about everything you would want to do to lay out and effect the appearance of your post can be accomplished with the Editor in Design Mode using the Editor Toolbar.

Editor Toolbar:


Here is an expounded list of each of the Toolbar Features.

word   Clean Microsoft Word HTML:  Pasting in text from a Microsoft Word document will convert the styles to HTML code. Auto generated code can often generate a lot of extraneous code. Clicking this button will strip away much of this extra formatting.


<H1 style="MARGIN: 24pt 0in 0pt"><FONT face=Cambria color=#365f91 size=5>ATTENTION:</FONT></H1>
<P class=MsoNormal style="MARGIN: 0in 0in 10pt"><FONT face=Calibri>This is <B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; LINE-HEIGHT: 115%">HTML</SPAN></B> text <SPAN style="COLOR: red">generated</SPAN> by <B style="mso-bidi-font-weight: normal"><I style="mso-bidi-font-style: normal">MS Word.</I></B></FONT></P>
ATTENTION: <BR>This is <B>HTML</B> text generated by <B><EM>MS Word.</EM></B>

spell   Check Spelling: As it sounds – this checks the text in your document and alerts you of misspelled words.


edit Cut, Copy, Paste: Use this for editing content of your post.

Note: You may receive an alert that this online feature wants to access your computer’s clipboard. For it to function properly, you need to accept this condition by clicking Allow access.


undo_redo Undo, Redo: This control allows you to step backwards or forwards through changes you have made in the blog post editor.

link Create Link: Creating hyperlinks in your posts are a snap with this handy editor. Select the text you would like to be a hyperlink and click the Create Link icon. You will need to enter the URL field. Title and Target are optional. Title will display a tooltip message when the link is hovered over. Target will allow you to change the window the link opens to.

Remove Link: As it sounds, this control will remove the HTML code that makes your text a link. Select the link text or place the text insertion tool within the link text and click this button. The Remove Link icon is not available until a valid link is selected.


image Insert Image: Use this method if you are referencing an image on the internet using a URL. Enter the URL in the Image Source field.  Alternate Text will display if the image link becomes broken. Alignment will allow you to control how text will flow around the image. Border Thickness applies a stroke around the image. Spacing is the amount of padding between your image and the surrounding text. Dimensions allow you to change the size your image will display in your post.

Note: You can edit these settings by selecting the image and clicking the Insert Image icon.


 Insert Image from Gallery: Inserting an image by Using the Gallery allows you to upload images to the MyCopper Server. This is especially useful for image like logos that you will like to use often. Look for more on this in a later post.

Begin by Browsing and Uploading an image from your computer’s hard drive.

rule Insert Rule: This ads a line break graphic element to your post.

symbols Symbols: This drop-down list provides a convenient reference to symbols or special characters not easily accessible from your keyboard.

font Font Style Presets, Font, Size: To edit the appearance of your text use the style presets. Change the font or adjust the size of highlighted text by selecting one of choices in these drop-down menus.

color Foreground Color, Background Color: Use these controls to change the color of your text.


 style Bold, Italic, Underline, Superscript, Subscript, StrikeThrough: These controls are fairly self-evident and in keeping with most text editing controls.

Bold Text Italic Text Underline Text SuperScript Text SubScript Text StrikeThrough Text

justify Left Justify, Center Justify, Right Justify, Justify Full: Quickly adjust the justification of your selected text. This post is left justified.

formatting Ordered List, Unordered List, Indent, Outdent: Add some formatting styles that will enhance the readability of your post.

  • Add an ordered list that begins each item with an incremental number.
  • Try an unordered list or bullet list that helps to define brief points of interest.
  • Indents are useful for quotes or reference text – this renders as a blockquote.
  • Outdents bring the indented text back to the margin – removing the blockquote tag.

designhtml Design Mode, HTML Mode : Most of your post editing will be done in Design mode. This smart interface builds the HTML that defines the styles of your post elements such as headlines, text, and images. Use the HTML mode when you want to customize or override the code generated from the editor in Design mode.

Warning: Having a working knowledge of HTML is important. Changing the HTML can break the way your post displays or can cause your post to not render correctly. HTML or Hyper Text Markup Language is the scripting language that tells the client browser how to display the page content. More on HTML tags and standards can be found at the World Wide Web Consortium. Here is a nice primer to get you started – Getting Started With HTML.