Thursday, June 21, 2012

Change Font and Size of Pages Tutorial

I had a few followers ask about how to change the size and font of their Pages tab.  Well, here it is.  I know I had mine smaller on my page and a follower mentioned changing it may make it better.  So, I tried to figure it out. :0)


Here is what you do...


You need to edit your blog's HTML.  In order to do that you need to log into your Blogger account.  Then go down and click Template.  Once the Template page comes up, click edit HTML.  A friendly reminder that before you edit you should make sure you have a current backup.  If you don't have a backup, you can download a backup in the top right hand corner where it says backup/restore.



Next, check to expand.  Then use the browser's search function.  Search for this code:   ]]></b:skin>



As you can see above, when I searched for the code my browser highlighted it in green.  

Next, insert the following font properties:

.PageList li a {
font-family:"Lucida Handwriting", cursive;
font-size:130%;
font-weight:bold;
font-style:italic;
color:red;
}


I have highlighted in red the font and the size.  These two items you can change according to how you want your blog to look.

I looked up my code to see what font my blog was using so I could keep it consistent.  The font you are using should be some lines above the code you entered.  I then played around with the font size until I found the size I wanted.
  Last, click Preview to see your changes.  If you like it, click Save Template and you are finished.  If not, keep playing around until you like it, then click Save Template.
 
Goodluck!  I hope this tutorial is helpful!



Kindergarten, 2nd - Reading, Education - TeachersPayTeachers.com
 




19 comments:

  1. As always, your posts are so informative :) Thanks for the blogger tips!

    Elizabeth
    Fun in Room 4B

    ReplyDelete
  2. You're awesome!!! I'll be trying this later:) thanks!!

    Tammy
    www.123teachwithme.com

    ReplyDelete
  3. Thanks for visiting us! We are following you now and this tutorial is GREAT!!
    Katie & Lisen :)
    wearesecondgradesmartypants.blogspot.com

    ReplyDelete
    Replies
    1. Thanks for becoming followers! I am glad you like the tutorial.

      April
      Wolfelicious

      Delete
  4. Thanks for stopping by my blog. I'm now following you as well. I love anything that has to do with blogging tips. I'm still in the beginning stages, so I don't have any tabbies yet, but when I do, I'll be back here. I'm also excited to read your post on student blogging.
    Katie
    I Want to be a Super Teacher

    ReplyDelete
    Replies
    1. You're welcome! Thanks for becoming my follower. I am glad the tutorial is helpful for you.

      APril
      Wolfelicious

      Delete
  5. You are so smart! Your tutorials are awesome!
    Jennifer
    kindertrips

    ReplyDelete
  6. Thank you for visiting my blog! The suggestions looked great--I just can't implement any right now because I am on vacation.

    ReplyDelete
  7. We just found your blog through The Tattooed Teacher. Thanks for the HTML tips...I'm clueless with that stuff!

    Halle
    Across the Hall in 2nd

    ReplyDelete
    Replies
    1. I am so glad you found my blog. I am glad this post is helpful for you.

      April
      Wolfelicious

      Delete
  8. Thanks for the comments & tutorial. I am new to this blog-stuff & am excited to see the happenings in your classroom!

    ReplyDelete
    Replies
    1. You're welcome! I am glad you can use the information.

      APril
      Wolfelicious

      Delete
  9. Thanks for stopping by my blog to introduce yourself! This is a wonderful tutorial! I followed it and it worked well for me! Thanks so much

    ❤Mrs. McKown
    Little Literacy Learners

    ReplyDelete
  10. April- Thank you for blogging about such great tips! I am new to blogging- it's the summer so I actually have a little free time- and I love your info! I'm following you and your videos now! Thanks again!! -Nina

    ReplyDelete