Blogging with an iPad: Choosing a web browser, setting up your theme and adding widgets

My iPad is a significant part of my life.  It goes almost everywhere with me and is the one device I can’t live without for both work and leisure.

With more educators looking at iPads as a replacement for student laptops and netbooks, we’re regularly being asked for blogging tips using iPads.

So I’ve decided the best way to provide advice is build a new blog using just my iPad and post about it as I go!

Web browsers on the iPad

Lets start by talking about web browsers since you’ll need to use one as you’re setting up your blog.

While Safari is the default web browser on an iPad there are apps that provide considerably better browsing with greater functionality than Safari.

Alternative web browsers for iPads include:

I’ve decided to use iCab mobile because:

  1. It has the richest feature set
  2. It supports tab browsing so you don’t have to keep zooming in and out of your browser to move pages
  3. I’m able to access more blog features inside my dashboard than any of the other browsers

You can choose to use Safari rather than purchase an app like iCab mobile however support of tab browsers makes the process considerably easier and quicker.

Tab browsing in iCabmobile on an iPad

Here’s a quick comparison of the main differences between these browsers:

Quick iPad Browser comparison

Tip:

  • The iPad’s dock at the bottom of the screen where you can ‘stick’ icons of your favorite apps so they remain accessible from all other Home screens can hold up to six different apps.
  • To add more icons to the iPad dock, or replace existing apps, just touch and hold any Home screen icon until the icons begin to wiggle.
  • Now drag the app you want to add from the Home screen into your dock.  When complete, press the Home button to save.

The most annoying aspect is Safari is the default browser and, unlike a computer, you can’t change this on an iPad.  So instead I’ve added iCab Mobile to my iPad dock to make it easier to access.

dock41

Creating the blog

Now it’s time for me to create the blog.

I’m creating it via the Edublogs sign up page using  iCab mobile however:

  1. If you’re new to blogging start by reading these things to consider before creating your blog
  2. If you’re setting the student blogs follow these instructions

Tip:  A handy shortcut is to doubletap on your home button. This brings up a toolbar which makes it easy to navigate around your iPad apps.

Accessing your iPad toolbar

Setting up the theme

Now my blog is created it’s time to give it my personal touch by choosing a new theme.  Last thing I want is it to look like all the other newly created blogs!

Changing the theme was simple.

All I needed to do was:

  1. Log into my blog dashboard using iCab mobile (or you can use Safari)
  2. Go to Appearance > Themes
  3. Click Activate below the theme I wanted to use

If you’re struggling to decide on a theme it’s best to activate a theme you want to check out and then view your blog in another tab, than to use Preview — it’s less time consuming.

Changing your theme

Here’s where you’ll find more information to help you choose your theme:

  1. What to consider when choosing your blog theme
  2. The 137 Edublogs Themes Separated Into Categories To Make Choosing Your Next Theme Easier

I’ve decided to use PrimePress because it’s a nice clean theme that suits my purpose.

Uploading the custom image header

While changing the theme was simple, uploading a custom image header wasn’t. It’s definitely something that’s considerably less painful using a computer.

But it can be done and here’s what you need to know:

  • The easiest option is to use a free image header that is close to the image header size you need to upload
  • You need to use iCab Mobile as most iPad web browsers won’t let you locate images on your iPad to upload
  • You need to make sure the image is exactly the size recommended on the Appearance > Custom Header page because you can’t crop images in the dashboard on an iPad

Here’s how I did it:

1.  Downloaded a free image header from FreeWebPageHeaders

  • Images from FreeWebPageHeaders are a standard size of 800 pixels wide by 200 high which means for most themes you’ll need to resize and crop.

Downloading an image on an iPad

2.  Resized the image to 920 pixels wide using iResizer (Us$1.19).

  • There’s lots of image resizers you can choose from.
  • I just found this app the easiest of the ones I already have and it’s handy to have a good image resizer.

Resizing an image on an iPad

3.  Opened up the resized image in PhotoGene (US$2.49):

  • cropped to 920 pixels wide and 150 pixels high (size required for uploading)
  • Added text
  • Saved the image

There’s lots of image editors you can choose from.  This app is easy to use and is handy for cool image editing.

Adding text to an image on an iPad

4.  Then reopened my new custom image header in iResizer to check:

  • it was definitely 920 pixels by 150 pixels
  • otherwise I wouldn’t be able to upload.

5.   Next I logged into my blog dashboard using iCab mobile

6.  Went to Appearance > Custom Header

7.  Clicked Select File, selected image from Camera Roll and clicked Upload image.

Presto!

My new image header is now on my blog!

You can check out the progress of my blog building on an iPad here!

Changing the tagline

The concept behind a blog tagline is to create a memorable phrase that sums up the tone and premise of a blog.

Changing the tagline was simple.

All I needed to do was:

  1. Log into my blog dashboard using iCab mobile (or you can use Safari)
  2. Go to Settings > General
  3. Add my new tagline and click Save Changes.

Adding a new tagline

Changing Widgets

You can’t drag and drop widgets on an iPad.

You can, however, still add widgets with relative ease using the following steps:

1.  Select ‘screen options’ from the tab at the top.

Click on Screen options

2. Enable accessibility mode

Enable accessibility mode

3.  Click add on the widget you want to add

Add the widget

4.  Add the information

  • In my situation I need to add an attribution for the image I’ve used

Adding information to the widget

5.  Then decide where it goes

Choose sidebar and location of widget

6.  Click Save Widget

You can learn more about working with widgets here!

Final thoughts

My blog is now set up ready for me to start adding content.  You can see how the blog is going here (if you can bear it’s current messy state!)

The next post in this series is all about creating and editing posts and pages using an iPad.

Please let us know:

  1. What have I missed?
  2. What other advice would you give?
  3. Or are there any other questions you would like answered?

If you are enjoying reading this blog, please consider feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog PostsSubscribing For Free!

The 137 Edublogs Themes Separated Into Categories To Make Choosing Your Next Theme Easier

We now have a whopping 137 Edublogs themes to choose from ranging from:

  1. Those that can’t be altered to themes that are “extremely customizable”
  2. Standard blog themes to very unique themes including photoblog, magazine, newspaper, twitter and Facebook themes.

Which is excellent!

Important Theme Changes

And we’ve made some important changes to the themes:

  1. Threaded comments – All themes now support threaded comments and any user can activate this feature.
  2. Custom Image Headers - almost all themes now allow you to upload your own custom image header.
  3. Comments on Pages – most themes now support comments on pages
  4. Full posts on Category page - most themes now display full posts on category pages for those users who are using their blogs as photoblogs

You activate the threaded comments feature as follows:

1.  Go to Settings > Discussion.

Settings > Discussion

2.  Select Enable threaded (nested) comments

Enabling threaded comments

3.  Scroll to bottom of page and click Save Changes

Please disable threaded comment plugin before enabling threaded comments via Settings > Discussion.

Categorizing the themes

Since you can spend considerable trying to find the “perfect theme” we’ve helped make your task easier we’ve categorizing the 137 themes based on:

  1. Layout – number of columns
  2. Color Scheme and how customizable the theme is
  3. Ability to upload custom image header – those that allow are shown as recommended header image dimensions, in pixels, to upload (written as width by height)
  4. Presence or absence of links to pages as navigation tabs at the top of the theme – as shown in page link column as Yes/No
  5. Presence or absence of tagline in blog header – as shown in display tagline column as Yes/No
  6. Uniqueness

What  to look for with a theme

ONE COLUMN THEMES

One Column theme layoutSingle Column themes have a central post area with no sidebar.

These theme appeal to people who like to keep their theme simple by preventing the clutter often created by sidebar widgets.

All widgets are located at the bottom of the blog on one column themes.

One Column Themes

Two column theme with left sidebar layoutTWO COLUMN THEMES WITH LEFT SIDEBAR

Two Column themes normally a wide column for content with a narrower sidebar.

These are the most common theme layout and location of the sidebar (left or right) is personal preference.

Two column themes with left sidebars

Two column theme with right sidebar layoutTWO COLUMN THEMES WITH RIGHT SIDEBAR

Two Column themes with right sidebar are the most common theme layout so we’ve separated these themes based on color scheme.

White themes

Two Column Right sidebar white themes

Grey themes

Two Column right sidebar grey themes

Brown Themes

Two column right sidebar brown themes

Pink themes

Two Column Right sidebar Pink themes

Green Themes

Two column Right sidebar green themes

Blue Themes

Two column right sidebar blue themes

Dark themes

Two column right sidebar dark themes

Themes with easily changed color scheme

Two column theme with right sidebar

Three column with left right sidebar layoutTHREE COLUMN THEMES WITH LEFT AND RIGHT SIDEBAR

Three column themes have either:

  1. Sidebars side-by-side on one side of the blog
  2. Sidebars on either side of the wider content column

Three column themes with left right sidebars

Three column theme with right sidebar layoutTHREE COLUMN THEMES WITH RIGHT SIDEBARS

The most appealing aspect of three column themes is the ability to place more widgets in the sidebar.

Sidebars side-by-side three column themes on one side of the blog allows you to use this aspect well.

Three column themes with right sidebars

FOUR COLUMN THEMES

Four column themes have one content column and three sidebars.

The content column is often the same width as the other columns. This type of layout tends to be cluttered looking and less suited to reading lengthy content.

Four column themes

VARIABLE COLUMN AND/OR SIDEBAR LOCATION THEMES

Some themes are extremely customisable providing the ability to change the number of columns and/or the location of their sidebars.

Highly Customisable themes

UNIQUE THEMES

These are the specialist themes designed to suit features such as photoblogging, magazine blogs, newspaper blogs, research blogs, group discussions and custom homepages.

Themes like WPMU Dixi, WPMU Nelo and WPMU are the most customisable of all themes and well suited for a wide range of purposes.

Unique themes

If you are enjoying reading this blog, please consider Subscribing For Free!

Updated: 100 Edublogs Themes Review To Make Choosing Your Next Theme Easier

This is an update version of  The 100 Edublogs Themes Separated Into Categories To Make Choosing Your Next Theme Easier post!

Given there are 100 Edublogs themes to choose from ranging from those that can’t be altered to themes that are “extremely customizable” you can spend considerable time testing themes to find the “perfect theme”.

So to help make your task easier we’ve categorizing the 100 themes based on:

  1. Layout – number of columns
  2. Color Scheme and how customizable the theme is
  3. Ability to upload custom image header – those that allow are shown as recommended header image dimensions, in pixels, to upload (written as width by height)
  4. Presence or absence of links to pages as navigation tabs at the top of the theme – as shown in page link column as Yes/No
  5. Presence or absence of tagline in blog header – as shown in display tagline column as Yes/No

ONE COLUMN THEMES

Single Column themes have a central post area with no sidebar.

These theme appeal to people who like to keep their theme simple by preventing the clutter often created by sidebar widgets.

All widgets are located at the bottom of the blog on one column themes.

One Column theme list

TWO COLUMN THEMES WITH LEFT SIDEBAR

Two Column themes normally a wide column for content with a narrower sidebar.

These are the most common theme layout and location of the sidebar (left or right) is personal preference.

Two column left sidebar theme list

TWO COLUMN THEMES WITH RIGHT SIDEBAR

Two Column themes with right sidebar are the most common theme layout so we’ve separated these themes based on:

  1. Ability to upload custom image header
  2. Colour scheme

With custom image header

Two column with image header list

Without custom image header

Two Column Right Sidebar color theme list

Black, White and Grey themes without custom image header

Two column right theme list

THREE COLUMN THEMES WITH LEFT AND RIGHT SIDEBAR

Example of Three Column themeThree column themes have either:

  1. Sidebars side-by-side on one side of the blog
  2. Sidebars on either side of the wider content column

Three column left right theme list

THREE COLUMN THEMES WITH RIGHT SIDEBARS

The most appealing aspect of three column themes is the ability to place more widgets in the sidebar.

Sidebars side-by-side three column themes on one side of the blog allows you to use this aspect well.

Three column side by side theme list

FOUR COLUMN THEMES

Example of a four column themeFour column themes have one content column and three sidebars.

The content column is often the same width as the other columns. This type of layout tends to be cluttered looking and less suited to reading lengthy content.

However this category includes themes like CommentPress which is very unique.

CommentPress is ideal for writing collaborative documents or for providing resources because its Table of Content Skin places the oldest post at the top table of contents and your readers can comment paragraph by paragraph!

Four Column theme list

MOST CUSTOMIZABLE THEMES

These themes provide greater opportunity for customizing if you want to change color of your blog based on font color code or change font type.

  1. Roundflow – One Column. Can change the colors on the blog, width of column and type of font used.
  2. Simplr – One Column. Able to change width of column and type of font used.
  3. Striped plus – One Column. Able to change colors on the blog and type of font used.
  4. Mandigo – Two Column. Extensive range of image headers to choose from and able to change colors on the blog using font color codes.
  5. OceanWide – Three column

If you are enjoying reading this blog, please consider Subscribing For Free!

Taking The Agony Out Of Using Custom Image Headers

Are you like me?  Driven by a strong desire to add that individual touch to your blog using a custom image header?  But through not fault of your own designing your own image header always turns out BAD?

There is a solution! Instead of trying to design your own image header visit Free Web Page Headers.  All their image headers are provided under Creative Commons Attribution Non Commerical license.  This means you can use them, with adaptation if you desire, provided you acknowledge the original source and don’t use them for a commerical purpose.

This is how I did it on my personal blog:

  1. Searched Nature category on Free Web Page Headers looking for a header with adequate space to add words to left hand side of header
  2. Downloaded Yellow flowers by DHester onto my computer Image of yellow flowers
  3. Opened up image in PhotoShop, added desired words to image and adjusted image size to recommended image size for my blog theme (970 x 140 pixels)Image after adding words
  4. Uploaded new custom image to blog (Design > Custom Image Header)Image of uploading custom header
  5. Added a text widget to blog sidebar with HTML code to provide required image attribution

Image of attribution used

FINAL THOUGHTS

Check out these posts for:

  1. Edublogs themes that have custom image headers
  2. Edublogs themes that have custom image headers and allow comments on pages

You can use Free Web Page Headers as they are without adding text.  There are numerous free photo editing tools that you can use in place of PhotoShop.  What free photo editing tools would you recommend?

If you are enjoying reading this blog, please consider feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog PostsSubscribing For Free!

Edublogs Themes That Allow Comments on Pages!

Which blog themes allow readers to write comments on pages is a common question asked in the Edublogs forum.

Problem is some themes allow comments on pages and others don’t.  To find the answer you need to try each theme, which is a lengthy process.  It took me hours to Separate the 100 Edublogs themes Into Categories To Make Choosing Your Next Theme Easier.

Thanks to Ginny Paisie from Paisie Perusals we now have the answer because she both road tested all the themes and shared the results in the forum.

UPDATE:

While I was writing this post Paul Beaufait had a similar idea and has written a post:

  1. explaining why being able to write comments on pages is a handy feature for students
  2. and also set up a Google Form for you to leave details if your theme allows comments

We would REALLY love it if you could check the list above and drop past Paul’s post and complete his form to confirm if your theme does/doesn’t allow comments on pages.

Please remember also to take the time to drop past Ginny’s blog to thank her!

You may also want to check out What To Consider When Choosing Your Blog Theme!

If you are enjoying reading this blog, please consider feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog PostsSubscribing For Free!