An exercise in using Blogger to create an art portfolio site

[11 Jul 2008 | By | 21 Comment(s) | 12,037 views ]

If you’re looking to create an art or photography portfolio using Blogger, or other free blog software, you’ve come to the right place!
This is the first post about what I did.
You’ll also find these useful:

I’ve been researching this for a while, and I’m glad to share what I’ve learned/collected with you. If this is useful to you, I’d adore some link-love back to dabbled.org!

——————
One of my goals for my sabbatical was to create a new art portfolio site. A photographer friend and I were discussing how it’s such a pain to keep portfolio sites updated, and I was thinking it would be really cool to see whether I could create one using Blogger, that would look like an art site, not a blog–but be as easy to update as a blog. I figured this had to have already been done, but I wasn’t having much luck with my google-fu finding anything like what I was looking for. There seems to be no standard art or photography portfolio template out there. So I decided to do it myself. (Note that I have very limited development skills, having never really messed around with xml or css or any kind of blog template, other than tweaking the dabbled one) It’s not finished yet, (I still can’t figure out how to make the right column start at the top of the page, not under the header), but I think it’s pretty decent for an artist or photographer portfolio site totally done in Blogger.

Since it took me 3 days of trial and error (and one episode of messing up the dabbled.org template by accident) I would love some feedback on the layout/usability etc. Not really looking for feedback on the art (unless you want to tell me which ones should stay and which should go), more on the website itself. Like should each picture be in an individual post rather than scrolling down to see a collection? Is it annoying to link things back to flickr? Does the flash on the main page work/look good? Are the categories good?

And if anyone would like information or instructions on how to do this, I can write something up..
edit: here’s some of the instructions. I’m sure i’ve forgotten alot, so ask questions..

dorsner.blogspot.com

Mar09 Edit: You may also want to check out my new version of a portfolio site using Tumblr instead of Blogger.

This entry was posted in Uncategorized and tagged . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL. 12,037 views

21 Comment(s) »

  • samae [] :

    I think it looks good. I don’t like that the top thumbnails are covered up by the pictures, or that I only figured out they were there by chance. And the scrolling down to see the collection didn’t bother me until I realized I had to scroll all the way back up to change the category. On one collection page there is a “More” but only that one.

    Really – I like it a lot. Good job!

    ~K

  • SisterDG [] :

    It’s beautiful, and I’m so impressed – you’d never know it was a Blogger blog.

    I see only one thing: on my 19″ monitor, all the elements seem to be anchored to the edges of the template. This means that I see an expanse of blank black screen in the middle of your site. Of course, when I reduce the size of the browser window, everything comes back together to fill it. So maybe not any big deal at all.

    Congrats on finishing, and great work!

  • Dot [] :

    good points, thanks! I’ll do some more tweaking. Then I’ll actually have to figure out what art to put out there :)

  • Bella Sinclair [] :

    Wow, this is a “blog”??? Quite impressive! I like the big slideshow on the homepage. The mini-slideshow that appears when my cursor goes toward the navigation menu was a little confusing at first, because I didn’t realize my cursor was controlling it. But I got the hang of it quickly. The mini-slideshow partially obscures the big slideshow. Is there anyway to create more space so they don’t overlap? And finally, I liked being able to scroll down your artwork, rather than click for each individual page. It would be convenient if there were a button to bring me immediately back to the category page, but this is probably not easy to do on a blog. Honestly, Dot, this is a marvelous portfolio! Overall, easy to navigate and a pleasure to browse through! Wow!

  • Viaje [] :

    Very interesting – I’d love to hear more about how you actually built it.

    I think it works well by the way.

  • Dot [] :

    ok, i’ll see if i can write something up. There was alot of trial and error involved!

  • Xina54 [] :

    Very impressive, I love the slideshow
    but the type is too small for my aging eyes.
    I notice you put your email address without the now customary ‘at’ and ‘dot’ to replace the symbols. I have a concern that you may be inundated by spam as there are programs designed to trawl for email addresses.
    I’d also like to hear more about how you actually built it.
    Thanks for sharing this with us.

  • Dot [] :

    thx for the feedback, keep it coming! :)

    here’s a post which outlines some of how i made the site.

    http://www.dabbled.org/2008/07/some-details-on-how-to-create-artphotog.html

  • Dot [] :

    hmm, here’s a tinyurl:
    http://tinyurl.com/dab-website

  • Anonymous [] :

    Thanks Dot – those tips sound good. I’ll be giving it a go very soon.

    Cheers

  • Sarah Moore [] :

    Cool idea on the blog portfolio. I found an app that provides easy way to make a gallery on your site if anyone is interested. enjoy!

    http://blogger-templates.blogspot.com/2007/05/pictobrowser-embed-flickr-slideshow.html

  • David Haas [] :

    Hello,
    I have a question about your blog, could you email me?
    David

  • Ramandeep Singh [] :

    nice tips

  • clashofclanshacks.info [] :

    Good day! I could have sworn I’ve been to this site before but after checking through some of the post I realized it’s new to me.
    Nonetheless, I’m definitely delighted I found it and I’ll be book-marking and checking back often!

  • Best Photo Booth Toronto [] :

    A fascinating discussion is definitely worth comment.
    I think that you should write more on this subject, it
    might not be a taboo subject but typically people
    do not discuss these subjects. To the next! All the best!!

  • EarnestHCastaldi [] :

    I don’t even know how I stopped up here, but I believed this publish was good.

    I don’t realize who you might be however definitely you’re going to a well-known blogger in case
    you aren’t already. Cheers!

  • CatherinaUBarts [] :

    I’m not sure exactly why but this web site is loading extremely slow for me.
    Is anyone else having this problem or is it a issue on my end?
    I’ll check back later and see if the problem still exists.

  • crossy Road hack [] :

    Tɦanks for а marvelous posting! Ӏ cеrtainly enjoyed reading іt, you will be a grеat author.

    I ԝill make certain to bookmark ʏߋur blog аnd ԝill eventually
    ϲome back someday. Ι want to encourage you continue your great
    job, havе a nice weekend!

  • Hostgator 1 cent coupon 2017 [] :

    One thing that you necessary to remember almost virtual
    private server hosting is that it actually
    is source from single powerful hosting server and physical database.
    Cutting-Edge Tools: Certified Partners Get Exclusive Tools One of the major benefits of being a Microsoft Gold Partner is access to
    the latest Microsoft tools and technologies. Webmaster, Professional and Enterprise series plans offer increasingly
    powerful CPU options. Many of today’s web hosts offer up affordable and reliable website
    hosting for only a few dollars a month in some cases. Finally the decision resides
    with you and your needs for making the choice. This
    has been brought about by the need to revolutionize and make the internet experience one of the most entertaining
    and rewarding as possible. For most of us who are trying to create and
    launch our own websites for the first time, it can be
    a daunting task in many ways. Through the phrase Virtual committed server Internet
    site hosting it is often obvious which the solitary actual hosting server is basically cut straight into a number of Virtual Private Servers after
    which accessible to consumers using tiny amount of info exchange, Memory as properly as disk
    space. You as a user have multiple options in the market of cheap web hosting to
    choose; you can settle for a greater tradeoff in addition to
    very cheap web hosting service. Since there are not many resources to create advanced
    websites with a free hosting service, it’s best for personal sites, such as those for family or hobbies.

  • SadieSHuval [] :

    Everyone loves what you guys tend to be up too.
    This type of clever work and coverage! Keep up the terrific works guys
    I’ve added you guys to our blogroll.

  • ElliotHSchuette [] :

    Good post however I was wondering if you could write a litte
    more on this topic? I’d be very grateful if you could
    elaborate a little bit more. Appreciate it!