How to Make Your Own Blog Design
Posted on 03. Feb, 2009 by Trish in Tutorial
I have had a lot of people emailing me questions lately on how to design your own blog. Most people are quite shocked to learn that I did this blog on my own. It’s really pretty simple once you get the hang of it. I don’t have any training, and 6 months ago, I didn’t know a thing about html. Some people are able to hire a blog designer, which is wonderful, but if you don’t have the funds, like me, these links with help you learn how to do it yourself.
The first thing I suggest is making a test blog. That way you can mess around and try to change things all you want, and if you completely screw it up, oh well. At least you’re not messing up your real blog. Next is to make sure you save your current template as it is. To do this, go into Customize, then under Layout there should be a tab that says Edit HTML. I copy all that and paste it into a word document. Then I know if anything were to happen, I have it saved somewhere else. You need to get comfortable changing html.
Oh, and I forgot to mention that before you start, make sure you change your blog template to Minima. It’s easier to work with. I used a free 30 day trial of Photoshop Elements, and did a search on youtube for “How to do digital scrapbooking using PSE” to learn how to use it.
Here are some links to the tutorials I used to learn how to get my blog looking nice, or some good ones I have come across since. (Most of these are for blogger only, however some, such as the “grab our button” would work for wordpress as well.)
For a 3 column template:
- 3 column template tutorial (some people have said this didn’t work for them, so try the next one if you are one of those people!)
- 3 column template tutorial #2
For background and header changes:
- Blog Design Tips
- How to Make You Own Background
- How to Get Your Own Custom Colors for Your Blog
- What I did for my header is design it on it’s own, save it as a jpeg, then go into customize, and under Layout, I click on edit in the header box. Then you can save your image to go behind the title and description, or instead of the title and description. I have it instead of title and description, so I can have my own fonts, etc in the header. One nice place to design your own is using Scrapblog. You have to sign up, but it’s free to use, and they have tons of digital paper, embellishments, etc right there for you to use. No need to download anything else.
How to Add a “Grab Our Button” Box to your sidebar:
- Grab Our Button Tutorial
- Grab Our Button and Other Important Info on buttons (Vertical and horizontal placement!)
Navigation Bar:
(I did mine differently and it’s a little complicated to try to explain here)
Signature:
Comment Numbering:
- How to Number the Comments in Blogger (This one is a little more complicated and I’ve heard that some people have it work fine when they use Firefox, but it destorts their blog in IE. I used it, however, and didn’t have any problems. I don’t know why it worked for me, and not for others)
Favicon
- How to Add a Favicon next to your URL: See that fun little picture up next to my URL in the address line of your browser? That’s called a favicon. You can add your own easily!
Comparing Browsers:
- How to See What Your Site Looks Like in Different Browsers (This is awesome! It will take a screenshot of your site and show you what it looks like in different browsers so you can make sure it looks OK in all of them!)
Since I have written this post I have changes over to a self hosted wordpress site, but if you would like to see the design I have talked about in this post it is still available at http://sweetnsassygirls.blogspot.com
I hope this helps get you headed in the right direction! Please feel free to contact me with any questions, or leave a comment. I’d love it if you could help share this post with others too by using the share/save button on the bottom to Stumble and Digg this post.
Popularity: 17% [?]
21 Responses to “How to Make Your Own Blog Design”
Leave a Reply
- Win a Flip Camcorder from The Juice
- Hallmark Cards
- Hapari Swimwear
- Claudias Bowtique Babycakes Giveaway
- Bake Me a Wish Review and Giveaway
-
Sarah: Congratulations Trisha! What a beautiful boy! xo...
-
Trish: Glad I could help!...
-
-
Kris: What a GREAT tutorial! Can I ask how you made tha...
Add My Button
 Copy and Paste Code |
Jennifer
06. Jul, 2010
I noticed that you were on Blogger and you are now on a self-hosted website. Can you do the same thing with Wordpress (as described above) or do you have to make your own Wordpress Theme? I’m on a self-hosted wordpress so any guidance would be so appreciated! I’ve been playing around with HTML over the past few weeks and it’s really fun!
Trish
08. Jul, 2010
You can basically do the same thing with wordpress- it just takes a little getting used to. You might have to play around a little to figure out where to change things. But yes it is entirely possible without having to create a whole new theme!
leanne
24. Jun, 2010
wow how beutiful i’m very impressed by your blog, we can do marvelous things if we put our mind to it
Jonas
24. Feb, 2010
Hi Trish,
Was just searching google for ‘design your own blog’ and your site turns up on 2nd spot! Nice to see a real genuine site instead of all those wanting to sell heaps of DIY-softwares.
Congrats on the ranking and an excellent design!
LeeAnn
13. Jan, 2010
Your blog and directions seem wonderful. I really want to design my own blog header using some of my art paintings. I’m a little scared about trying it on my own, but you give me courage since you designed yours and have only known about HTML for 6 months. At your recommendation I just signed up to use Scrapblogs. Wish me luck on doing this on my own.
thanks so much- oh and I signed up to follow you.
Lee Ann
Summaiyah
19. Nov, 2009
just came across this, and will definitely attempt it. thanks!
Melissa
01. Oct, 2009
I just found this post but none of these links work
Pam Hawk
29. May, 2009
Wow, this is a treasure trove of info!
I’m adding this link to my sidebar (and blogging about it so my readers know it’s there.)
Fabulous!
Thank you!
Pam Hawk
Sweet Serendipity
16. May, 2009
Wow! I am impressed that you did this yourself with no training. Very well done! Great info too. Thanks for the inspiration
sandwiched
24. Mar, 2009
Stumbled! Good information.
Lisa
15. Mar, 2009
I just seen this link in one of the threads on momdot.com and I thought I would take a look! Im going to play with this tonight after the kids go to bed ! I will let you know how it all turns out !