Tag Archives: development

A shout-out to Blogsy

I would like, at this point, to give a shout out to Lance and the guys at Blogsy.

Not only do they have a great-looking blogging app for iPad but their support has been some of the best I have seen!

I downloaded Blogsy about a week ago but had a problem with one of my blogs hosted at wordpress.com. Long story short, I kept getting a nondescript API error when trying to publish or view previously published posts.

I sent an email to their support team but, honestly not expecting much, I also hit up @blogsyapp on Twitter. Within the hour, I received several @replies plus a more detailed email! We went back and forth for the next hour or so troubleshooting my issues (which, I admit, are usually extravagant!).

In the interest of full disclosure, we didn’t get to the bottom of my problem at that time, and it remained unresolved for several more days, but I have got to say, my respect for the Blogsy team skyrocketed! The fact that they were able to admit a problem they didn’t know how to solve and remained supportive, even though I was part of the 0.5% of users experiencing it, shines as an example to businesses everywhere, both start-ups and Fortune 500s!

We have since found the issue and it has been fixed. For the record, my problem came from an error in a line of code where I had placed a picture and the RSS feed was freaking out (not a bug with Blogsy).

W3C Feed Validation Service will help point it out if you are having a similar error.

In a few weeks, after I have learned the finer points of this app, I will give it a full review, but in the meantime, I give their dev team 5 Stars!

(p.s. Published from Blogsy!)


Making iWeb Do What You Want (ie, flash slideshows & contact forms)

Last year, I used iWeb to build a cheap and cheerful website for my wife’s photography business (Amber Dawn Photography). Seeing as iWeb is slightly limited in some of the features you would expect in a professional site, I needed to make a few tweaks before I could be happy. Since then, we have had nearly as many requests for technical help as we have for real jobs. So many, in fact, I’ve decided to blog the steps I took to create the extra features that are in the site.

*EDIT* We are in the process of updating our site from iWeb to Drupal but for the meantime, the original iWeb site is in place. UPDATE: New site is up sans iWeb.  I won’t be able to show you the different elements in action but everything below is still accurate and what I used for a number of years. Feel free to read on and let me know in the comments if you have any questions.

Before we get started, I should point out that although I have some design skills and limited HTML knowledge, I am not a web designer so I would not say that this is the best or only way to accomplish what I did…this is just some steps I figured out and they work for me.

(Note to iLife ’09 (or later) users. The version of iWeb included in the ’09 pack (and later versions, I assume) includes the ability to upload to your own server via iWeb’s FTP. Handy right? Actually, no. Not if you want to do any of these additions I am about to detail. To do any of these steps, you will need to publish to a local folder and then upload those files via your favourite FTP app).

Ok, lets get started! My goal was to create a site that would do several key things: display a flash slideshow of photos in a sexy way and provide the ability for people to submit requests or questions from the site itself via an online contact form, not just an email link. I also wanted control over the page titles (as opposed to the “file.html” name. Look up at the top of the browser to see what I mean) and last but not least, Analytics. iWeb didn’t actually do any of these in a way I was happy with.

1. The Flash Slideshow:

The lack of experience I have with Flash is embarrassing. I would have a better result if I threw a rock at my computer than trying to code some flash. So, naturally, I needed a program that would take my photos, arrange them the way I want and then disappear into a dark cubicle to create some code for me like a good little intern.

bannerzest

Aquafadas has done just that with their app, Bannerzest. It’ll cost you $50 (at the time of writing) to register which will remove the ugly watermark but trust me, it’s worth every cent!

You arrange the slideshow to your liking, add whatever features you want and hit go. It will literally create a package ready to be added to your site. All you’ll need to do is copy some html code to your iWeb site using iWeb’s built-in ‘html snippet’ feature (shown below) and then upload the folder that Bannerzest just made. Couldn’t be easier!

(The way I did it, was to export to a local folder on my machine and then upload the folder manually. I needed to change some of the code that Bannerzest gave me to direct to the web and not my local folder).

iWeb html Snippet

2. Online Contact Form/page titles/statcounters

The online form took a little more effort and, depending on your needs, will require a little coding but Guimkie took a lot of the effort out with their handy app iTweak! This free app will actually handle most of the other tweaks you will need in iWeb including page titles, contact forms, statcounters and other stuff. You just select the changes you want and it can batch process everything at once if that’s what you’re into.

(Note on MobileMe: The trick for young players trying to create a contact form but are using MobileMe for your web server is that you are getting screwed right from the beginning. Most online forms (including this one) require a PHP-friendly server which MobileMe is not. So long story short, no contact form for you! You’ll need to find a real hosting server that can handle PHP.)

itweak

I followed the iTweak tutorial and it created a generic contact form with great results but I did need to adjust the coding to work for my site and I needed to add a few other fields. (If you are interested in getting my form’s code which includes fields for a name, email address, dates and extra info, just send me a message and I’ll email you).

To add Analytics to your site, you’ll need to register for free with a site like StatCounter. They will give you the code to paste into your site and you’ll need iTweak to do it as iWeb’s html snippet won’t work for this. This was seriously as easy as falling off a log so I won’t go into specifics. Alternatively, you can use a text edit app and literally copy the code in as per the instructions on Statcounter.

Correct Page Titles are simply a must for me and more often than not, I will name the file something easy to work with but will want to expand the page title in the browser. For this, you can use iTweak or any other html coding software (Dreamweaver, TextEdit, etc). iTweak‘s ‘Search and Replace feature is good because you won’t actually have to look at any html as it will do the work for you.

You’ll need to know the current title of your page (whatever you called it in iWeb) and then in the “Search” field within the ‘Search and Replace’ tab of iTweak, type in the title between <title></title> tags (eg,<title>currentpagetitle</title>). Do the same for the “Replace” field but this time, substitute the old title with your preferred one (EG,<title>newtitle – this page is awesome</title>).

Guimkie has some great tutorials on how to use their apps so I would suggest heading over to their site and reading through their stuff. They do great work.

I hope this has made sense for everyone. If all has worked properly, you should have a modified iWeb site with a flash slideshow, an online contact form, nice page titles and analytics to track your visitors. Of course, if you have more questions, if I’ve made a mistake or if you would just like to add some of your own iWeb tweaks, feel free to comment.

(While I wish I was, I am not receiving payment of any kind for recommending the above apps – I simply wanted to show what I used. If you are the developer of any of these apps and want to throw something my way, I’d be happy to receive it!)


Get your business online for under $600

So you want to get your business running online but you don’t have much cash or design skills to throw at it? Well, never fear because there a dozens of ways to skin this cat and most of them can be done much cheaper than you realize. For reasons of example, I am going to assume the following: Our business needs a new logo, a website, an ability to process payments, a way to advertise and, because I have already worked out the budget, we are going to keep it all under $600.

 

1. Logo: Although there is a lot to be said for brand development, for this example I am just going to focus on the logo itself. 

Allow me introduce you to a little known secret called 99designs. This site is for designers and clients alike. The way it works is a business will post an ad for design need (eg, a logo) along with a price. Artists will then draft up several designs and you pick the one you like. Each contest last several days and you are able to pick which logo you favor and give the artists feedback so they can tweak their designs to your liking. You pick the price (obviously, the higher prize the more designers will work for you) and the rest is easy. On average $200 will get you enough interest and options that you will find something you will like.

 

2. Website: One word, ‘Shopify.’ With packages starting for as little as $24 p/month you can be set up with website design (via templates), web hosting (with unlimited bandwidth!), payment gateways (Google Checkout or Paypal Pro), site statistics and you can even use your own domain name or go with the free myshopify.com domain. You can also change your package at any time as your business grows.

 

3. Advertising. Forget Google Adwords for now. There is so much competition in that space that you will be forking out more money than you want to in order to get your ads displayed. There is, however, a nice alternative found in Facebook. Depending on your target, a FB Adwords campaign can yield great results for around $0.30 per click. You set your per click bid and your daily maximum spend and you will never go over budget. Of course, the more you spend the better the results and if you are advertising in a popular market, you may have to spend more per click. With a daily budget of $10 and a click bid of 30 cents, you can potentially get up to 33 clicks per day which means nearly 1000 clicks p/month and you’ve only spent $300.

 

Altogether, we have only spent $524. We have a fancy new logo, a website that is hosted and maintained and we have even have our own advertising campaign. The rest is up to you to see where you can go from here. Good luck!