Sign up | Upgrade | Pricing | Help | Contact
Main Page  »  How To
View Article  How To
This section contains useful articles and information on how to do stuff in Bloggerce. From updating your blog by email to adding a custom banner image to your blog, this is your best address.
View Article  How to Add a Google Search Component to Your Blog

(Thanks to Ross Rader and Joey DeVilla at Blogware for writing this great article.)

This article was wThis "How To" will not only show you how to add a Google Search Bar to your blog, but will show you more indepth how to create Custom Components using Bloggerce.

First, log into your Bloggerce Control Panel and go to the Layout Manager, located in the Look and Feel section.

Click the Look and Feel tab in the Navigation Bar. Since Layout Manager is the first item in the submenu, it will be selected by default.

 Go to the Advanced section of the Layout Manager.

The Layout Manager has its own set of tabs. Click the Advanced tab.

In the Add Custom Component area, enter the name and the code for the component to be created.

Enter Google into the Name textbox.

Copy the code below and paste it into the Content text area.

<div class="component">
<div class="componentHead">
Search Google</div>
<div class="componentContent">
<div class="componentSearch">
<form method=get action=
"http://www.google.com/search">
<INPUT TYPE=text name=q  size=20 maxlength=255 value="">
<table border="0" cellpadding="0" cellspacing="0" class="componentSearch">
<tr>
<td nowrap>
</tr>
<tr>
<td nowrap>
<div style="margin-top:2px;">
<input type="submit" name=vpop class="buttonWhite" Value="Submit"></div></td>
</tr>
</table>
</form>
</div> <!-- componentSearch -->
</div> <!-- componentContent -->
</div> <!-- component -->


Once you have filled both the Name and Content fields, click the Add Component button.

Your new component will be created and will appear in the Custom Components list.

Now that you've created the component, it's time to put it into the layout of your blog. Let's suppose you want to include it in one of the sidebars of your blog.

Go to the Columns section of the Layout Manager.

You do this by clicking on the Columns tab.

Move the component you've just created from the Inactive column to one of your sidebar columns.

All custom components appear in the Layout Manager as "Custom: xxx", where xxx is the name you gave the component. The component you just created is called "Custom: Google".

In this example, we'll put "Custom: Google" at the bottom of the left column. Click and drag the "Custom: Google" component out of the Inactive column...

 ...drag it over to the bottom of the left column...

...and drop it.

Check your handiwork.

The Preview button lets you check the results of your rearrangements in the Layout Manager. It will open a window showing you what you blog will look like. The changes will not take effect until you click the Save button.

Click the Preview button to see a preview of your new layout.

Here's what it looks like in the blog. It'll look slightly different if the reader is logged in, but in either case, you'll notice the Google search component is now in the layout.

View Article  How To Make A Slideshow Using Bloggerce

(Thanks to Joey DeVilla for posting this article on the Blogware website.)

Bloggerce has a cool feature that lets you run picutres you've posted to your Photo Album as an automated slideshow. Here's how you do it.

Once you've logged in, click on the Settings tab of the Navigation Bar.

Take a look near the lower right-hand corner of the page, near the bottom of the Options sidebar. Notice a checkbox -- the one marked Enable Slideshows?

Checking that checkbox enables Bloggerce's slideshow feature. Now your readers can choose to click through each picture in your album, or have each one presented to them automatically as a slideshow.

Let's take a look at a photo album recently posted on featuring photos of a billboard near Queen Street West in Toronto. Here's what the photo album's main page look like.

Notice the icon above the photos? That's the slideshow icon. Clicking that icon opens a new window containing the slideshow. The slideshow starts, displaying all the photos in the album (click here to start the slideshow):

The controls along the top of the window control slideshow playback. Each photo in the album is shown for a short period of time (which can be set to 1, 3 or 10 seconds), after which the next photo is shown. Once the slideshow finishes showing the last photo in the album, it starts over from the beginning.

View Article  How to Import from Blogger
To import your blog from Blogger, you'll need to follow the steps below:

Step 1:  Export from Blogger

  1. Log into Blogger and select the blog you wish to export.
  2. Select the Settings tab
  3. Select the Formatting tab.
  4. Change Show value to 999 Days.
  5. Change the Timestamp Format to mm/dd/yy hh:mm:ss xx.
  6. Click the Save Changes button at the bottom of the page.
  7. Select the Template tab.
  8. Select all the template text and press Delete (on your keyboard).
  9. Copy the template from below (including the dashed lines) and paste it into the template window.
  10. Click the Preview button.
  11. When the new browser window appears, select the View Source option appropriate for your browser.
  12. At the top of the source document, delete all lines above the intitial AUTHOR line.
  13. At the bottom of the source document, delete all content below the last long dashed line, including the <body> tag.
  14. Save the file as import.txt.
  15. In the blogger window, click the Cancel button.
  16. Select the Formatting tab.
  17. Change the Show value to its original value.
  18. Change the Timestamp Format back to its original value.
  19. Click the Save Changes button at the bottom of the page.

Here is the template:

<Blogger>
AUTHOR: <$BlogItemAuthor$>
DATE: <$BlogItemDateTime$>
TITLE: <PostSubject><$BlogItemSubject$></PostSubject>
PRIMARY CATEGORY:
STATUS: Publish
ALLOW COMMENTS: 1
ALLOW PINGS: 1
CONVERT BREAKS: 0
-----
BODY:
<$BlogItemBody$>
-----


--------
</blogger>

Step 2:  Editing Your Import File

At this point, you are ready to do the import. However, if you are interested in categorizing your posts or including the comments from your old blog, you must edit the import file.

CategoriesTo categorize the posts, simply type the category after the PRIMARY CATEGORY:  line for each post. Bloggerce can automatically create the categories during the import, but that also means that any typos will also be created. It is possible to categorize the posts after they are imported so this is optional.

CommentsIf you want to include comments, then you need to understand how the import format works. The eight dashes following the content of each post mark the end of the post. To add a comment to the file, insert the following immediately below the post content and above the eight dashes:

-----
COMMENT:
AUTHOR:
EMAIL:
URL:
DATE: mm/dd/yyyy hh:mm:ss
(comment)
-----

Now complete the AUTHOR, EMAIL (optional), URL (optional) and DATE lines. Finally, replace the "(comment)" line with the actual comment text. Multiple comments for a single post are added in the same manner — always directly above the eight dashes.

Step 3:  Importing into Bloggerce

  1. Enter the location of the import file (import.txt) to be uploaded
  2. Choose a default category
  3. Choose whether categories should be automatically created
  4. Click the Preview  button to begin the import process
View Article  Update Your Blog by Phone or Email

With Bloggerce, you can update your blog when you're away from the web by sending an email to your blog. This can be from an email account on a computer (other than your own, for example), or from a mobile device (phone, Treo, etc.) - any device that can mail a message to an email address.

How does it work?

You will create an email shortcut which is an email address to which you send email that gets turned into a blog entry. There are two types of email shortcuts:

Article email shortcuts

Email messages sent to article email shortcuts are converted into articles and posted to one or more specified categories in your blog. The subject line of your email becomes the article title, and the body of your email becomes the article body.

Photo email shortcuts

Email messages sent to photo email shortcuts are converted into photos posted to a specified photo album in your blog. The subject line of your email becomes the photo caption, the body becomes the photo description, and the attached picture is used as the photo.

Setting up your email shortcut

Every new blog comes with a default email shortcut for posting articles called Main. In addition, every new blog comes with a default email shortcut for posting photos called Photo which posts to the default photo album, Photos.

Your blog is initially set up so that it will accept messages only from the email address of the blog's owner (that is, the email address listed in the user account information for the owner) and post it to the Main Page category of your blog.

You can find out what the shortcut's email address is by going to the Moblogging page (that's "mobile blogging," by the way) in the Control Panel. 

The Moblogging Page

On the Publishing Defaults page, click the Moblogging link. This opens the Moblogging page which lists all the email shortcuts that have been defined for your blog and allows to you add, edit and delete email shortcuts.

You should have two email shortcuts by default: Main and Photo. The Photo shortcut is for posting photos via email; photos sent to this email address are posted into the Photos photo album.

Pictured below is a view of the Moblogging page for a new blog:

The entry in the Email Address column for the Main or Photo shortcuts is the email address. Sending an email to this address will post it as an entry to your blog's main page.

To get the default email address for articles or photos:

1. Click the Settings & Security tab on the Navigation Bar.

2. Click Publishing Defaults in the Options list.

3. Click Moblogging.

4. Copy the default email address for articles into your mobile device.


Setting Your Mobile Email Address As a Valid Sender

In order to prevent unauthorized people from posting photos to your blog via email, email shortcuts check the sender's email address and accept only those emails from valid senders. You can define up to twenty valid senders' email addresses for each email shortcut.

By default, the only valid sender's email address is the email address of the blog's owner. In most cases, this will not be the same as the email address used by the mobile device you want to use. You can add a valid sender to an email shortcut by editing its settings, which you do by clicking on its name:

The Edit Shortcut Settings page for that shortcut opens:

Ensure that the Require email confirmation checkbox in the Options sidebar is cleared:

Enter the email address of your mobile device into a new line in the Valid Sender Email Addresses field, located near the bottom of the page. For example, if the email address of your mobile device is mobiledevice@example.com, you would enter it on a new line as shown below:

Posting an Article or Photo

Once the email shortcut has been programmed into your mobile device and your mobile device's email address has been added to the list of valid senders, you can post articles via email.

Note: Posting of attachments in email messages is not currently supported; attachments will not be posted to your blog if you post via email.

To post an article to an email shortcut:

1. Start a new email message.

2. Enter the email address of the email shortcut into the To: field.

3. Enter the title of the article into the Subject field.

4. Enter the body of the article as the main text of your email message.

5. Send the message.

View Article  How To Center Your Page

If you look at the Bloggerce help page, you'll see that it's "centered" on the page. Normally, our templates fill the whole screen and automatically resize as you resize your browser window. If you want your blog to always have the same width, and be centered on the page, follow the following step-by-step how to:

  1. Login to your Blog Admin Control Panel through the Login page

  2. Click on the Look and Feel tab, then the Templates subtab.

  3. Now you see a list of the Templates you can customize. We are going to customize the style template, so click Edit in the row that begins with the word style.

  4. Now you'll be on a page listing the current Styles and your current style already chosen. Go all the way to the bottom and click the Customize button.

  5. You'll come to the page where you can customize the CSS - this is the HTML code the controls how the style looks on the screen. The top box contains the CSS used to create the current style. You can't modify this, but you can add your own custom styles in the bottom box. Enter the following code exactly into the bottom box and click on the Save CSS button:

table.columns {
   width: 850px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
}

#content {
   text-align: center;
}

.article {
    position: static;
}

.articleBody {
    position: static;
}

Your main table should now be 850 pixels wide and centered on the page regardless of which Color Scheme you have chosen for your blog.

Too narrow? Make it 900 or 1000 pixels wide. Just experiment until you find a look and feel you like. Questions. Send them to help@bloggerce.com.

View Article  How to Add a Banner Image to Your Blog

The standard templates available for your blog are cool, but you may want to include a banner image instead of just having your blog's name written in text. The process is a little complex, but follow these steps and you can do it too!

First, create your banner image in a graphics program like Adobe Photoshop. You'll then need to upload it to Bloggerce using the File Manager.

Go to the File Manager section and create a new subdirectory called Banners. You'll see it in the list below. Click on it, then click Browse above to find and copy your image. Click upload and wait until the page says "File Uploaded."

Now you should see your image in the list below. Right click it and choose "Copy Shortcut." You might want to paste this into a Word or text document or something like that because you'll need it later.

Next you're going to create a Custom Component. Click the Look and Feel tab at the top navigation bar. On the following page, you'll see a row containing Options at the bottom of the navigation tabs. Click on Layout. Then click on Components. We're going to customize the Blog Name component to display the banner image we uploaded.

Click on the Customize button next to the Blog Name component. You'll see HTML code that looks like this:

<div class="component">

<div class="componentBlogname">

<a href="{{blog.url}}">{{blog.name}}</a></div>

</div>

We want to replace the words and symbols {{blog.name}} with something like the following:

http://www.bloggerce.com/banners/Logo.gif
 
So that it appears:

<div class="component">

<div class="componentBlogname">

<a href="{{blog.url}}"><img src="http://www.bloggerce.com/banners/Logo.gif

 

Now, you're not going to write bloggerce.com but your own site name - such as example.bloggerce.com, and the name of the file will be the one you just made - it should be exactly what you just copied as a shortcut - just paste that (or copy and paste it if you placed it in a Word document for safe keeping)

To finish up, click the Add Component button. Now you will see there is a new custom component called Custom: Blog Name.

To place this in your layout, click on the Header tab (still under the Look and Feel main tab). You'll see three columns with an existing component called Blog Name already in one of the columns. And you'll see the Custom Component you just created in the Inactive column to the right.

Drag and drop the Custom Component into the column where Blog Name is now, and drag Blog Name out and into the Inactive column. Click Save and preview your page.

We know it's a bit complex, bbut you can do it! Any questions: contact us: help@bloggerce.com.

View Article  How to Keep Your Blog Posts Secure

Bloggerce offers you a great way to share content privately with colleagues or friends. All you have to do is create a secure or "restricted" category. It's as simple as checking one box. Then only readers you've authorized will have access.

You can restrict access completely - so no one sees the private category at all unless you give explicity permission in advance - or you can show the category but display a message saying "sorry, this content is restricted" and then allowing readers to request access. It's a great way of saving some content for paying customers or as a means to collect email addresses from potential prospects.

View Article  How to Share with Your Bloggerce Blog

Blogging is all about sharing. When you create a Bloggerce blog, you have a platform for getting your writing, your pictures and your podcasts out to the world wide blogsosphere...with the click of a button.

Bloggerce lets you post:

Articles
Reviews (we have different templates for books, movies, and music)
Pictures (arrange your photos by albums, automatically resize and generate thumbnails)
Podcasts - if you can make an audio file, you can post it and let your listeners subscribe. Read our podcast page for more details.
Files of any kind - Bloggerce is a full-fledged Content Management System. Any file you can create, you can share: from Word documents to Excel spreadsheets and PowerPoint presentations.

All this with no messy HTML to worry about as you would with a traditional website building program.

So what are you waiting for? Bloggerce is the best place to build a blog, post a podcast or share your stuff. Get started sharing today.

View Article  How to Switch From MovableType/TypePad or Bloggerce

If you have a MovableType or TypePad blog, follow these steps to move to Bloggerce.

(If you have a Blogger blog, click here for instructions.)

Let's consider this little Movable Type blog, pictured in its entirety below:

This blog doesn't have just entries, it has categories. I'd like to be able to not only import those categories; I also want to import my categorizations. In other words, if I had an article posted under Category X in my Movable Type blog, I'd also want it under Category X in my Bloggerce blog.

There's more: some of the entries have comments. The comments don't just contain the title and text of the comments, but also the URLs and emails addresses of the people who left them. If I were to switch blogging tools, I'd want to take them along.

Bloggerce's Import tool makes switching easy. The first step is to export your blog from Movable Type. This is a one-click process that takes your blog and turns it into a text file which you can save on your hard drive.

Once you have this file, you can import it into Bloggerce. It's a simple matter of logging into Bloggerce and calling up its Import feature, shown below:

In the screenshot above, we've selected the Movable Type option (which imports Movable Type and TypePad blog export files) and selected the export file. I've also checked the Create categories referenced in import file checkbox, which tells Bloggerce that I want to import my Movable Type categories.

Clicking the Preview Entries button starts the importing process. There are two ways to go through this process:

  • You can go through each entry in your blog, reviewing it and even making changes if needed, or
  • You can ask Bloggerce to import it all at once.

Let's review the first entry to be imported:

As you can see, Bloggerce read the title and body perfectly. A quick glance to the right confirms that the categories under which this article was posted were also read in:

...and a glance down shows that the comments, along with all the information attached to them, were read in too.

Bloggerce offers many options when importing a blog, as you can see below.

I took the simple route and clicked the Import All button. Since the blog was a small one, it took only a couple of seconds, and the process was complete. A click of the View Blog button in Bloggerce's Control Panel gave me this

A click on the permalink for the "Chicken and Waffle" entry gave me this:

The move is complete, and everything -- entries, comments, categories -- is intact. Just as the movers made moving into my house much easier, Bloggerce's import tool made "moving in" quite painless. In fact, if we count starting from Bloggerce's import tool page, the move from Movable Type to Bloggerce took six clicks!

-- this article was adapted from one posted by Joey DeVilla of Tucows who originally wrote it on the Blogware Help site

View Article  How to Use A Custom Domain Name for Your Blog

Bloggerce supports the use of a custom domain name for your weblog. For example, maybe you have already registered your own domain name - let's use the domain name example.com - and want to use that domain name (www.example.com) instead of using something like example.bloggerce.com.

Trial Blogs can not use a custom domain name: only upgraded blogs can use a custom domain. Once you've upgraded your trial blog, send an email to help@bloggerce.com and let us know what domain name you would like use for your blog. You'll have to update your domain name's DNS records. It's a bit complicated, so email us and we'll walk you through the process.