Picture
"Weebly Page HTML Code" image by Mike DeHaan
Thanks to a reader who asked "Have you found a way to place custom HTML text onto a Weebly blog page but not in a blog post and not in the sidebar?"

(By the way: I have super-sized pictures of these images in my promotional article in DeHaan Services, "Why Add Custom HTML Code to a Free Website").

The insufferably unhelpful answer is "Yes, thanks". But let's make this a useful article instead.

The above image is from my "90 Second Timer" page on this Weebly blog, in edit mode. Yes, this is a free web site; yes, Weebly does support custom code.

I've circled some custom HTML and a control. But that's not the whole story of how to add custom HTML to a Weebly page.

By the way: this post does not explain all about "how to code HTML"; it covers how to add HTML to a free website hosted by Weebly.

When I decided to create my own free website, I too wondered how much I could customize Weebly. It's a pleasure to share what I've learned so far about Weebly for free website creation and hosting.

How to Add Custom HTML to a Weebly Blog Post

Before we tackle the rest, astute Weebly bloggers will notice that the "Custom HTML" form is not available by default when editing a blog post.

Notice that the default is the "Basic" + "Elements" list, with the "Paragraph", "Block Quote", etc.

You add the "Custom HTML" form by using the upper menu: click "More", then "Misc", and voila! The "Custom HTML" is the first form on this row, along with others. Just drag and drop this form onto the page or blog post.

What is "Custom HTML" Anyway?

Nearly everything on the Web is written in HTML, "HyperText Markup Language".

When you add an image, or create a link, in the usual "Paragraph with Picture" form, Weebly adds specific HTML code that remains hidden from your view.

Special text effects such as bold, italic or colours are also pre-packaged HTML codes that Weebly provides.

However, HTML can do much more than this.

The Weebly platform allows you to add whatever HTML you want, but only through the "Custom HTML" form.

If you try it in the usual "Paragraph" form, for example, the automatic Weebly editor will strip out the HTML code.

Finishing the Custom HTML Story for Weebly's Free Web Site

Picture
"Weebly SEO Settings" image by Mike DeHaan
Some types of "custom HTML" are actually Javascript code snippets or other executables that must be placed earlier on the page.

For my "90 Second Timer" page, I had to add code in the Header section.

Depending on what you're adding, you may need to add custom HTML code to Footer section instead.

Purists may argue that we're talking about Javascript code rather than HTML, but I'm trying to address what a fellow Weebly author might be trying to do. "Blast it Jim, I'm a blogger, not a professor". (With apologies to Dr. "Bones" McCoy).

That code is available to every page or post on your Weebly free website.

Why Add Custom HTML Code to Your Weebly Blog?

You'll notice that you can add some widgets or forms that Weebly makes available. For example, there's a Google AdSense widget for monetization.

However, some other add-on processes might need custom code that Weebly does not support yet.

You might want to create special effects, like my timer.

If this helped you learn how to code HTML into your free website on Weebly, or if you have further questions: please leave a comment and let me know. Thanks for reading about how to add custom HTML code to your free website under Weebly.
 
Picture
"Mennonite Hymnal and Song Books" by Mike DeHaan.
It never rains but it pours. Today's forecast...no, make it a post-cast...calls for heavy image copyright posting here at my Blog of Writing.

Sorry, this is my second incomplete draft post of the day. Normally I only write one post per day, and I prefer them to be complete.

This is also began as a remarkably large image! Fortunately the "resize" tool works.

Publicity for my first Mennonite Music Article

Once this article is published, I also will promote it in DeHaan Services () and in my Xanga blog ().

One Writing Tip about Images for Weebly

Not too long ago, Weebly introduced a "drag" feature for the image loading tool.

The old method required the writer to "browse" through images from a pop-up directory listing.

This was especially annoying because the Weebly editor, or possibly the web browser, remembers the latest folder from which you copied an image. If you work from different folders, it's a nuisance to navigate the folder listings. If you kill the cookie that remembers where you were, your starting position

My writing tip is to use the "drag" feature, especially if you've already opened that folder list to decide which image you want to include.

You already have the right folder open. You already see the image, if you're using a "large icon preview" view.

You certainly don't see a preview of the picture from the Weebly file list.

So, make your life a lot easier. Even if WordPress or Blogger force you to browse a list of file names and navigate your own directory structures, enjoy the simplified Weebly "drag your image" feature.
 
I had ignored this blog for a few days, mainly because I had somewhat of a writer's block about one client's articles.

The amusing TIP is to just start writing. At least for me, it turned out to be the kick-start I needed.

On the other hand, those articles had required a fair bit of research, as well as a theme or approach. So perhaps I could just as easily claim that the spark of "genius", or at least "creativity", cannot be rushed.

Since I prefer to think of myself as pro-active, I will claim that I should simply have started writing sooner.

On another topic, my Experimental Blog here on Weebly has yet another discovery. It came from simply slogging along, noticing a feature, trying it out and noticing something interesting.

Can this become useful? Time alone will tell.

    Author:
    Mike DeHaan

    Mike DeHaan began writing professionally in 2010 as the sole proprietor of DeHaan Services.To see this information with the best background image, please refer to "About.Me",  befriend me at Facebook, or circle me at Google+.

    Socialize...

    Circle me at Google+ with: .
    Google_+1 this post or page with:

    StumbleUpon this post or page with:

    Zoom me when it's Canadian content: .

    Friend me at Facebook.

    Tweet this article via

    Thanks!

    Categories

    All
    Article
    Articles
    Business Tips
    Nature
    Weebly
    Writing
    Writing Tip
    Writing Tips
    Writing Wordpress

    Archives

    November 2013
    October 2013
    September 2013
    August 2013
    July 2013
    June 2013
    May 2013
    April 2013
    March 2013
    February 2013
    January 2013
    December 2012
    November 2012
    October 2012
    September 2012
    August 2012
    July 2012
    June 2012
    May 2012
    April 2012
    March 2012
    February 2012
    January 2012
    December 2011
    November 2011
    October 2011
    September 2011
    August 2011
    July 2011
    June 2011
    May 2011
    April 2011
    March 2011
    February 2011

    Flexible Sidebar

    Weebly's "Blog Author" widget from the Blog Sidebar's Elements menu provides a lot of flexibility. You can change both the title and the text.

    It has all the capabilities for text editing that you find in most Weebly text widgets.

    At this point, I don't see a way to code any HTML in this widget.

    The "Picture" does what you expect: it displays an image of your choice. I just added my home-made picture of "Copyright DeHaan Services 2013" as the top element in this sidebar on Jan. 22, 2013.

    The "Search Box" is a "Pro" feature; if you're paying for Weebly hosting, it may be worthwhile.

    The other widgets are pre-programmed to do what they say.


Check PageRank