Sunday, June 27, 2010

,

Blogger Post Title

Cooking Mama shared this information about a month ago, but I forgot to re-share it. I got so occupied with downloading the fonts (it's an addiction I had since university days.. )

So today, having more time in my hands.. I've decided to give it a try. :D

Step 1:
Get ready with your favorite font.

Step 2:
Generate your sIFR file online.
Browse for your favorite font then click next.



Step 3:
Select sIFR 3 r436 then click next.



Step 4:
Select full character set then click next.



Step 5:
Review and click next.



Step 6:
Click download, and pick a local directory. :)



Step 7:
Now download these zip file, unzip and ensure that it contains 4 files.

Step 8:
Create an account at Webs.com.
Click personal, then get started.



Step 9:
Fill up your details. Click HTML only mode.



Step 10:
Click continue (its FREE!)

Step 11:
Upload the 4 files contained in the earlier unzipped plus the swf file that you have created earlier. Personally I picked File Manager.



Step 12:
Click Continue

Step 13:
Click run in case the pop up appears.

Step 14:
Click on htdocs



Step 15:
Click on Upload



Step 16:
Click on Multiple Uploads



Step 17:
Start uploading your files. :)



Step 18:
Now, you're back on the FileManager. Click on blogger-sifr.js.



Step 19:
Replace this line with your own SWF file (the one you created earlier on this tutorial)




var kevinandamanda = {

src: 'http://username.webs.com/fontname.swf'

};

sIFR.activate(kevinandamanda);


Step 20:
Change colors as you wish! (Remember that there are 3 parts of it)



Step 21:
Finally, add these lines to your Blogger html code, just before

<link href='http://username.webs.com/sifr.css' media='all' rel='stylesheet' type='text/css'/>

<script src='http://username.webs.com/sifr.js' type='text/javascript'/>

<script src='http://username.webs.com/blogger-sifr.js' type='text/javascript'/>

Now the most important part? Gotta thank the following for this post:
Super both of you!
Share: