Download and Install Dafont Fonts

Dafont is a website at www.dafont.com that contains some really amazing fonts, like the ones shown above. There are hundreds more. Go to the dafont site, using the link below, and check it out.

Click here to go to the Dafont Website

The fonts from the Dafont site can usually be downloaded and installed, free of charge, for personal non-commerical use.

The heading on this Blog page's template was actually made using Dafont "Designer Block" font, which was then stylized in Adobe CS3 Fireworks.

The downloaded Dafont files are zip files that need to be unarchived and then installed into Windows XP using Start > Control Panel > Fonts.

The PDF document below gives detailed step by step instructions on how to select, download, and install dafont fonts.

Click Here for PDF details on How to Use Dafont

Enjoy,
Big Passy Wasabi

Insert Larger Images into a Blog

If we want a picture bigger than the default blogger size on our page, then we have to link to it ourself. This is often the case when we have made our blog wider than the standard 400 pixels, and increased it up to 550 pixels. The standard blogger pictures can look quite undersized on this wider setup.

Enlarging a standard sized blogger picture in edit mode on the Blog Post will often just make the picture blurry and fuzzy. In order to get a good quality larger picture, we need to use our own larger sized pictures.

Using an Image editor, (like Photoshop or Fireworks), resize the picture to be 500 pixels wide. We then transfer the image up to our own private website, and then link to it from within the blog Html like this:



Click the above image to see a larger version of it.

Eg. The above HTML will put the picture from the website at:

http://www.passyworld.com/F111%20Photos/alienppa.jpg

into the blog. Note that we also need to specify the picture’s size for the styling part as well, so we need to know how big our picture is by taking it into an image editor and noting its image size (Width and Height in pixels) .

This is why in the above HTML code we wrote the code as: style="WIDTH: 500px; CURSOR: pointer; HEIGHT: 360px because our “alien” picture we are linking to is an actual size of 500 pixels wide by 360 pixels high.

Another way to find out how big a picture is, right click on it, on its original web page, and then click on “Properties” (in Windows XP).

And that's about all there is to it.

Enjoy,
Big Passy Wasabi

Make Your Own Blogger Header

Let's say we want to make our own custom Heading for our Blog, like the one shown above.

We can make the letters by getting a font we like from www.dafont.com (my one here is "Designer Block"). We then use Adobe Fireworks or Photoshop to make the heading text with a transparent background, using an image size of 750x71 pixels in size. (Save the image as .PNG or .GIF type to retain the transparency).

It is then just a matter of editing our Blog via Customize> Layout > Page Settings and replacing the normal header with our Image Header. There is also some header Html that we have to remove from our template as well.

Clicking the link below will open a PDF document that contains all the necessary detailed step by step instructions for making a custom Blog heading.

Click Here for PDF of How to Make a Custom Blog Heading

Enjoy,
Big Passy Wasabi