How to create a free personal landing page on Tumblr
Both about.me and flavors.me can help you create a great personal landing page. They are both great little services if you just want to throw something up in a few minutes and have a simple personal “business card” type web presence. However both are limited in that you don’t have full control over the look and feel (htm/css) and you have to upgrade to get your own domain (such as jeremyalmond.com).
Now you can get around the domain issue by using something like Godaddys forwarding feature, but it’s kind of wonky and it’s better to pay the about.me or flavor.me guys if you plan to use their platform anyways. While I’ve been using flavors for the last few years (set it and forget about it) I wanted to move to my own hosting where I had more control. I mainly wanted to mess with the html/css and I was particularly annoyed with the way they did social media feeds and wanted to change that.
My blog is already on Tumblr and I’ve loved that unlike wordpress, Tumblr will host your own domain name for free and gives you easier access to front-end code. So I decided it would be fun to try to create an about about.me type experience for jeremyalmond.com using Tumblr.
Now once you choose to use Tumblr for your personal landing page you basically have two options:
A) You can use a paid theme that can replicate a lot of the cool look and feel of about.me straight out of the box. The best is probably: Vanity Theme, but it will set you back $49. There’s some other great ones out there too if you want more of a portfolio vibe.
B) If you are looking for just something simple but flexible and have a little technical know to start html/css hacking you can make your own modified Tumblr theme that has an about.me type feel without buying a premium theme. This is the route I went with for jeremyalmond.com
Here are the basic steps I followed to make my own landing page for free.
- Create a free Tumblr site.
- Use the awesome and free Luci Theme as a starting point.
- Go to your Tumblr settings and upload your picture as the avatar.
- Go to Customize Theme and put in your name for the title and your professional title for the description.
- Still within the Customize Theme section upload a cool background photo. I chose an odd shot of my toes at the beach, it seems to capture me in some weird unexplained way.
- Also within the Customize Theme section go to the very bottom and select advanced options, and add your custom css. With the advanced CSS I tweaked the way the box looked and a few other small things.
- If you are feeling adventurous go to the top of Customize Theme and edit the theme HTML. I did this to include the social media icons for the various placess to find me on the web. I used the cool free social media simple icon set.
- Your basic site should now be setup, but will still have a tumblr url. If you already have a domain great, if you don’t youll have to buy one. Once you have your domain, simply follow Tumblrs easy instructions to map it.
- Wala you are done. Other than whatever your domain costs, you now have a free personal landing page completely hosted. Enjoy.
How do you think my landing page came out? What would you do different? Any questions on setup and the intstructions I created? Feel free to let me know.