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,363 Comments
This is awesome, thanks! The tutorial is really straightforward! I think I got it to work first time (but it’s not showing up in my firefox yet, just IE…I just need to restart!)
Yay! :D
I don’t think I’ve ever had a tut work first time before without a hiccup!!
Hi Amanda! I did everything just like you said and it did work on my blog but my only problem is that it won’t let me change the colors! I do what you say with the color picker thing but it still won’t do anything! What do I do? My blog is jccarn.blogspot.com.
Thanks for everything,
CharLee
Thanks so much for putting this tutorial together. I was able to get it to work on my blog…for the most part. It changed the titles of my posts and the sidebar elements that are on the right to one of my absolute favorite fonts, pea missy with a marker, but not the elements on the left. I also would love to change the colors the sidebar element titles and my dates are in. I want all of them to be the same brown color. Any suggestions?
Forgot to give you my blog address. juliandbrett.blogspot.com
I feel like such an idiot. I figured it all out with some trial and error! Thanks SOOO much for this wonderful tutorial. Sorry for spamming you!
Thanks for doing this! I have 2 problems…1) my titles din’t show up, and 2) the titles on my side bar changed but are pink. Not quite sure what to do! Thanks for the help!
Hi! Great tutorial, I used it and one of your cute fonts. While technically it is working, when the page first loads up it show the original font and then when fully loaded it shows your cute font. Is that normal? Is there a way to make it show only the cute font? Thanks in advance for your help and I’ll be putting your button on my blog. :) http://typical-ramblings.blogspot.com/
Hi! LOVE the fonts however, I am getting a “Non Scriptable Font” error when I try and save the font after downloading it through the sIFR Generator…is there a work around for this?!
Thanks a million for your help! This sure has made my blog more “me”.
Hi, I have tried everything I can think of to make this work. I even rebooted my computer and refreshed my page. Could you please take a look to see what I did wrong. Also, thank for all of the information you provide to help make blogging easy and fun.
The tutorial is awsome :)
TY for sharing your knowledge on blog customizing :)
Here’s a link to my blog:
http://hafija-arty.blogspot.com/
Thanks. So, mine worked great, but the colors are all weird. I wanted just plain black for everything, but I have blue titles, gray dates, and pink sidebar titles.
Weird, eh!
I can’t imagine you time to help everyone with the problems this causes…. w.o.w. if you do!
Amanda,
ok, so I LOVE your fonts, so many super cute adorable ones, one particular one I fell inlove with is the digs my hart, but I cant seem to figure it out. I think I did everything correct, can you help me? My blog is private, where do I send the invite to? Which address? Thanks so much, your awsome!!
Holy cow! I acutally did it!!! The 2nd color isn’t the one I chose but I like it just fine anyway. I just found your site today and I’ve been here for hours just taking it all in! You’re SUPER amazing! Thanks for the amazing tutorial (you made it so easy) and the adorable fonts!
I forgot to leave you my blog address! It’s thekynochs(dot)blogspot(dot)com
Hi Amanda! I really appreciate your tutorials like this! They are so helpful and informative. I have a question though. Is there any way that you could help me with the navigation bar? I’ve figured out how to change the font to a custom font, but now I can’t get the navigation bar to show up “inline”. Do you know what I can do to fix this?! I appreciate any help/advice you can offer!
THANKS!!!
Will the fonts work in my blog, above? Or, do I have to create a new blog using Web.com?
Thanks for sharing this detailed tutorial. I shared it with my readers today… http://www.amybayliss.com/2009/07/blog-design-secrets-revealed.html
Congrats on the interview!
Ok, got to uploading files and the index.htm file doesn’t seem to want to up uploaded? It does not appear in the list of files I uploaded. Lucy and a senior and a newbie to blogging!
Ok, back again. Do I upload the pealauryn.ttf file or the pealauryn.swf
file? Did I say, ty ty ty ty ty sooooooo very much!!!
Hello!
Thank you so much for all of the help on changing the fonts and colors for my sidebars and dates! I love it!
I had only one problem when doing this. All of my other titles are now changed to the new font that I downloaded (Pea Faith). But one of the widgets on my right sidebar is blank, and one of the widgets that is above my posts has not converted. Would you mind taking a look at my website, and seeing if there is anything that you can suggest for me to fix it? I searched through your code and compared it to mine, and there is not one comma out of place.
Thanks,
Coree
Thank you so much for the fonts and simple directions on how to use them on my blog. I have a quick question…since I downloaded all the stuff to use your font on the post titles, my blog is downloading really, really slow. Is this normal? Thanks again!!
Beth
Okay…first off let me say that I love ALL of your fonts!!! They are so adorable! And thank you for letting everyone use them for free! That is so awesome! Anddddd…thanks for all these instructions and tutorials and what not. You are so helpful and generous!
I followed all the instructions and it still won’t work. I tried doing everything multiple times. I even re-started my browser and computer but the new font still won’t show up. Please help!
Also, how do I get the fonts into Microsoft Word? Is it okay if I do that?
Thank you!
I love this idea, and this is a very detailed tutorial, I would love to try it, but first am wondering if it will affect my background at all? Just don’t want to go through all that to find it doesn’t work with my backgrounds and such. Also, I posted a layout on my blog with your Pea Natalie font, if you’d like to see it go here:
http://rantsnrandomramblings.blogspot.com/2009/07/play-dough-and-quick-pages.html
So thanks!!
Hi! I’m so excited to put a cute font on my blog however, I can’t get my edited html to save. It says something about me not having the correct > or /> in order to save? I did all the steps correctly (I think!) and I really want to have a cute font! Help!
I always said, someday I´ll do this haha, today I have the time finally, BUUUT I couldnt make it work. I hope you help me a little bit, I´m sure its nothing what i need to make it work. I´ve posted your webpage on my blog since I started it, pleaseeeeeeeeeeeeee!! :D Love your site!
Hi Amanda,
Thank you so much for this I love your site and my new font. This was very easy to follow. I am in the process of changing my background and header so if I decide to change the colors I chose will I just follow the steps again to make the change? I am sure you know where to find direction on how to add the post dividers, love yours how did you get your signature on it?
Thanks again
http://tinlseytime.blogspot.com/
Hi Amanda, me again :O. I am now in my home computer (mac) and I did all the tutorial on a PC by the morning, and was surprised just a few minutes ago when suddenly on my mac I could finally see that what I did worked! Any guesses? Til tomorrow ill find out if on my office computer worked too. I let you know. Thank you so much again, please visit my website!
Amanda…THANK YOU SO MUCH! I just got my blog up and going, so there’s nothing on it but your fonts and some ads, but thanks so much for both your fonts and the excellent tutorial. :)
ok so i’ve gone through this step by step. twice. i’ve gone through the “need a little extra help” section. also twice. AND MY FONTS ARE STILL BLANK! I can’t find any differences in your page and mine, (except for the necessary ones of course) and i am so frustrated! please please please help!
I love your fonts and i’m so glad I found you! Thanks for all the hard work of putting it together.
I do have a question…how do I change the font for what I write, and my friends on the side??? Did I miss something!
Thank you! My hubby got it working in no time. I tried, but he said it best, “Hunny, you have no idea what you’re doing.” HAHA!
http://daisyandpear.blogspot.com
These are adorable fonts! :D
I’d love to use them on my blog, but when using the Wizard thing, I get through it all fine until I click ‘download’. Instead of downloading it onto my computer (mac os x), it shows up with a blank page that says ‘Error 3′. In case it helps, I use the latest version of Safari. I don’t think I did anything wrong… Any idea what’s going on?
Thanks! :D
Robyn
I tried doing it, but when I went into the pencil under the blogger-sifr. it was all in jibberish.
Is there another way to do it?
Thanks!!!!
THANK YOU THANK YOU THANK YOU! You ROCK and then some!
Passing this to aaaalllll my blogger pallies!
Dawn
Hi Amanda! I did it! I changed the font on my blogpost titles and sidebar titles, Woo Hoo! It looks great. It takes a while to load because of my background from Shabby Blogs (which, incidentally, sent me over here from their fabulous blog, too!)
The only problem is that the dates partially shows. I did it EXACTLY the way you said…no deletions of extra punctuation marks or anything like that. The month and dates shows but NO Numerals show! Hmmm…Maybe my SWF file is wrong. Maybe I didn’t make sure it had numbers and stuff with it I will go check that out.
It’s too nice! But I’m so sad that the french accents do not work :(
Thanks for the great font to !!!!
Hi Amanda! It’s TattingChic again. I checked my SWF uploading process. I did make sure it uploaded the font’s numbers and punctuations marks, etc. I used the “Three Dates in One Night” font. Is it possible that this font doesn’t have numbers? Sorry, I just don’t know why the numerals and punctuation marks aren’t showing.
Please help when you can, thanks! I love the font and I really appreciate this tutorial! I even tweeted about it and am following you on twitter now! :)
Thanks so much for such a simple and fun tutorial. I had no problem whatsoever with the instructions. My blog is http://needles-n-shuttles.blogspot.com I’m wondering if I can do the same with my own website?
I thought I would try ColorZilla and installed it to my hard drive, but can’t find it? Gotta tweek my test blog some more and then I will try making same changes to my public blog (helps me reinforce what I have learned). I don’t know where to find ColorZilla after I installed it? Today I had a 9 am hair appointment, rototilled the garden, put up siding on our garage and have been going through comments on your tutorial… Too sleepy, so will have to wait until tomorrow to play some more. Thank you for your awesome tutorials and the detailed updates!
Amanda!! What a wonderful tutorial! BUT I’m having problems — I have a 3 column template and it’s only changing one of the sidebars. I don’t know what to do. Please help. :( Thanks in advance!
http://dragonfliesndaydreams.blogspot.com
I just changed my blog to three columns and the left side post titles don’t show up with the cute font. Is this fixable?
Thank you so much Amanda for this wonderful tutorial!! So easy to follow and understand. I even managed to get my 3 columns working, hooray! xx
hi amanda.. 1st of all, i would like to thank u for sharing this with us.. really love it. and i tried to do it in a test blog. i think i did everything right but it didnt work.help me plis.. i tried to do it in this blog http://armanitestblog.blogspot.com.
thanks in advance & hv a great day =)
LOVE IT! Works wonderful, thank you so super much!
OK, accidentally answered my last question. I was in my blog checking image properties and found Colorzilla. We have had lots of rain here so am trying to catch up on weeding. Spent two hours today, just on 1/2 row potatoes. Probably have to wait for a rainy day to get back to my blog. Until then, I will be going over the Colorzilla Help site.
I wanted to change the Post/Link colors to darken them up by going to Web.com, File Manger, and changed the three color codes in the blogger-sifr.js file and saved. My viewed my blog and it didn’t update. When I go to the dashboard to Layout, I get a blank screen with Save in the upper right hand corner? Should I have started at the beginning of the instructions for How to use Font…?
Oooop, In my previous comment, Save is in the upper left hand corner.
Hi Amanda,
I figured out my problem with the numbers not showing and I just switched from “Three Dates In One Night” to the “Unnamed Melody” font. Problems solved! Here’s my blog address:
http://tattingchic.blogspot.com/
Come on over and visit anytime! It sure looks cute! Thanks! :)
Hey, I restarted my computer and the changes did, indeed, take affect! This is soooooo much fun. Thank you, thank you, thank you…
Hey, Amanda!!! This was SO helpful… I’d seen it on other blogs and wanted it for mine… so I got it!! I love it… your instructions are SO easy. Thanks!!!
Thank you for the great fonts and for the easy to follow tutorial! I love my new look!
I need some help please. I am doing a menu bar for someone and I am having some issues with the menu bar being blue font. I have inserted my 2 colors for the font (brown is the active link and a pink color is the hover color). It is also not expanding all the way across the blog so I am wondering if I am missing something. The blog can be located here.
http://angiespractice.blogspot.com/
Thanks
Wow! I’ve always seen these cool fonts on other blogs and after trying the Pea Faith font and following all the instructions verbatim, I don’t know where I went wrong. My blog looks the same as it did before :( Please help me! :)
I’m SO glad I found your site. Thanks for the wonderful tutorial and fonts. You really really helped me make my blog more me and I definitely appreciate it. If you would like to see it my blog is http://www.skiperella.blogspot.com
I love, love, love your blog and think it is awesome how helpful you are…I apologize for my computer retardedness though…I have done EVERYTHING and still can’t get the font I chose to show up. here is my index file…I feel like it might be where the problem originated. THANK YOU for any help!
Hi Amanda!! I loved your tutorial and used it on my blog. It looks great! i had one question. How can you change the font on your post title like after your blog post? I love the way you have just the comments showing! Do you have a tutorial for that? Would love to know. Thanks so much again. check out my blog http://jasondaniellemcdonald.blogspot.com
I (think) I followed all the instructions but when I tried to save, this is the error message I received:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type “script” must be followed by either attribute specifications, “>” or “/>”.
Help!
Hiya Amanda, Would the code in Question 35 work on my test blog? Also, my personal blog (http://lucienalta.blogspot.com/) does not have a blog title. Would I have to save the blogger-sifr.js under another name?
My niece’s name is Amanda. I call her Miracle. After having two girls, my younger sister was diagnosed with a rare stomach problem and had to have it removed. A year and a half later she had a baby girl, Amanda, who is now 28 and ever so beautiful.
I used your cute font for my post title and date and it is too cute! Thanks! And thanks for all the cute fonts. I also have your button.
BTW~is there any way to change a Blog title?
I used the font for my blog and it turned out great!! I used digsmyhart which is super cute. It works perfect for my site. Thank you SO much!! PS-Your directions were so easy to follow and user-friendly too. :)
Amanda~
I changed the font on my post titles today and love it! However, I’m having trouble with my sidebar color. It’s bright pink and the code is the same as the post titles. Can you help?
http://the-rouse-house.blogspot.com
Thanks!
~Angie
Thanks so much for all these instructions, how fun to make my blog pretty! I LOVE your fonts! I did it all on my “regular” computer and it worked! But when i go to my blog on any other computer, I don’t see the pretty font! I just downloaded it last night, so it should be the latest version, right? Can you please take a look? I will get a button or link on my site for ya, but I am about to get breakfast ready, so that will be later. Just wanted to get this comment on here asap. Thanks! My blog is http://www.jenuineartistry.blogspot.com. TY TY TY
Thanks for the assistance guys! This took me ages to do but was reassuring to have your guide open whilst making the changes. Very easy to follow!
Any tips on blog title headers/ banners?
http://www.curiousblackcat.blogspot.com
P.s. thanks for the buttons!
1st. when I go to the pencil to edit the blogger-sifr it shows up as this mumble jumble
all the way to the bottom. Do you know what would cause that?
I’m going to send you an invite to my blog since it’s private, hopefully you can help me out!
I can’t believe how wonderful this blog is. Thank you so much for helping all of us! :)
Can you tell me how to change the post titles only…and leave the sidebar titles alone?
Thank you so much for this tutorial. My blog is currently under construction but yours font on it look awesome!
This was the easiest tutorial I have followed! I do not know HTML at all, but you made it so easy. Thanks.
Hey, I’ve tried three times to replace the font on my blog to your “peaheathershandwriting” font. Every time I tried I went through every single step carefully, double checked everything, and even rebooted my computer, yet my blog still remains plain fonted. Please email me back if you can help me. I’d love to have you just go through the html of my blog and fix my mistake (whatever it may be). Either way, your input would be greatly appreciated. Thank you, Amanda!
-Brie W.
I haven’t tried this yet since I’m looking at the instructions at work…shhh! My question is when I sign up for the new website thing, does it change the address of my blogspot page? I’ve never tried something this technical before and I’m excited about it…I’m just a little nervous too.
P.S. I love the fonts! Thanks so much for your hard work!
Thank you for this post! I changed just the post title’s on my blog and after trying a few different fonts I found on your site I settled on the perfect look!
I am having the exact same issue as Brie W (469)…I am sooo tired of staring at code and I really don’t see where I may have gone wrong. I love and really want these fonts! It will be the perfect touch to my blog. I would be happy to give you all my info for my blog so you can check it out for yourself. Thanks so much for sharing your fabulous talents.
i did double check all the instructions but the heading doesn’t seem to work! =X HELP ME!
When I go to http://www.sifrgenerator.com/wizard.html, there are issues with the site timing out.
Do you have another method?
Thanks.
hey amanda, i love to read your tips. but i still don’t understand with your explanation. and i’m blogger member, not a webs member, so can you help me how i can change the font title blog by email? can you email it to my email? i really need your help, please reply it by email, or visit my blog at : tasssssssha.blogspot.com, or if you busy, please reply it at here, cause i really need your answer, please help me thanks :D
Hi again!
I have done this a hundred times or so now and have had it work, but I can’t get it to work on this website.
http://shiningstarpreschool.blogspot.com/
I even tried restarting my computer. Do you see anything wrong? Thanks for your help! :)
It sounds like the gals above me (469 and 472) are having the same problems as I am.
Thanks! I just used your tutorial and it was super easy and fast! Now if I could just decide on one color and font… :)
I got all my titles and fonts to work out except for my Blog Title. I copied what you had in the index.htm for the Blog Header and Descriptions and just changed the color of the font. When I did this, the rest of my cool font changes went back to their original state of looking boring. I’m not sure what went wrong in copying/pasting to my blogger-sifr.js file. If you can help me out on getting my blog title to change to be the same as the rest of my cool fonts and make sure it’s the right color, I would love it!
Thank you so much for this tutorial first of all! It was super easy but I’m having one problem. I have a three column blog and only the fonts in the middle and the right sidebar are changing. Help!! I’m adding your button.
Thanks,
Tara
Hi Amanda,
I am new to this and is having a bit of trouble. I keep getting this:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The content of elements must consist of well-formed character data or markup.
Do you know what I need to do?
I quess I don’t know which file to choose out of the 4.
I cant seem to figure out how to but my font on to my blog page. I was wondering if you could help me out! haha. Thanks
Does this look correct?
‘http://miners.webs.com/bored.ttf’
This the font that I uploaded.
This what I have it set as.
Kat
Ok, I added the font to my blog, but it only changed the font on only one of my sidebars, and I have 2 sidebars, is there a way I can change the font on my other sidebar so it doesn’t look weird???
Please let me know…
Thank you so much! I have been wanting to customize that title font for SO LONG. The options Blogger gives are just too dull. Thanks, again!
These are so cute! I love how it looks! Some questions, however… It is not working for all of my titles… for example, the “About Me”, “Search”, and “Vote for Me” (all on the left column). Is this because I have 3 columns? Also, I would like to change the font for my header too, and when I try to open the index.htm, it says “this site is under construction”. Do you have a tutorial for how to add these cute fonts to my header. One more question… I am dying to create a blog button for my site, but I have no idea how… can you help? Yours are cute and I’m going to add it to my blog right now! Thanx! :)
You are AWESOME for putting up this tute! It was so much easier than I thought it would be. Thanks so much!
Hi Amanda,
Thanks so much for posting this. I love your fonts. I am having issues with posting this though. When I posted the font to my blog, all of the fonts show “Please pass in text” rather than my content. I’m trying to use the “pea ink & post” font. It’s not on my blog at the moment because it drives me crazy to leave it up there for people to see. Is there an easy fix to this? I appreciate the help. :)
I got my font to work, but it’s not my title! It’s my “About me” and I have no idea why its pink…it’s supposed to be blue.
I would really appreciate your help! Thanks :)
I love this! I used Pea Tracy font, and it almost looks like my own handwriting!
Hi Amanda,
I left you a message early…my blog address is http://www.bradnleahfox@blogspot.com. Just wanted to let you know my fonts are working for my post titles! I don’t know if you already had time to fix them, or if it was because I turned my computer off…anyway, yay! It’s working! My titles are pink, instead of dark brown, but atleast I have them now! =0) Thanks so much for helping all of us “regular” make our blogs so much cuter! =0)
LOVE all your fonts! Thanks so much for helping me to pretty-up my blog!! You’re the best!
Looks too cute! Thanks for the directions, that was intense ;)
You ROCK!!! LOVE THIS! Great tutorial. I am off to play some more!!
Thanks for the tutorial! It was easy to figure out and now my blog looks pretty. Thanks for writing it! I found you through shabby blogs. :)
Ugh I can not figure out what I am doing wrong but nothing will show up. I read through some of the comments here and thought at fist maybe it was the old font version but I just dl these today so they should be updated or no? LOL :-)
But I love the tut, I just need to get it to work. Going to try with a different font and I hopefully will be back to just say “thank you” again and “I did it finally”, lol :-)
One other question that might be the problem. Will this work if I have Sidebar Title Images? Or would I have to remove them and then try it. I thought the image would just cover the default text like it does now using the sidebar title images rather then text so then I so I took out that code on the code sheet but it still didn’t work.
you are a rock star! thank you thank you thank you. I wanted my blog to look more fun, but not over done.
I’m back, lol :-) Okay so I figured out why it was not working for me. It was because I didn’t click on “Advanced HTML” when doing my template at the website. So then I try it on my test blog and it worked perfectly but then I loaded it on my scrappin blog and it partially works, lol. It shows the new font in my sidebar title but not in my post title and I tried your suggestion on centering the titles and it didn’t work out for me either, so any help you can give me would be wonderful!
I posted your button on my site weeks ago when I found your tut on customizing your blog template background, which I loved by the way!
Also BIG THANKS again for taking the time to do all this, it took me forever to read through the comments trying to figure out if anyone else had the same problem, so I can only imagine how long it takes you.
THANKS,
Robyn