Showing posts with label Blog Design Tutorials. Show all posts
Showing posts with label Blog Design Tutorials. Show all posts

7.28.2010

Change your Blog Font *A Tutorial*

Do you like my new font? I'm still playing with it and not totally sure if I'll keep it like this. But for now I love it!

Do you want to learn how to do this also? It's REALLY easy!!

Okay step #1:
Go to http://www.thecutestblogontheblock.com/ {They also have GREAT free backgrounsd and all a bunch of other great tips!}

Step #2:
Click on the link in their toolbar that's labeled "Secrets"

Step #3:
Click on Secret #5: How to change font on your blog.

Step #4:
It then gives you 4 choices of different font's you can choose that are not defult in blogger. Follow the directions on that page and TaDa you have a new font!

Okay do you want to customize it even farther?! Alright alright.

You can use any font you want. Open up the widget that you saved the HTML in. Now this part is a little tricky if you are not used to playing with HTML. Good news is that if you mess it up then you can just recopy it and start over :)

Okay here is a small sample of the HTML. See the spots I HIGHLIGHTED with red? This is the name of the font. Choose a new font that you want. Say you want Monotype Corsiva {That's what I changed my to}. Go through each place that the defualt font is at {In this case "Lucinda Handwriting"} and replace it with your font name. Do not change anything else. Leave all the punctuation there.

Also notice the 13px highlighted in purple? This is the size of the font. Some fonts need to be bigger in order to read them. To make your font either bigger or smaller change this #. Do not change the PX..leave that there. Only change the number. For example I increased mine to 20.


This is what my new HTML looks like: Font changed to Monotype Corsiva and size increased to 20px.

These are just two small samples of the overall HTML. Replace the font name and size in each place it shows up in the HTML.

If you have any questions in this process let me know! :)
And if you sue this tutorial then let me know so I can go check it out on your blog! Good luck and happy blogging!!

3.05.2010

How to Make a Test Blog *A Tutorial*

Hey Everybody! I've decided to do a series on Blog design!

Now first of all, I am NOT an expert. I have never had any training or anything. I know how to play with HTML but don't really understand it. But I am good with the internet and figuring things out! haha.

I have been playing with HTML and designs since way back in Middle school (WOW!!!) and myspace layouts! And now I have moved on to Blogger!

Blogger is the only one I am familiar with right now but many of these tutorials will work in most blog sites.

So the first thing before beginning this series that I thought would be good to know how to do is make a Test Blog. A test blog is a great way test out all of your backgrounds, headers, and anything else without making your real blog look all wacky!

I actually have two test blogs because I'm always trying new things hehe.

How to Make a "Test Blog"

1. Open Blogger and go to your Dashboard. Click on the link in the upper-right hand corner called "Create a Blog"
Create A Test Blog-March 5, 2010

2. Name Your Blog. Name is something Like "Jami's Test Blog" or just "Test blog" or something to that effect.
Then fill in the url you want. This doesn't really matter since you won't be giving it out to people. Maybe take your current url and add test to the end.

3. Now choose the template. If you want to alter it and all then pick the first option "Minima". This is the best template that allows you to alter everything you want!
4. You're Done!

Now you can start playing around with your design and your real blog won't be effected. Okay now let's make your Test Blog not show up with your real blog!

If you don't hide your test blog then it will show up in your profile, like this:
Test Blog March 5, 2010

So to hide your test blog...


How to Hide your Test Blog

1. Go back to your dashboard.
2. Go to "Edit Profile" on the left hand side.
Photobucket

3. Under the privacy heading look for the link called "Show My Blogs". Click on the link to the right called "Select Blogs to Display". You can then select which blogs you want to show up on your profile.

So this way all your secret blog designs will stay secret until you reveal your all new design to everyone :D


I know this is a pretty simple tutorial but is essential to know before we begin more advaced tutorials.

Please let me know if you are having any trouble with this and I'll try to help! Good luck and let me know what kind of tutorials you would like to see!

Happy Blogging :D

LinkWithin

Related Posts with Thumbnails