 |
| Don't forget to grab your freebie! |
I wanted to do a quick blogging tutorial today to show you how to customize your blog's fonts. I've been getting lots of questions about it, so I thought the easiest way to show you was to make a quick video. It will show you how to add more fonts to your blog than the ones that are available through the Blogger template options. It's really easy too, promise!
It takes a little bit of extra time, but as you can see it's not too hard. If you had trouble viewing the video here on my blog, you can watch it directly on You Tube. I hope it helps!
As promised in the video, here are some of the Blogger shortcuts you'll need to add the custom font to specific parts of your page:
body or .post or .body-post will do the main text of your page
h3. post-title will do each blog post title
.date-header span will do your dates
.sidebar .widget h2 will do your sidebars and widgets
.comments h4 will do your comments title
Don't forget that you can get more help with your blog through my sister site, Design by Christi, if you need it. I love working together to make your blog match your vision!
This is a WONDERFUL tutorial!!!! THANK YOU!!!! I've tried some other tutorials on this and they all confused me and I got so frustrated that I quit!!! Thanks Christi!!! :)
ReplyDeleteSoaring Through Second
You have all of the answers, girl! Congrats on being included in the newsletter. I know you were excited!! Thanks for the cute font, too! Have a great week.
ReplyDeleteElizabeth
Fun in Room 4B
It was exciting. I found out through Facebook before seeing the newsletter itself so you know I ran to check my email. :)
DeleteOops, I meant alphabet clip art freebie :) I'm tired...and it's early.
ReplyDeleteElizabeth
Fun in Room 4B
Yay! Saw your cute alphabet in the newsletter and am so happy for you :)
ReplyDelete~Stephanie
3rd Grade Thoughts
Thank you for your helpful video! I just did a major shout out to you on my blog today because everyday I've been learning something new about blogging and adding a unique font has made my day!
ReplyDeleteThanks so much for sharing!
Amy
Turtley Loving Teaching
This comment has been removed by the author.
ReplyDeleteOpps- sorry for the last commnet :) Thanks so much for posting this!! I am such a visual learner and I think I might actually try this! So helpful!
ReplyDeleteTori
You can do it!
DeleteWow! I have been trying to figure out how to do this forever. Thanks so much for your help! Now the hard part is choosing a font!
ReplyDeleteHilary
Second Grade is Out of This World!
Have fun with it! =)
DeleteThanks for the great info! I'm so glad I found your blog. It's adorable.
ReplyDeleteMrs. Thigpen's Kindergarten
Thanks for stopping in!
DeleteThanks so much for this info, Christi!
ReplyDeleteI haven't stopped by in a while... LOVE your new blog design :)
✿Valerie
All Students Can SHINE
I'm glad the tutorial was helpful! I just updated my blog today so you're right on time. ;)
DeleteI have always wanted to know how to do this! Thank you for the video...it will make it super easy. You rock!
ReplyDeleteThank you so much!
ReplyDeleteJenna
Just Diving In
The sidebar and comments code are not working for me. Is it .sidebar .widget h2 with spaces between each and the .comments h4 with a space between comments and h4?
DeleteThanks so MUCH
It looks like you need to add "body" without any period to cover your comments and sidebar.
DeleteThank you so much for posting this. I just started a blog, and I wondered how/if you could do this. This will be very helpful!
ReplyDeleteCarolyn
Exceptional Kinders
Wow, thanks for the awesome tutorial! I have been changing the font in the html every time I post. Your way will be a great time saver! Keep up the great job!
ReplyDeleteShelly
Smiling and Shining in Second Grade
Thank you for posting this! Very easy to follow, and I'm looking forward to trying it on my new blog:)
ReplyDeleteDee
I want to change the font of my page tabs? I think thats what they're called. Could you tell me the code for this or is it one of the ones up there? x
ReplyDeleteHi thank you so much for this tutorial. I've been looking everywhere and yours was the most helpful. I may have missed it in the post but how do you change the tabs font? I've added my Google font to everything else but I can't seem to find a code for that.
ReplyDeleteThanks so much for your help. Have a great day xxx
Very good article and very understood please support me in my article Konsumen Cerdas Paham Perlindungan Konsumen about Konsumen Cerdas Paham Perlindungan Konsumen and visit Sekolah Belajar Forex FBS Indonesia Thanks and nice share
ReplyDeleteI really appreciate your video - thanks so much! I had been searching for something nice and CLEAR so that my foggy-mom brain could grasp it and you nailed it! :) God bless!
ReplyDelete