April 14, 2009

How To Use A Cute Font For Your Blogger Post Titles

Are there any fellow font addicts in the house? :) Have you ever wanted to use fonts to add a cute, personalized look to your blog? Have you seen blogs with cute fonts for their titles, dates, or sidebar headers and thought, “I want that!”? Have you’ve already tried to do it, only to discover if someone else doesn’t have the font installed, they won’t see it?

If you answered yes to any of those questions, then I have good news for you my friend! This is a tutorial on how to use your own, custom fonts on your Blogger/Blogspot blogs. You can change your post title font, sidebar titles font, and even the date font. And even if the other person doesn’t have the font installed, they’ll still be able to see whatever font you chose.

Updated: August 23, 2012

how to use fonts in blogger
{ click image to see this working on Blogger }

Here’s how you do it.

1. Choose a font. It can be any font you want. Feel free to browse the selection of free fonts offered here on Kevin & Amanda!

2. Convert the font to SWF. Make sure the font you chose is saved on your computer and is unzipped, then visit the site below to convert your TTF file into a SWF file.

http://www.sifrgenerator.com/wizard.html

Follow the onscreen instructions to upload your font. When going through the steps, you don’t have to change any of the options. Just use what they have. When you get to Step 2, confirm that sIFR 3 r436 is checked. If anything else is checked, it won’t work. Download and save your newly converted font (it will be a SWF file).

picture1

3. Download and save the following three files. To save, right click on the filenames below and choose Save Target As or Save Link As.

sifr.css
sifr.js
blogger-sifr.js

Note: If you are using a new Blogger Designer template, and your sidebar titles are not changing, use this file instead of the one above:

blogger-sifr.js

4. Create an account at Dropbox.com. You’ll need an account here, even though you already have a Blogger/Blogspot blog. This is where you’ll host your custom font file, and the other files needed to correctly display it on your blog. Unfortunately, there’s no way to host these on Blogger, so you’ll need this a separate hosting account.

  • Go to Dropbox.com/register and Create An Account. If it asks you to download a file, just click Cancel.
  • Go to Dropbox.com/home to upload your files. Again, it will ask you to Install Dropbox, but just click the X in the top right corner of the popup, you do not have to install Dropbox on your computer in order to upload files.
  • Click on the Public folder, and then click on the small Upload icon.

5. Upload the SWF font file and the sifr.css and sifr.js files you just downloaded. We will upload the blogger-sifr.js file next. Once uploaded, click on the SWF font file, and click on Copy Public Link and Copy to Clipboard.

6. Customize the blogger-sifr.js file. Open the blogger-sifr.js file in Notepad (Windows) or TextEdit (Mac) and you’ll see something like this:

var kevinandamanda = {
src: 'http://username.hostwebs.com/fontname.swf'
};
sIFR.activate(kevinandamanda);

Delete http://username.hostwebs.com/fontname.swf and replace with the link to the SWF font file you copied to your clipboard in step #5.

*Careful* This is a common typo area. Don’t delete the quotes around the font URL or the code won’t work. It should look exactly like it looks in the code above, except with your link.

Now under that you’ll see three sections: Post Title, Date and Sidebar Titles. In those sections, you will see something like this:

css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
,'a { text-decoration: none; }'
,'a:link { color: #000000; }'
,'a:hover { color: #000000; }

See those three places where it says color: #000000; ? Change that six digit code, 000000, to whatever color you want. (You will need to know the 6 digit color code.)

The first one changes the color if it's NOT a clickable link.
The second one changes the color if it is a link.
The third one changes the color if it's a link and people hover their mouse over it.

Usually the first two are the same color and the third one is a different color. I personally make all three of mine the same color.

Here's a color slider to help you pick your color and get the code. Or I use a cool Firefox plugin, Colorzilla. It lets you click on any color on any webpage (like a background that's already on your blog) and it'll copy the color code to your clipboard. Then all you have to do is paste the code where it goes. I use this addon all the time! :)

You can also play around with the font size if you want it bigger or smaller. Just change 28 to a bigger or smaller number. (Try 32 if you want bigger, 20 if you want smaller.)

You can change the font color and size for all three sections. *Note* There are ultimately 9 places where you can change the font color: 3 in the Post Title section, 3 in the Sidebar section and 3 in the Date section. Be sure you change them all! :)

When you get done playing, save the file and upload to Dropbox.

 

This is the final step! Don't skip it! :)

7. Now it's time to implement the code into your Blogger/Blogspot blog. Go to your Dashboard. Click on Layout, then Edit HTML.

Look in that code and find the line that says </head> (Look closely, it's not <head>, it's </head>)

(Quick Tip: Click CTRL-F to search for </head> to easily find it in all that code)

Just above </head>, copy and paste the following code:

 

<link href='http://dl.dropbox.com/u/100014927/sifr.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/100014927/sifr.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/100014927/blogger-sifr.js' type='text/javascript'/>

On all three lines, delete my Dropbox links and replace them with your own.

***This is another common typo area. Double check your work here!

Save that.

That's it!!! Now go to your blog and see your new, customized look!!! :)

 

Frequently Asked Questions / Troubleshooting

* Here are the most common problems... and their solutions! :) *

 
I think I did everything right, but it didn't work.

1. Check to make sure you did the "final step" correctly and that there are no typos.

2. Check your blogger-sifr.js file for typos- this is the most common reason why it doesn't work. Compare your blogger-sifr.js file with mine and see if you can spot your typo.

3. Check to make sure you uploaded all your files to your HostWebs.com account. You should have at least 4 files: blogger-sifr.js, sifr.css, sifr.js, and your SWF font file. If even one is missing, the whole thing won't work.

4. Make sure you have the most current version of Flash and Javascript installed and up-to-date on your Browser.

5. You may need to refresh or restart your browser (or even reboot the computer) for changes to take effect. Any changes you make through Blogger or HostWebs.com will be immediate, but because of browser caching, your browser may still show the “old” blog instead of the “new” blog with the font changes.

6. This code is intended to work on the default Blogger Minima template. If the code for your blog has been modified from it's original template, this code may not work for you. You may need to switch back to a default template for this code to work.

7. If you are using the HostWebs.com links, but it's not working, try changing the links to Webs.com. Everything else will stay the same, just change "HostWebs" to "Webs". There are 4 places where you'll need to change the code. (One in your blogger-sifr.js file, and 3 in your Blogger HTML code.) Not sure what the deal with HostWebs/Webs is, but sometimes if you create an account at Hostwebs, your links will be at Webs. I can't figure it out!

8. If you are getting a weird line of text at the top of your blog that says Read More and has a a link back to this site, go back to the HTML section of your Blogger Dashboard, find the text (just under where you pasted the code) and delete it.

 
My titles totally disappeared! (Blank Titles)

Blank titles are usually the result of a typo in the blogger-sifr.js file. Double check your work and compare your blogger-sifr.js file with mine and see if you can spot your typo.

There could also be a problem with your SWF font file. Type the address of your SWF font file in your browser. It should look like this:

http://kevinandamanda.webs.com/peahannahvanilla.swf
(click on the address to see what it should look like on your screen)

If it is a blank screen, there's an error with the SWF file and that's why your titles are blank too. You will need to delete that SWF file and try again. You may need to try it from a different computer / browser / ISP.

 
It worked, but I have two sidebars and it only changed the fonts for one.

Add this code to the bottom of your blogger-sifr.js file:

// Code for Second Sidebar
sIFR.replace(kevinandamanda, {
selector: '#sidebar h2',
fitExactly: true,
tuneHeight: -5,
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
,'a { text-decoration: none; }'
,'a:link { color: #000000; }'
,'a:hover { color: #000000; }'
],
wmode: 'transparent',
ratios: [6, 1.93, 10, 1.92, 13, 1.86, 17, 1.82, 21, 1.8, 29, 1.79, 32, 1.78, 33, 1.77, 36, 1.78, 43, 1.77, 44, 1.76, 47, 1.77, 70, 1.76, 71, 1.75, 74, 1.76, 75, 1.75, 76, 1.76, 1.75]
});
//End of Sidebar code.

Look in the third line and change the word “sidebar” to whatever you named your second sidebar when you added it. Only the word sidebar, don’t mess with the # or the h2. For instance, it may look like this:

selector: '#left-sidebar h2',

 
My fonts are being cut off!

This is a problem with the way the font was made, not with the code. If it’s one of my fonts, simply download the newest version of the font from my site. You will need to unzip, reconvert, and reupload the new font file. Be sure to delete all instances of the font from your computer and your hostwebs.com account first. If it’s not one of my fonts, you will have to contact the font author for an updated version of their font.

You can also look in your blogger-sifr.js file, and find the line that says fitExactly (it’ll be in there three times, once in the Post Title section, once in the Sidebar section and once in the Date section) and if it says true, change it to false. *Thanks to Liene for this info!

 
The custom font is showing up, but the old font is still there too! (Double Titles)

There’s a problem with your sifr.css file.

1. Check to make sure you uploaded the sifr.css file to your HostWebs.com account.

2. Check to make sure you didn’t make a typo when you copied and pasted the code above the </head> in the Edit HTML section of your Blogger Dashboard.

 
It worked, but my titles used to be centered and now they’re not.

Whenever I get this comment, I always check, but they always look centered to me. I think it’s because I use Firefox and not Internet Explorer.

You can try adding this code, but I’ve gotten mixed results- some say it works, some say it doesn’t.

Find this in your blogger-sifr.js file:

css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'

Add this:

css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; text-align: center; }'

 
It’s working, but the old font is showing up first, then the custom font loads.

The font is competing with all the other photos, blinkies, widgets, music playlists, etc, on your blog for loading time. Limiting the number of posts that show on your blog to 10 or less will help speed things up. Other than that- the font is just like an image and will always have to “load”- that’s just the nature of the internet. (It even does it on my blog.) The original font is there first just in case the custom font never loads, you will still have a post title. How fast the custom font loads will depend on your internet connection speed and the HostWebs.com connection speed.

 
It worked! Now how can I change the font for my blog header / description / footer / pages / other blog element?

I don’t recommend using this method to change the font for any other element on your blog besides your post titles and dates. I normally prefer using images. I only like this method for post titles and dates because they are changing with every post- and it would be a pain to make a new image for every post! :) For elements that aren’t changing constantly, like your header, I recommend creating an image and uploading that.

 
My custom titles suddenly stopped working.

Make sure you have the most current version of Flash and Javascript installed and up-to-date on your Browser.

 

You may also be interested in…

Want to add a second font or change the font for your entire post?
Check out my second tutorial in this series.



See More Posts About: Blog DesignTutorials

2,392 Comments





201
Hollee May 8, 2009 at 8:14 am

Thank you!! I used “MY” font to customize the blogger headings… YEAH!!

Reply

202
Lindsay May 8, 2009 at 3:25 pm

Hi Amanda, I figured it out and it looks great! Now, do you have any instruction for changing the font on my nav bar??? That would be wonderful!

http://fineartbyphotobyemilie.blogspot.com/

Reply

203
Ambrosia C May 9, 2009 at 2:34 pm

Love this! Amazingly simple! Thanks so much!
http://andthedogmakes7.blogspot.com/

Reply

204
Tycie May 9, 2009 at 6:46 pm

Hey Amanda!

I absolutely LOVE your site here! You are amazing and so kind to share it with all of us… I have NEVER seen a site like yours!

I have tried to change the font on my blog and for some reason my header and description and the FIRST blog post will not center… Can you tell me how to center my header and blog description? Please check out my site to see what I am talking about! I really appreciate all that you do!!!

Thanks so much!
Tycie

Reply

205
Gitte May 11, 2009 at 12:07 pm

Hi I have added the code but I have a problem: My blog posts first show my “regular” font and then it changes once my site has connected with Webs. How come it’s not showing the new font right away? Do you know what I am doing wrong? Also I don’t know how to change the blue fonts ?

Thanks.

Reply

206
Lorri Miller May 11, 2009 at 1:37 pm

When I uploaded the swf file to webs.com and then clicked on the link – it said that it couldn’t display the page. I followed all the instructions anyways and am still not seeing a change. Not sure what I did wrong. Thanks!

Reply

207
Deanna Kuroda May 13, 2009 at 4:00 pm

Hi, I followed all the directions and when I finally got the message that my html was saved and I viewed it Nothing changed. Don’t know what I did wrong. I am on a Mac. Does that make a difference? Thanks for your help. This would be so nice and cute if it would work.

Reply

208
Michelle May 13, 2009 at 7:19 pm

Amanda,
Thank you so much for the tutorial, and i love all the fonts! I was able to change the font on my blog, but some of the post titles are cut off-like there isn’t enough room for the title. How can I fix that?
Thanks again!

Reply

209
Michelle May 13, 2009 at 7:42 pm

Also-my blog title is no longer centered. I REALLY appreciate your help!!

Reply

210
Heather May 13, 2009 at 10:04 pm

Wow! Thanks so much for all the great tips! I am brand new to blogging and have no idea what I’m doing. After a good two hours of work tonight – I finally gave my post titles a super cute font (a red bucket – as it turns out). More work to do later. Now off to sleep! Just want you to know how much I appreciate you!

Reply

211
Cris May 14, 2009 at 6:43 am

Hi Amanda,

Thanks so much for this tutorial! Your website is amazing and I’m so thankful I stumbled across it….I will be using your tutorials a lot from now on!

I was trying to change the font on the linked blog, but it’s not quite working (forgive the lack of content, this is a work in progress).

The blog post title changed to the new font, however the header did not (and I did add the additional code at the bottom). Also, I went to change the color and that did not seem to work either…..I’m not sure what happened! Any advice you can give would be very much appreciated!!

Thanks
-Cris

Reply

212
tilly May 14, 2009 at 8:32 am

i followed this tut but i think i messed up somewhere along the way!

i have managed to get the new font in all the right places, but the old headings are also showing!

what i do wrong?

http://occassionaldesigns.blogspot.com/

Reply

213
tilly May 14, 2009 at 9:10 am

hi i love this tut btw!

i did all the tut and followed it back twice, ive also read the comments to look for a fix too.

i got the fonts working and they look great but the old titles are there too

any ideas?

http://occassionaldesigns.blogspot.com/

Reply

214
Stephanie May 14, 2009 at 11:17 am

Thanks for the help with customizing my blog….slight problem though.. How do I change the color of my side bar titles. I have tried both in my blog dashboard and in the webzedit from the website. Please help. Since hot pink really doesn’t go with my blog colors :)

Reply

215
Amanda May 14, 2009 at 11:58 am

If you are getting double titles …

Then there’s a problem with your sifr.css file.

1. Check to make sure you uploaded the sifr.css file to your Webs.com account.
2. Check to make sure you didn’t make a typo when you copy and pasted the code above the in the Edit HTML section of your Blogger Dashboard.

Reply

216
Bonnie May 16, 2009 at 8:42 pm

I insert what you said right here:

]]>

when I do, it takes away all the titles and the dates. not sure what I have done wrong ?? help:)

Reply

217
Heather May 17, 2009 at 1:33 am

Thanks so much for this tutorial! Its makes such a difference you my blog. I have two blogs and one of them, my original font is still there plus the new font. I checked the coding and I can’t figure it out.

Here is my blog with the problem:
http://butterflygirlmslayouts.blogspot.com/

Reply

218
Heather May 17, 2009 at 1:44 am

I just saw your comment above with my problem, it is now fixed. Now just waiting on my blog design for the 3rd column in webs.com. You have to wait 24 hours for your editing to take effect..geez!
Thanks so much!
http://butterflygirlmsblogdesigns.blogspot.com/
http://butterflygirlmslayouts.blogspot.com/

Reply

219
Kristen Black May 17, 2009 at 2:04 am

WOW! Thanks so much for these detailed directions! I’ve been trying to build my own web site for a my scrapbook business — been doing it many years but now need to take it online — and I found many other helpful hints along the way. I do have a question and a need for a little help, however– I could change the font for everything but the blog title. I tweaked the HTML code in the index.html file, but can’t figure out why it’s not showing up. Any ideas? Thanks so much!!!

Reply

220
BriAnna May 17, 2009 at 4:59 pm

Hey Amanda! I don’t want to be a pain, but I have a question. I want to change the font color of my titles, but now I can’t find what I uploaded to webs.com anywhere. What do I do? The fonts are still cute on my blog, so it’s got to be somewhere, right?!

Reply

221
nic May 17, 2009 at 6:53 pm

Thank you so much for this tutorial, I was looking for something like this for so long! It’s very useful, amazing.

Reply

222
Lara May 17, 2009 at 7:04 pm

Thank you! Thank you! Thank you!

PS: I googled the topic to find your site, but I know you from 2Peas, right?

Anyway, thanks a million, I’ve been wanting to do this and nobody seemed to know how.

Reply

223
Annie May 18, 2009 at 10:40 am

Hi there, I tried this but I am getting a big blank where my post titles and dates used to be. They appear for two seconds in the blogger format but then they disappear. Can you help? I followed your directions to the letter. The font I was trying to use was Unnamed Melody.

Thanks!

Reply

224
Blueprint Bliss May 18, 2009 at 11:29 am

Thanks for the tutorial- everything worked- except my font is being cut off when you pull up my blog… I used Rockford.

Can you help??

Reply

225
Shauna Norton May 18, 2009 at 1:24 pm

Thank you so much for taking the time to do this. I got all my headers and date fonts change, sept the column on the left side of out blog. If you could help me out I sure would appreciate it! Thanks so much!!

Reply

226
Neda May 18, 2009 at 2:07 pm

Thank you, Amanda!!!! I adore your blog, your fonts, your creativity – you inspire me. I finally got around to trying this and am a little bit in love! ;^) I try to update my blog header and colors monthly to keep it personalized and fresh, and this will only add to that personalized feel. I look forward to playing around with my layout and other components using your tips. Again, thanks so much!

Reply

227
Stephani F. May 18, 2009 at 2:44 pm

SUPER EASY TUTORIAL TO FOLLOW! THANKS!
However…
I went through the whole process…and my post titles showed up as the name of the font (instead of the name of my post titles and sidebar titles)…and they were not in the color I picked. What happened?

Reply

228
Sharon May 18, 2009 at 2:46 pm

Hi Amanda, I managed to get the cute new fonts on my blog but my old titles are still there as well. help? Thanks

Reply

229
Stephani F. May 18, 2009 at 4:15 pm

nevermind i fixed it :)

Reply

230
Tayler Price May 18, 2009 at 6:33 pm

Hi. I totally want to give my blog a face lift and I found your website through some friends and was so excited about the fonts! How cute. Anyway call me crazy but I spent 3 hours this morning trying to get the font onto my blog. I did everything over about 5 times. ;) Then I’d go to save my blog and… nothing. I also looked in my fonts and colors and there’s nothing. I’m not sure what’s wrong. My husband and I are going to try again tonight because I’m so determined to do this. :) I’m not really sure what I’m writing to you for because in all of those directions you’re not gonna know what I’m doing wrong… haha. But I thought maybe if there was something that a lot of people didn’t know how to do you could give me some advice!

Thanks, Tayler

Reply

231
Breezy Bride May 19, 2009 at 12:07 am

hey Amanda,
WOW! I have no idea how in the world you figured out how to do this, but I followed your directions step by step & now my blog is cuter than ever! You should check it out! It’s http://shinefromtheinside.blogspot.com . Thanks for always having the GREATEST stuff on your website! I love kevinandamanda.com!

Reply

232
Allison May 19, 2009 at 1:22 pm

Thank you so much for creating a font with my handwriting. It looks great on my blog (http://what-a-ramsey-life.blogspot.com). Have a great Memorial Day weekend!

Reply

233
Wendy May 19, 2009 at 11:50 pm

I’ve been trying for a while now to tweak my site, but I’m not having any luck. It isn’t showing any errors, but nothing looks different either. I’ve gone through all the steps and tried with a few different fonts, and no luck. Any other thoughts on what I might be doing wrong?? Thanks — I love your site though and the info is just amazing.

Reply

234
Erin May 20, 2009 at 1:00 pm

Seriously, seriously awesome. Thank you so much!!

Reply

235
simply sarah May 20, 2009 at 2:41 pm

I am finally getting around to trying this and I got most of it to work. However, I originally choose a large size for my sidebar and I have gone into the blogger-sifr file and changed the font size to 20. But, it wont change…. ahhhh…. Also, I added the extra sidebar column, just copied and pasted, changed the title to newsidebar (as that is what is named in my file) and it wont show the font at all in that sidebar.

Do I need to delete the entire file and start over? Not sure. Very easy tut to follow, much easier than some other blogger ones. Any help you can give would be great. If I have to change it, I will take a screen print and send it to ya… ok. Thanks so much.

Reply

236
simply sarah May 20, 2009 at 2:42 pm

oh… and i am dumb… my blog is http://iamsimplysarah.blogspot.com

Reply

237
Amanda May 20, 2009 at 2:56 pm

If you’re sure you did everything right, but the changes still aren’t showing up…

You may need to refresh or restart your browser (or even reboot the computer) for changes to take effect. Any changes you make through Blogger or Webs.com will be immediate, but because of browser caching, your browser may still show the “old” blog instead of the “new” blog with the font changes. I’ve gotten many emails saying it’s not working, but when I go to check it out, it is indeed working. The browser just needs to be refreshed or restarted.

Reply

238
Kristin May 20, 2009 at 4:46 pm

Awesome tutorial, very easy to follow. This has been on my things to do list since the moment you made this entry. Finally got around to it today and am having the same problem April did.
All my titles are blank. Any thoughts?

Reply

239
Brandi May 20, 2009 at 6:26 pm

Great tutorial! Thanks!!! I have used it and I’m so happy it works! I was worried I would hit save and then notice something would go wrong. But no!! ;)
Also, I love your fonts. You do amazing work! Kudos!!!

Reply

240
tara May 20, 2009 at 7:22 pm

Thank you! Thank you!

Reply

241
Jenny May 20, 2009 at 10:21 pm

thank you SOOO much for this tutorial!

Reply

242
Noelle May 20, 2009 at 10:31 pm

I followed the directions perfectly… but for some reason the actual titles of the posts AND sidebar are now just the name of the font i want to use? any helps?? double-baked.blogspot.com

Reply

243
Noelle May 20, 2009 at 10:35 pm

nevermind.. i fixed it… hehehe

Reply

244
maura May 21, 2009 at 10:15 am

Amanda, my sidebar and post title fonts are being cut off. I didn’t use one of your fonts — I used alebmarle swash. Any ideas on how I can fix? Thanks!

Reply

245
maura May 21, 2009 at 12:37 pm

Hi Amanda, my sidebar and post title fonts are being cut off. I’m using one of my own fonts — albemarle swash. Can you help? Thanks.

Reply

246
Carol Z May 21, 2009 at 3:50 pm

I have duplicated headings also… I think its because of the template I am using… it has a section of variables and if I delete the rows for the items I am changing, it says it won’t work. I’m not sure how else to change them. If you get a chance to take a look and have any ideas, let me know… thanks Amanda! I love my font you made for me!

Reply

247
Brittney Leavitt May 21, 2009 at 4:37 pm

Woo hoo! Mine’s working! Thanks soooo much Amanda!

Reply

248
Amber May 22, 2009 at 3:35 pm

Thanks you soooo much for doing this tutorial!!! I love my blog even more now!

Reply

249
Amanda May 22, 2009 at 5:50 pm

I just have to say thank you so much for this wonderful tutorial. I am having a ball “pimping” up my blog. http://mandasmemories.blogspot.com/

Reply

250
Jessica May 23, 2009 at 12:48 am

I just loaded the Pea Jay font onto my blog. I love it! The font just gave it extra pizazz!

Thanks so much!

Reply

251
kristin Klein May 23, 2009 at 4:15 am

That was so much fun! I’m just getting started here and can’t wait to try more of your idea – thank you so much for sharing!

Reply

252
Brit May 23, 2009 at 2:51 pm

Hey!! I love your website it is sooo cute and you are amazing with all of your knowledge of blogs! So…I changed my website with one of your font’s but I want to change the blog post font too, but tried to do it like you said above in the webs.com file and for some reason it doesnt work! When I try to write a new post it doesnt let me change html to new font… I am confused. Help! I want to have the same font I have as my blog post titles as my blog post body. Thanks!! I love your fonts and all of your stuff!

Reply

253
Angie May 24, 2009 at 6:53 pm

How would I be able to do this for my navigation bar (menu). I tried to code it but it only gave me a blue font (which I did not have part of the code) and then it pushed everything together. Just curious if it is possible.

Thanks.
I love this effect.

Reply

254
Helga May 26, 2009 at 1:20 pm

Oh my Goodness isn’t that cool! I loved putting a new font to my post headers… Question though: When I was putting the code on Webs, I changed the font Color and I think it’s not letting me change it on blogspot… Anywho :) I’m getting into scrapping my blog, love your tips Amanda! I’ll put a button on my blog :)

Reply

255
Sam May 27, 2009 at 12:00 pm

I am not sure if anyone else is having this problem, maybe you can help Amanda! When I go the the blogger file to change the user name and font color/size, I can’t save it. Where are we suppose to be “clicking”? I tried under file (which is where the save function is, but no luck, it redirects me to the webs.com homepage!) Any ideas or suggestions? I am so excited to make my blog look more personal :0)

Reply

256
Toni May 27, 2009 at 1:55 pm

It worked!!! Sort of….I got the font changed, but the bottom of each line is cut off. Do you know to fix that???

Reply

257
Nena May 27, 2009 at 2:40 pm

I did just as you explain on my blog and it worked perfectly… Except on the header or main title (I don´t really know how it´s called).. If you could help me with that, i´d be very thankfull!
http://el-blogdelanena.blogspot.com

Reply

258
paula May 27, 2009 at 9:21 pm

Had the best time using your tutorial. Thank you so much!

Reply

259
Candace May 27, 2009 at 9:48 pm

Wow! Such great help, Amanda! I had no idea how to begin a blog until I read your tutorials! However, I’m having a problem with my title not being centered. I tried your suggestion in the comments section but it still isn’t working. Any thoughts? Thanks so much!

Reply

260
paula May 27, 2009 at 10:04 pm

Sorry I do have one question. I tried using your answer #81 to the 3 column problem but it just pushed all my gadgets to the bottom. I have the left-sidebar-wrapper. I just took both codes and pasted them directly under that whole code then changed the name. Did I miss something?

Reply

261
Rachel May 28, 2009 at 8:49 am

I used your tutorial!! Thank you for sharing it. Now, if only I could figure out how to change my title font, I’ll be happy as a clam!!

Reply

262
Nena May 28, 2009 at 9:37 am

Thanks a lot for your help!!! Now it´s perfect.. http://el-blogdelanena.blogspot.com

Reply

263
Sarah May 28, 2009 at 1:19 pm

HELP!

I did everything in very precise order and read over the directions several times. When I finally got to the section where I edit my blogger account right above the “header” (I chekced to make sure I used the right “header” a million times), I did what I was supposed to do but my blog is exactly the same. What could have happened? Can you please help me? I LOVE your site! I have been looking around on it all day long and have passed the link on to all my buddies! Thank you a million times over. I was shocked I made it as far as I did!

Please help! PLease.

Reply

264
Hudson May 29, 2009 at 5:00 am

Thank you so much! It worked. I changed my font for the post & sidebar titles. I have not started posting yet (other than tests).

Reply

265
Hudson May 29, 2009 at 6:14 am

I added a second font for the blog title (not one of your fonts, but it did not come with instructions on how to use & gave it the name of the creator) with your instructions. Anyway, when I added the second font, an extra space appeared below all titles. How do I lose the space? Thank you!!

Reply

266
Hudson May 29, 2009 at 6:52 am

Sorry for another question, but the title of my blog suddenly became left-justified, and I did not change the code. Also – forgot to mention this – for the date, only the day of the week & month show. Where is the date? Thanks!!! This is a really great site.

Reply

267
Collins May 29, 2009 at 11:33 am

Hey! When I tried this I had the same problem as April and some others had a while back. I just got blank titles – nothing was there!

Reply

268
Amanda May 29, 2009 at 11:39 am

*** Getting BLANK TITLES ? ***

Blank titles is usually the result of a typo in the blogger-sifr.js file. Double check and make sure when you were copying and pasting, you didn’t delete one tiny little punctuation mark- cause that’ll make the whole thing not work. Compare your blogger-sifr.js file with mine and see if you can spot your typo. If not, you can leave a comment here and I’ll see if I can find it for you.

Reply

269
Lindsay May 29, 2009 at 12:27 pm

I did it! Thanks so much! I’m still having trouble with the 3 column fonts, but I might just switch that back to normal and just keep the posts with the fun font!

Reply

270
Jori May 29, 2009 at 1:54 pm

Just came across your site and I loveLoveLOVE it! I followed the tutorial and changed my fonts (again Lx3!) but I have three columns and the left one is still normal–also, my dates aren’t showing up. Any help? YOU are AWESOME! I’m your new biggest fan!

Reply

271
Hudson May 29, 2009 at 11:01 pm

My dates are still not showing up – only get letters. I also still have the spacing issue. Please help!!

Reply

272
Hudson May 30, 2009 at 1:43 am
273
Collins May 30, 2009 at 8:01 am

It’s fixed but I also changed my blog title and now want to go back to my original. I deleted what I had changed, saved it and then refreshed my blog and it’s not going back. No hurry but if you see what I am doing wrong please let me know! Thanks!
Collins

Reply

274
Collins May 30, 2009 at 8:34 am

ignore my last comment…i keep speaking too soon! it’s fixed. :)

Reply

275
Glynis May 30, 2009 at 9:34 am

Awesome! Thanks for all the info. My blog looks fantastic thanks to you :)

Reply

276
Nena May 30, 2009 at 5:30 pm

Hi! Doy you know if there´s a problem with webs.com?¿? My changed fonts aren´t showing up and when I tried to open webs.com I couldn´t…

Reply

277
Sarah May 31, 2009 at 4:13 pm

Thank you soo much for this! I’ve been looking for an article like this for a very long time. This was perfect!

I used your elephants in cherry trees font, it was cute.

Here’s my outcome, if you want to see: http://gundhus.blogspot.com/
Though you probably don’t understand the content of my posts, ’cause it’s on Norwegian.

Again, thank you!

Reply

278
Dawn May 31, 2009 at 11:30 pm

Hi there…Thank you soooo much for your great tutorials!!! I was able to change the font on all of my post titles etc…but I cannot seem to figure out how to change the font on my header…what am I doing wrong? or is there a different tutorial I should follow???

Thanks again for your help!!

Dawn

Reply

279
Christie June 1, 2009 at 11:27 am

I’m not finding ANYWHERE that says the different head part–is it because I have a picture in place of the title? I’m just trying to do my post titles and I’d love to do the fonts in my posts as well, I just need to try this first. Thanks!
dillonandchristie.blogspot.com

Reply

280
Christie June 1, 2009 at 11:45 am

Me again, I can’t find the ) part at all.

Reply

281
Alison Rowe June 1, 2009 at 2:56 pm

I am so excited to spruce up my blog, but I cannot get this too work. I believe that my problem is with the SWF file. I uploaded it and the four other files as directed. When I go to open the SWF file to copy the URL I keep getting sent back to my WEBS account file manager. It should be it’s own separate link right? Help!! I really want this to work! Thanks for the free fonts they are beautiful!

Reply

282
Christie June 1, 2009 at 5:21 pm

Yea! Thank you. And sorry about just the ) thing I put–I copied the head part you put up top, and for some reason when I pasted, it messed it up. Thank you so much! I love learning more about making stuff cute! You’re awesome!

Reply

283
Alison Rowe June 2, 2009 at 12:33 pm

Thank you so much Amanda! It worked and is looking very cool I might say! Now I am off to try and make the third column work! Thanks again!

Reply

284
Shae June 2, 2009 at 6:01 pm

you’re the best!!! i am still working on changing the title but everything else is wonderful. THANKS SO MUCH!!!

Reply

285
dyahalit June 2, 2009 at 7:32 pm

love your tutorial! it’s easy to follow! thanx a lot :)

Reply

286
Kennesha June 3, 2009 at 3:07 am

Ahhhh Ha! I think I found the culprit…trying again now. I was in IE and for some reason it was not letting me see the fonts..logged out of IE and logged into Google Chrome and voila! They are there…will let you know if it works this time!

Reply

287
Kennesha June 3, 2009 at 3:25 am

Okay, so I am making headway but need some tweaking…my titles disappeared altogether. What did I do wrong? I think I saw someone else with the same issue…going to see if you answered. Thanks!

Reply

288
Christie June 3, 2009 at 9:47 am

Me again. So, I downloaded all the fonts and put them in my font file. I can open them just fine, but now, when I try and open the fonts folder in my windows folder, it says on the sIFR Generator site that I don’t have permission to open it, and to contact the owner for permission. Weird, and I have no idea why it’d do that!? Any suggestions. Thanks for all your help, you are great!

Reply

289
macndow June 3, 2009 at 3:22 pm

I love all your fonts, i am REALLY interested in stuff like this, so i was wondering what you use to make your fonts? I want to make my own fonts cause you said you don’t publish all fonts. I would really appreciate if you told me!

Reply

290
Courtney Cloud June 3, 2009 at 6:24 pm

I keep getting this every time I try to go through the first few steps:

An error has occurred

This doesn’t seem to be a TTF file.

Try again

Can you please help me?

Reply

291
Joan June 3, 2009 at 8:27 pm

I love your fonts. I am having some issues… it is showing my old font and the font I just added. How do I fix that?

Reply

292
Charlsie June 3, 2009 at 9:35 pm

Thanks for all of your hardwork and suggestions for making our pages great Amanda!!!

Reply

293
Gina June 4, 2009 at 9:52 pm

First of all – I love you! You are so kind to share your time and talents with all of us.
I thought the directions were very simple and easy to follow.
One problem: My blog title is on the left. I tried your directions to fix it, but it still doesn’t work, any ideas??

Reply

294
Jamie June 5, 2009 at 8:10 am

Ok…I love your site and am going to recommend it to my blog readers…LOVE it. I did the above directions to change my font but after I changed everything in my HTML edit and viewed my blogspot it didn’t seem to change anything. I know you have helped a TON of people, so I feel bad asking for your time to help me…but any direction in it will be helpful. Usually I am pretty good with this code stuff…does my original blog template have to be something special for it to work? mccollumsincharlotte.blogspot.com Thanks for your help…you can email me if its easier. :)

Reply

295
Amy Huntley June 5, 2009 at 10:30 pm

Oh my goodness! I absolutely love your site. I am totally going to link to you from my website. I just followed your tutorial and like the commenter before me, it doesn’t seem to have changed anything on my blog. I remembered you saying something about not being able to go back and change old post titles, but only new ones. I created a new post and it was still my old font. Any suggestions would be wonderful! thanks again!

Reply

296
Catherine@simplynatural June 6, 2009 at 8:22 pm

Thank you so much for sharing this – it is very generous of you. Based on the comments, it has been a big hit.
I’ve used Susie’s Hand, but unfortunately some of the loops of the letters and sometimes the last letter on the end of a word is cut off. I tried again using Susie’s Hand downloaded from your site, but it didn’t seem to make any difference after I refreshed the page. I would be grateful for any ideas you have on how to fix this.
Much appreciated,
Catherine

Reply

297
Joann June 7, 2009 at 5:08 pm

Hi;
I tried your tutorial on my blog and I had no problems- it worked the first time! Well I had one little problem but I figured it out.
Thanks for all your hard work and for sharing your info with us.

Reply

298
Tiffany June 8, 2009 at 9:54 am

YAY! I am so excited, I don’t know what to say!!! Thank you so much for posting this!!! :)

Reply

299
Melissa June 8, 2009 at 7:55 pm

Thank you so much for your tutorials! I was able to change the font for my post titles, but it also changed the dates to the same font. How do I change this? Thank you for your help!!
Melissa
P.S. I love your bostons! I have a 4-year old Boston named Diesel. He’s the best!

Reply

300
Brenda June 9, 2009 at 11:59 am

Hi Amanda! I fell in love with your website at first glance. I’d really like to change the title font on my blog, but i can’t get past the step in making an account with webs.com. The page just won’t open. Am i doing something wrong? I’d also love for you to make me a font with my handwriting, but i’ll do that later. Have a great day, hugs, Brenda from Paraguay

Reply

Comment Pages: « Previous12345...23Next »

Leave a Comment