Shades of Life

Shades Of Life

Wednesday, November 5, 2008
And the one on Blogskin Tutorial
Ok. Here is a not so short tutorial
on how to personalise your blog skin.
I'm sharing because people have asked for it.
KHAIRIN, you are one of them.
Here is a step by step tutorial that will make you fully
change your whole blog into something new.
Warning.
YOU SHOULD SAVE YOUR OLD TEMPLATE
SO YOU CAN CHANGE IT BACK TO YOUR OLD ONE
SHOULD YOU HATE THE NEW STYLE.
I warned you.
After saving your template, you can continue to read on.
[The pictures come after the elaboration.
Click on them for a larger view]



1st.
Go to your dashboard
And you will see the the button Layout there.
Click on it.



2nd
Click on the pick a new template
(sometimes when you have a blogskin, you wont have this.
So.. do whatever it takes till you get it. HEH)

3rd
Choose a minima template.
I reckon to you either Minima Black, Blue or the Ochre.
There is another Minima template.
Dont choose that one.
Just follow what Im telling you.

4th
Go to Paint,
Click on image and go to attributes.
And then you will see this screen.
Change the units to pixels and change the pixels to
Width: 1260 Height: 775
And press OK.
Choose a background colour and then save.

5th
Dowload Photoscape.
Search it on Yahoo.
You're smart.you can get there.
If you choose not to download it,
then you may never reach the point of having a new skin.
You still can do it. But you go figure.
After the downloading stuff done,
Go to Editor. Either one, it doesnt matter, You will still reach there.

6th
Locate the saved background from your pictures.

7th
You will get to here.
Click on object.
and then click on the square landscapy thingy
somewhere at the bottom left corner.



8th
Click on PHOTO.
and you will reach here.
Choose any design picture you want to decorate
your sides of the blogskin.

9th
Right click on the picture you chose and click properties


10th
Click resize.
And change only the height.
letting everything else as it seems
unless you want to change it your self.

11th
after pressing ok.
change the achor to Top Left
and the numbers to exactly
x: -242 y: 0
Press ok.


12th
Repeat steps 7th to 11th
except change the anchor to
Top Right
x: 242
y: 0




13th
Press Photo + Objects button near the bottom right of your screen
And select Combine pictures.

14th
Save.
the button is at the bottom right of your screen.
And do whatever you want with the background
I usually click on SAVE AS.

15th
Go To PHOTOBUCKET.COM
Sign in if you are already a member
Or if not, sign up.
Click on MY ALBUMS
and choose your file.
OK REMEMBER TO reduce your picture to
1 MEGABYTE FILE SIZE.
IMPORTANTE!!!


16th
OK. NOW.
You go to your dashboard again.
Click on Layout again.
Add a gadget.
And choose the HTML/Javascript thingy.
Ok.
Now copy this and paste it on your HTML thingy.


17th
Go back to your photobucket page
and click on the direct link box.It will say that it is copied.
Replace the red part above with your copied Link from photobucket.
SAVE.VIEW BLOG.YOU'RE DONE.

WOW that was hard.
Ok. Once you're done, Tag me and tell me
you've done it if you were interested in the first place.
And I'll go see.!! WOOOH!!

After so much, if you still do not know what to do,
and want some ideas to design your blog skin,
I reckon you visit this place.
I got this whole idea from there.
Also, you can find the HTML thing
http://www.thecutestblogontheblock.com/backgrounds.php
however you should note that the dimensions
are taken to be
1450x1100 pixels

P.S.
I had fun doing this.
and if you do not understand any part
of this step by step,
feel free to clarify with me..

There's a POLL on the side bar.
Vote. So I can know the usefulness of the tutorial

Jugshatu 11/05/2008 09:17:00 PM

H.AhLee

I tend to walk into glass that are so shiny they don't look like they were there. And yes, I wear boots to bed.



Way Back


Click