Some details on how to create the art/photog site using blogger

[18 Jul 2008 | By | 11 Comment(s) | 7,866 views ]

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

Website Design Posts

Several people requested details on how to create the art (or photography) portfolio site using blogger so here is some info:

Examples:  (updated 3/2010)
-Old art portfolio site: Here
-A friend’s photography portfolio site: Grieg Wehr Photography (this is a WordPress site now)

The previous blogger portfolio site: http://griegwehr.blogspot.com/

Basically all your data is in blog posts, but you link to them as you’d like, not in the typical blog daily format.

1) Create a new blogger site.
2) Find a template that you like the feel of – from a columns perspective – don’t worry about the colors or graphics, you can easily change those. (I used one that’s linked from the bottom of the dorsner.dabbled.com page.
3) Under Settings/Formatting, change the ‘show title’ to No & change “Show” to 1 post on the main page.
4) Under comments, change comments to Hide
5) Now you’re going to mess with the HTML – Save a copy first (as it suggests when you go the to layout/Edit HTML page.
6) You can change the colors either on the Layout/Fonts and Colors page, or by directly editing the top of the HTML. If you don’t know the numbers google for ‘html color codes’.
7) You want to remove all the stuff that makes an entry look like a blog post – (via bloganol you can do that by adding “display:none;” to any of those things you don’t want to display: here’s more info..
http://bloganol.blogspot.com/2008/06/easiest-way-to-remove-blog-post-date.html
http://bloganol.blogspot.com/2008/06/remove-subscribe-to-posts-atom-in.html
8) past that, you’re basically looking at adding page elements with menus and such to access the pages you want.
9) All your content goes in blog posts, and the post you want to show up on the front screen you want to post-date to like 2010 so it is always first. the rest of the content you create as blog posts, and just link it where you want it to go. For example, the Contact Me page was just created as a Contact me post, and i just linked the menu button to the URL for that particular page.
10) I used Flash Slideshow Maker Professional (available free for download) to make the slideshow on the first page.

I’m sure i’m forgetting things, but these are the basics. let me know if you have questions… and if you’re really nice, i’ll just give you a copy of my template.

hope that helps!

Also useful: Blogger for Dummies site

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

11 Comment(s) »

  • Deinesh [] :

    Thanks for link love.

  • MaRcE [] :

    Hi! Your work is amazing!
    But I have a problem:
    How I Can insert the slide (make with Flash Slideshow Professional) in a post??
    Thank you very much!
    I love yoru style! ;)

  • Dot [] :

    You have some really nice work, yourself! :)

    Your flash needs to be saved as an .swf file, and stored somewhere online you can reference it, and you just embed it in the blog post. Here's the code I used for mine:

    [embed src="http://dotdorsner.googlepages.com/myalbum2.swf" quality="high" width="450" height="350" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/embed

    (replace the ['s with <'s

    I THINK, don't remember, that the slideshow creater actually generated the html I would need.

    Thanks for stopping by, hope ya come back soon!

  • MaRcE [] :

    Thank you very much!!! You’re great!!

  • Kaetlyn Wilcox [] :

    Wow! This is so unbelievably generous of you! I’m going to give it a whirl! Thank you so much for sharing!

  • Dot [] :

    Be sure to come back and share your link when you do!

  • Dot [] :

    Be sure to come back and share your link when you do!

  • Caitlin [] :

    Hi I’m a budding photographer in college and have fallen in love with your work and am trying (and failing) to accomplish the same thing on my photography blog/portfolio. I was wondering if there was any way you would be posting the template for the public or not-HTML savvy computer users like myself.

  • Dot [] :

    Caitlin,
    I’d be glad to send you my template. Though I can’t promise any support on it :)

    Hmm, this is a really old post… Although the steps are still correct, the example sites are not.

    I’ll email you.

  • david joel [] :

    Hi there! I really really want to have a cool portfolio site for my artwork! I’m working on one in Blogger but I don’t really understand the html stuff. Can you give me some pointers on putting a logo/photo on the page, how to have it set up so you can pick and choose which files you want to expand from a series of thumbnails as opposed to having a blog-like list of images? I really appreciate any help you can share and maybe I cand send you a drawing in return! Thanks, David

  • Dot [] :

    I responded to David via email, but in case anyone else has the same question, I recommended he try out tumblr, as it’s really better set up for what he was looking for, and it’s another free blogging platform.