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
{ 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).
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:
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.
More from Amanda:
Share:
Filed Under: Blog Design • Tutorials
Follow Amanda on 
2,368 Comments
Hi Amanda, Thank you for this great tutorial! I am having problems uploading my swf file to GeoCities though. It let me upload the 3 files from your site just fine, but it says that my swf font file has an invalid name, and wont upload it to my File Manager there. What did I do wrong?
I changed my font, but it won’t change on my post titles or the header. Do you know what I need to do? Thanks!
Jamie Kent
I thought I followed all the steps, but then nothing changed! I went back and think that one of the “download these files” didn’t upload to GeoCities… it was the sifr.css file…GeoCities said it had an “invalid filename”
Any ideas?
Is it alright to use other people’s handwriting fonts on our blog? :) There are some REALLY cute fonts!!
I love your fonts and used them on my titles but I want to change my blog body font. How do I do that with the fonts I’ve saved? Thanks!
Amanda — this is the most wonderful thing that I have seen… EVER! I am currently re-vamping my relatively new blog (http://sparetimecrafting.blogspot.com); and I too am having the problem that my font is being cut off at the bottom, no matter what changes I seem to make!
I am currently using your font Digs My Heart (I just downloaded it two days ago), so a new file if necessary would be much appreciated!
Also, is it possible to somehow have two different fonts substituted on the same page? I would love you use your Howser font for my sidebars. THANKS!!
This tutorial is so great! I have been so sick of the BLAH fonts that blogger gives you, so this was awesome. I do have a question about the Blog title and subtitle, I changed the font on those and now they are on the left side instead of being cenetered, is there a way to fix that?
@Krista
Ahhh… you know I’m not sure… Try this and let me know how it turns out. ;)
Okay, find the part that says this, and add the bolded part:
sIFR.replace(kevinandamanda, {
selector: 'h1.title',
fitExactly: true,
tuneHeight: -5,
css: ['.sIFR-root { color: #8c795b; font-size: 20px; text-align:center; }',
'a { text-decoration: none; color: #8c795b;}',
'a:hover { color: #8c795b;}'
],
And don’t forget to do it for the description, too. :)
Amanda!!! Where have you been all my blogging life… this is amazing, I used the fonts in my test blog and it is awesome! I will add it to my personal blog tomorrow morning.
Thank you for the fonts and the marvelous tutorial.
Hugs,
Sonia Kertznus
http://www.scraps4fun.com
I did mine Amanda… Love the look of my blog. Thank you.
OK, I think I am crazy, I have done each step and nothing on my blog changes!! Please direct me on how to change this, btw I LOVE your site, your fonts are so CUTE! http://www.pookieandboo.blogspot.com
Thanks for the cute fonts! Is there any way to change the main header font?
Amanda,
First of all Thanks for the info and the fonts!!! I am following the tutorial. But when I go to preview my blog Nothing happens! I really want it to work, but I can’t tell what I am doing wrong! Can you help me?!?
Hey Amanda, thanks so much for the tutorial! I just found your blog, but you can bet I’m going to be stalking it now. :)
I am trying to make my post titles have one font and my sidebar titles have another. The problem is that when the post title and the sidebar title end up on the same line, one of them cuts off the other. Any ideas on how to fix this, other than trying to make sure that your titles don’t end up on the same line?
Ok, it took awhile and a lot of backtracking but I finally did it!! THANKS SOOOOOO much for your tutorials! My blog would be boring without them!! (oh and also for EVERYTHING you do!) I really appreciate your willingness to share! I’m in love with all your fonts!
This is a fantastic site! I love all the fonts… but I’m having some trouble changing them on my site – I’m sure it’s me.
First, I’m having an issue with the font being cut off (I think it was a scrapbook font) and then, I’ve loaded the code for my Blog Title and Post Titles and neither is showing up. I’m not sure why…
THANK YOU!
I’m so glad you took the time to do this. I followed the directions and double checked my work twice but nothing different is showing. I am following all of the directions and it was a clear but, for some reason nothing is happening. Any help?
Ok I got it to work. It shows up now as my blog post but the same title (in the old font) is showing up too. So i have two titles. One in the new font and one in the old. What do i need to change?
Hey there! I stumbled upon your blog and site, you are so very talented and you have great taste!
xo
Katy
Hi, I wanted to say thanks for posting this tutorial, I was looking all over for a way to change my font so that everybody could see the new font. I do have one question though, is it possible to change the whole body into the new font as well. I would really love to be able to do that!
Sorry for all the comments. I did it. Thanks so much for the tutorial I have wanted to this for the longest time. I made sure to grab all your buttons and I gave you credit for your kit as well as a link back to your site. Thanks!
I have my blog background up thanks to you and I did as you said and created a topper in PS and used blogger to upload it. There is a problem though, it is way off to the right. What to do?
Snap! GeoCities is no longer accepting new accounts and they are closing later this year.
Hello Amanda… I had to take the fonts out of my blog, it was making it to slow, I think I have to much stuff in it, but I am building a blog for my lil home business.
Here is my question… How can I avoid having a double title? I am using PeaPatty font and it shows perfect, but I also get the blogger defaulted font. Can you look at it please?, and also can I make my blog ALL in this handwriting? Sorry, I know Iam asking to much.
http://www.dogboardingmiami.blogspot.com
Hugs,
Sonia
Hi! I was wondering if there is another way to get your super cute fonts on my blog without using Geocities (since it’s no longer accepting new accounts)? I’m so bummed! Thanks for your help!!!
@Jenny
I am so bummed to hear about Geocities! I was going to try Angelfire or Tripod next, but I haven’t had a chance to test them out yet. But feel free to try them and let me know if it works!! :)
Thank you, thank you… it worked. I will let you know when is ready to see… sorry about that, I forgot I had set it up for authors only while I work on it.
So…I’m having a few issues…..I am using a cute font but it needs to be bolded so I tried to do that…well it kinda worked but when I tried it on my “date” thing my date completely disappeared. Also my font eventually shows up, but as the page is loading it loads the original blogspot font…that eventually disappears, but that kinda bugs. Any way to fix this?? I really need my date back too…. ha ha
So i guess I figured out the Date and other things…but I still wonder how to get rid of the original text….
Thank you, thank you and thank you again for this GREAT tutorial! After many, many, MANY attempts I finally got it to work on my blog. You have come up with some of the greatest tutorials and I hope you keep it up. I just LOVE your site! I have used many of your fonts, downloaded your first kit and tried all the tutorials that you offer. I have even printed out many of your recipes.
You are just so great Amanda! Thank you again!
So you have a cute font for you post titles…and then you have a DIFFERENT cute font on the sidebar titles..how’d ya do that?? So awesome.. and how did you change the sidebar font??
I did everything just as you said it… I think, but the post titles are white, and as much as I try to do it again, and change, it doesn’t seem like it changes. I’ve tried changing the color, the size and I’ve checked and double checked, and still, nothing changes.
BTW, yours are the best tutorials for everything!
Hi Amanda, amazing tutorial! I did everything you said, and it works! Looks great on my blog, thankss!
HI,
I love that you have taken the time to provide these awesome instructions for everyone, and I would love to use on of your fonts on my blog (sidebars, blog titles, date, etc) but for the life of me I can’t figure it out. I have followed each direction twice now and I still can’t figure it out. I would be happy to have any help at all! Thanks
Terryn
Yeah, mine’s not working… too bad, it looks really cute :)
I can’t even see everyone else’s: just realized that yours are images! Oh, man, just my luck…
Thank you, thank you, thank you!!! I was all upset that someone who didn’t have the fonts installed on their comp wouldn’t be able to see the CUTE pea fonts I put on there!!! Here’s my site: bowsandsuch.com
Thank you so much for this tutorial. You actually did all the work for me before you posted the tutorial, but I decided to try it on my own. And lookie what I did!
http://uribetwins.blogspot.com/
Thanks for sharing your expertise with us Amanda!! I was able to change my fonts … so cool!!! I do have one problem.. my blog title “Lost in Paper” used to be centered, now it’s not and I have been unable to get it centered again… do you have any suggestions for correcting this? TIA!!! http://lostinpaper.blogspot.com/
LOVE YOUR INSTRUCTIONS!!!
the only problem I have: I have a 3-column template and one of the columns isn’t changing.
I Saw this tutorial and thought oooh that would be great for my free blogger layouts. I tried to test it on my blog first and um it didn’t work is it because I had changed my font to a universal font before? and like you said in the begining some people cant see the universal fonts you change so I don’t know where I went wrong??
Hi! I loved loved loved this tutorial. It was really simple to follow! I’m having trouble with my font being cut off. It’s not one of your fonts so I’m not sure how to fix it. Any ideas? Thanks again for doing this. : )
Yeah!~!!!!!!!! I am so excited and LOVE that you have shared this with us. I have been wanting to do this for a year!
Hey, I need some help. I am using the old blogger template and I am trying to publish a blog that uses 3 fonts (in the post titles, body of the posts and sidebar) that most users don’t have installed (I downloaded them from the web). Can you tell me how to do this? I see that you have detailed instructions here but for the users of layouts, not templates. Also, this explanation shows how to change the font attributes (color, size, etc) from webs.com; what if I just want a way to make my fonts available but then change all attributes from the html code (CSS) in the same way I normally do, from my template?
Thank you so much, any help is appreciated; I stumbled upon your page from a search and I see you guys know what you are doing!
one more question?? I did the whole entire thing again and this time instead of replacing ‘username’ and the address after i just replaced username with my site address which is sodazzlingblogs2.webs.com
and I was sure this would work and it still did not :0 i am stumped :)
I have a custom template on my blog and i followed all of your steps closely. However, it didn’t work for me. any suggestions??? ;)
Thanks for your excellent guide. Getting blogger to do what I want has given me a few headaches but I am gradually understanding what I need to do.
The code you have given us so far allows us to change all the titles and headings on our blogs but not the actualy text in our posts. Is that possible too or have we reached the limits of what we can do?
THANKK YOU!! I just re-did my blog and I am loving the cute fonts on all my labeled things! Your tutorial was REALLY helpful. I never could have done it without you!!
Love your quick suggestions. Having a problem where you copy the code above . There is nothing that reads . Please help. Thank you.
Re: Changing body text.
I have been playing around with the blogger-sifr text and have established that the variable I need to add a script for is ‘body’.
I tried copy/pasting one of the existing scripts you’ve created and just changing the variable to ‘body’ and font size to ’14′ but whilst it changed the body text successfully, it also demolished all the other formatting so that my blog became a jumbled mess.
Anybody else had more success with this?
Thanks for the great tutorial – I’ve been trying to figure out how to do this for a while.
Only one problem – the alignment of my date has changed from right to left and some (only some, which I find odd) of the sidebar titles are no longer centrally aligned. What can I do to put them to how they were originally aligned?
Thanks again, Rhianne
p.s. I would have used one of your lovely fonts but I had already set my banner up with another one… sorry :)
Hi!! I tried to change my blog title font today and nothing happened after I followed the tutorial. I must say that this is the very first time I have ever tried messing with program writing or anything and I am sure I did something wrong. Please help!!
Thanks
Monica
A New Tutorial is here!
How To Use a Custom Font for Your Entire Blogger/Blogspot Posts
Like Monica, I can’t get the blog Title and description to work. Any suggestions?
Hi Amanda!
I actually had the same problem as Ashlee with My Own Topher. I’m glad I went through the comments because I kept thinking I was doing something wrong! Thanks for putting up this tutorial, would I be able to get the updated font from you?
Hi Amanda-
I’m having a hard time getting the sidebars to work. They are renamed, both of them are left-sidebar and right-sidebar. I’ve copied it and fixed both of them in the file, but they won’t work.
Any ideas?
Nevermind…just needed to refresh!
hey Amanda,
I am trying to use this tutorial & can barely get past the first steps! I am not this dumb!!! When I go to open my new swf file to get the info for the Webs.com steps.. my computer says that “Windows cannot open the document”..
I have everything else down.. but can’t get the dang swf file of my font to work! grrrrr… :(
Any help would be great, I am about ready to throw my computer out the window! :)
I found your tutorial through my sister and you are amazing! Thanks to you, my blog now looks much, much, much cuter. Thank you so, so much for this tutorial, it’s been a great help.
Hi Amanda,
Thank you for the help…
I love the Fonts and how it work in my blog…
I’ll be trying the body soon…
Cheers!
Hi
Great tutorial thanks!
One question…i used your fontastic and its cutting off, no matter how small i make it or how big the text space.
Has this one been updated ok? i only downloaded it today…
Thanks!
Dear Amanda,
I have to say thank you for all those hard working especially sharing with the “world”.
I am a mum of 3 in Taiwan, I have followed all the steps above and finally get through with all, but something that troubles me is the “Chinese font part” (which i use the most of my post title) disappeared.
I use Chinese to write most of my articles and post titles, could u please find a way to solve this problem for me? and all other Chinese blog writers?
Thank you very much!
yours sincerely,
Cary Yen
ok…I’m having a little problem with changing my post title to a new font on my blog page. I went through all of the steps and now when I click on my blog the titles to my post are not showing. Can you help me please? Not sure if I missed something : )
I actually tried when it was first posted and I did not change the html code right and it did not work but I tried it again tonight and it was perfect! I am so excited that my blog is even more customized now! Thanks :)
PS – love the fonts – I use them in a lot of photoshop projects!
First of all I love your fonts!Okay now I have a question..when I go to the sifrgenerator to get started {I have already saved my font I want and everything} You are supposed to push the browse button, find your font where you saved it and open it right? well I push the browse button, I find my font but when I click on the font I saved it wont open or no code will appear so I can continue..help! I really want to use your fonts…thank you so much.
I love your FONTS!!! i am having a hard time trying to download the 4 codes after I upload my font to Webs.when you say to “Upload the swf font file you just generated and the other 4 files you downloaded from here.” I cant seem to find the and I did Save As….I am at a loss HELP!!!
@Megan
Did you unzip the file? Be sure you are attempting to upload a TTF file, not a ZIP file.
@Yocumotion
If you right-clicked and chose “Save As” then you saved them on your computer somewhere. I’m sorry, I don’t know where you saved them either. Try saving them again and pay attention where they are saving this time. :)
Amanda,
I did unzip them meaning I extracted them and then moved the file to the local disk, then the windows, then the fonts. So it is saved under the fonts. Just when I go to get it I cant even open it, or its code doesn’t show up to add into the browse space. Sorry for the trouble.
I had originally used Geocities and am now switched to webs.com. I’m a little confused with what to do with the new index file you said to download. I have a Mac, so I can’t right click. Instead I opened the file in my browser and saved it. It does not save as a index.htm file though. I did go ahead and upload it into the file manager on my webs.com account. Should I just rename this index.htm? I read that if you don’t change this file, they will eventually delete this account. Webs.com does already load a index file. Please advise :) Thanks so much! Love your tutorials!
Thanks so much. I was looking for a way to do this. Your fonts are amazing and as you can see I used one of the peas to use for my title, sidebar, date, etc.
I have to tell you how grateful I am that you have written this tutorial. It was so simple to following your directions and now my blog is much more interesting (at least I think so) LOL! The toughest part about this whole thing was deciding which font to use!! And now I can change it whenever I get bored. THANK YOU!
This is an awesome tutorial! It looks really hard at first, and normally when I mess with HTML, I screw something up, but this worked the first time I tried it! I love how my blog looks now. Thanks for sharing this! :)
♥ xtine
http://www.stuffbyxtine.com
i’m having trouble finding the in my html. can you give me an idea of where to look?
thanks!
Hello from Spain, i follow all the steps but the title of my post doesnt change the font, only on the sidebar. I tried several times, but nothing,
Do you know what can be happen? Thanks
I love your fonts and now I´ll follow the steps in order to change the style of my blog, thank you :)
Amanda.. thank you SOOOO much for your help! It finally worked & looks great!
You are so awesome! :)
thank you so much for your help!!!
Ok, I have done all of the steps (only took me three hours!) And I was so excited to see the change…. nothing. I’m so bummed. HELP!
So CUTE, I love it. Question though – how do I get my blog title to be centered? It is left alligned. Thank you thank you!!!
I followed the instructions and it doesn’t look like anything has changed. ;(
I double checked everything again and nothing is working! I must just be dumb. lol’
Yay! Thanks so much for this tutorial. I feel kind of stupid admitting this, but I fought with this for two hours and could only kind of get it to work…then I realized at some point I had started editing in the index file instead of the blogger-sifr.js file. Oops. Works now, though. Thanks again!
I love this, thank you!
Question…I cannot seem to change the COLOR of post DATE and the SIDEBAR title like “about me” etc. Can you help me out with that? THANKS!!!
arg! I downloaded the swf file but Windows doesn’t allow me to open it. i downloaded Adobe flash player but that didn’t help. what can i do to open that file?
Perfect! I love this and it was pretty simple! Fun!!! Can you do the same thing to the actual text of your posts?
@Alison
Yes, see here: Custom Fonts for Your Blog Post. Also, check out the links in the first comment of that post for some other alternatives. :)
Hello! First thank you for this tutorial and for the fonts!
The fonts are working in Explorer, but they are not showing in Firefox. I though it was just my case, but i saw some of the links on the comments and they are all the same (working on Explorer but not on Firefox browser). Just your site (www.kevinamanda.com) work on both :-)
DO you know what i could do?
Thank you very very very much!!!!
Hey, Amanda!! I found your blog by google-ing “How to make your own blogger background.” The post you made about that came up, and I checked out the rest. Though I didn’t make my own background, I did change the fonts! Thanks SO much!! Your detailed info made it SO easy!!
I seem to have everything doubled- in nice font and yucky old font! HELP!!!
http://julie-emily-caleb3.blogspot.com/
Hello Amanda,
Whew there is so much that I am learning from you!
I really appreciate the help!
I followed your instructions for place a cute font in my post titles. First I had problems when uploading the index to Webs.com. I continued with the tutorial, changing the code in edit html in my template. I am not seeing a change, which maybe from not being able to upload the index.
Could you please help?
BTW- My blog will be under construction…so don’t freak out! It’s a mess…but you have me going in the right direction!
Carrie
Ok I discovered not only do I have double titles- but I also have the link to my WEBs site on the top of my blog…Did I mess something up? Help Please!
It Worked!!!
It took me a million tries, but I finally got it ;) I used the new one you just sent me but haven’t published yet [pea sara print] and I LOVE IT. I just recently told my bloggers about the first one you did for me [pea frankie] and they went nuts downloading stuff from here. :)
Here’s the site if you want to see it: http://gitzengirl.blogspot.com
how fantastic is this!!! what a brilliant tutorial! thank you Amanda.. you can visit my first attempt at creative-kits.blogspot.com
thanks bunches!
Kristine
I followed all of the directions. I even went through and triple checked, but I can’t get this to work. My fonts did not change
Thank you so much for the tutorial!!! I love it–however on trying it out, my post title just disappeared. Any thoughts on that?? Also, was wondering how I could change the font of my navigation bar??? Thank you!
I love your site Amanda and your fonts are to die for. I followed this tutorial to a “T” and I couldn’t get it to work…HELP!!! lol
Okay, I figured it out! Whoo hoo! But I would still love to know how to change my nav bar…. :)
Amanda I can not for the life of me get it to work! I even tried changing fonts to see if that is the problem. HELP! Flipfloparts@blogspot.com
Okay, here is my site–the nav bar somehow got shifted, so just ignore that–but how do I change the font on it???
http://fineartbyphotobyemilie.blogspot.com/
http://fineartbyphotobyemilie.blogspot.com/
Did my last comment show up? Anyway, if it didn’t here is the blog i am working on, how do I change the font of my nav bar???