Pages

Blogspot How to: Change Post Title Font, Size & Color

The default Blogger-Blogspot layouts (like Minima) don't allow you to change or customize the look of post title font through Fonts & Colors tab. An HTML/CSS expert can easily change the post title font from the Edit HTML tab but that's not easy for a non-technical person. In this tutorial, I'll tell you how to fully customize the post title font by going to Design -> Template Designer -> Advanced.


Note: This is an outdated tutorial for old Blogger layouts. If you're using a new template like Awesome Inc, Simple, Picture Window, Ethereal, Travel or Watermark then refer to the new tutorial:
Blogspot How To: Change Post Title Color in Blogger Template Designer


1- Find the Existing CSS Code.


From the Dashboard, go to Design then Edit HTML tab.


Find the following code:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#333333;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color: #000000;
}


Blogspot How to: Change Post Title Font, Size & Color


The code, you found above, is responsible for the appearance of post title. If you're not using Minima Blogger-Blogspot template then you might not be able to find this code so please leave your comment with blog address and I'll try to help. If you've found the code then continue with the tutorial.

2- Replace the Existing CSS Code With New CSS Code.


In this step, you have to replace the default code with the following code:

.post h3 { margin: .25em 0 0; padding: 0 0 4px; color: $titlecolor; font: $posttitlefont; }
.post h3 a, .post h3 a:visited, .post h3 strong { text-decoration: none; color: $titlecolor; }
.post h3 strong, .post h3 a:hover { color: $titlehovercolor; }


3- Customize the Post Title Font in Design -> Template Designer -> Advanced Tab


Stay in the Edit HTML tab. Scroll down a little and you'll find this code:

/* Variable definitions
====================


Copy and paste the following code right below the above code:

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#c60" value="#cc6600">
<Variable name="posttitlefont" description="Post Title Font"
type="font" default="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">


After adding the above codes, the result would look something like this:

/* Variable definitions
====================
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#c60" value="#cc6600">
<Variable name="posttitlefont" description="Post Title Font"
type="font" default="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">


After that, you can just save your template. Now, you can easily customize the post title font through Design -> Template Designer -> Advanced tab.

Need Help?


If you've any problem in this tutorial the feel free to leave a comment, I'll try to answer as soon as possible :-)

113 comments:

  1. wow~ thanks for the tutorial ^__^

    i tried to edit my post title, but i can't change the colour... could you maybe help me with it ?

    this is the code;

    ========================

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#959595;
    background-color:#fff;}

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:bold;
    color:#959595;
    font-weight:normal;
    }

    .post h3 strong, .post h3 a:hover {
    color: #ed1c24;
    }
    * { margin:0; padding:0;}

    ========================

    the colour of my title is black now and i tried changing all the black colours in my css, but the title still remained black... so i added the code above, but it's still black, i don't know what i'm doing wrong...

    this is my full template; http://www.mediafire.com/?2meowyzzrtj

    also my sidebar is too much on the left, what code do i use to put more space between my content and sidebar? padding?

    i hope you can help me ^__^
    thanks in advance.

    ReplyDelete
  2. I've done everything possible, and my post title color simply will not change. I changed the 'titlecolor' and then put $titlecolor on the .post h3 and it still is blue. I don't know where the hell that color is coming from!

    ReplyDelete
  3. @ ANJJAEJOONG``, you post title color is currently set to 959595 and it is in the following code:

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:bold;
    color:#959595;
    font-weight:normal;
    }

    and when someone will bring mouse over to the title (hover) then the color will become ed1c24 and it is defined by the following CSS definition:

    .post h3 strong, .post h3 a:hover {
    color: #ed1c24;
    }

    To change the color of your post title, just replace the value (hex code) 959595 to the hex code of your desired color and similarly you can change the value ed1c24 (mouse-over color) to your desired color hex code.

    To find the hex codes of colors, please download and use the ColorPic which is free.

    http://www.iconico.com/colorpic/

    ReplyDelete
  4. @ Deborah Aldridge, your blog address please!

    ReplyDelete
  5. @bilal; thanks!
    but it doesn't work, i again changed the colour but it still remains black (the colour is not #959595, which i want it to be), also the hover doesn't work, the hover is black too, but i want it to be #ed1c24

    you can see it here: http://trythattemplate.blogspot.com/

    ReplyDelete
  6. @ ANJJAEJOONG``, you're right. Actually, post titles in Blogger are under h3 tags but you're using a custom made template which has post titles under h6 tags. This is not good for SEO so I'd suggest you to mail me the layout (Edit HTML -> Download Full Template) of your blog.

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. How can I change the background color (or image) for the post itself?

    This will allow my posts to 'slide' over the surface of a magazine style blog layout.

    my blog:
    http://milleniummandate.blogspot.com/

    I hope to receive some help.

    DRH

    ReplyDelete
  9. Thanks for a ggreat tutorial about changing the post title which happens to be inside h3. Question: If I wanted to change h3 to h1 for titles systematically for a blog, how would I go about this? I'm thinking for the seo purposes. Thanks again.

    ReplyDelete
  10. @ Mentor Matt, Blogger is already optimized for SEO and I'd strongly recommend you not to change h3 to h1 tags because h1 tags are already reserved for blog title.

    ReplyDelete
  11. @ "Global Alliance Special Reports", go to "Edit HTML" tab and find this code:

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #333333;
    padding-bottom:1.5em;
    }

    Now, you can add a new definition for background color in it like this:

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #333333;
    padding-bottom:1.5em;
    background-color:#ffffff;
    }

    As you can see that I've added "background-color:#ffffff;" in the above code and "#ffffff" is the hex code for white color. Similarly, you can use different colors for background of your posts. To find the hex codes of different colors, download and use a free software "ColorPic".

    ReplyDelete
  12. Hi,

    I really want to change the colour of my post titles but although I've followed your instructions above they seem to remain grey! The blog address is: http://pizzeriasettebello.blogspot.com/

    Your help would be very, very much appreciated as I feel like I've tried everything and don't know where I'm going wrong!

    Best wishes,
    Miche

    ReplyDelete
  13. Thanks a lot for the time you took in sharing this information!

    ReplyDelete
  14. hi..
    I need help on changing font type.
    Could you please tell me how to change the font title (I want to use SDKwangSoo M) but the problem is that, I'm not using Blogger ready made template.

    Hope for some help~

    ReplyDelete
  15. @ setto bello, Go to "Edit HTML" and find the following code:

    h2, h2 a, h2 a:visited,
    h3, h3 a, h3 a:visited,
    h4, h4 a, h4 a:visited {
    color: #444;
    }

    Now you need to change the "444" with the hex code of your desired color. To get the hex codes of different colors, download and use "ColorPic" which is free, just Google it. Also remember that the hex code is 6 characters long and may contain digits and alphabets. Here "444" is the the hex code of grey color written in short form.

    ReplyDelete
  16. Hi! Great tips.. but can you help me change the backgound colur of post page itself... I'm not talking about template background but the main body background where the posts are displayed. I use template downloaded from btemplates. I guess codes are same. Thanks

    ReplyDelete
  17. @ Nima Tenzing, please gimme your blog address & clearly where you wanna apply a background color i.e. posts or posts + sidebar?

    ReplyDelete
  18. I tried changing the font size of my title posts and nothing happened. My blog is www.littlehouseliving.com

    ReplyDelete
  19. This great info, but I'm trying to make a basic change to no avail. Even using the built-in Blogger Font and Colors tool, I'm unable to change the posting title font and overall sidebar font, no matter what I do, it remains Trebuchet. I've selected Verdana in the the Font and Color tool for the title header and sidebar,and saved the changes, but nothing happens. I'm at a loss...?

    ReplyDelete
  20. @ Merissa, download and email me your layout.
    levisinside0@gmail.com

    ReplyDelete
  21. I've been able to change my post title font and sidebar title font, but the problem is, they both use the h3 variable, so adjusting one makes the other change as well. I'd like to change them independently. I'm just using the default Minima template.

    ReplyDelete
  22. @ Matt, find this code:

    h2 {
    margin:1.5em 0 .75em;
    font:normal bold 78% Arial, sans-serif;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#777777;
    }


    and change it to:

    #sidebar-wrapper .sidebar h2 {
    margin:1.5em 0 .75em;
    font:normal bold 78% Arial, sans-serif;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#777777;
    }


    After that, find this code:

    h2.date-header {
    margin:1.5em 0 .5em;
    }


    and change it to:

    #main-wrapper h2.date-header {
    margin:1.5em 0 .5em;
    }


    I think this should work.

    ReplyDelete
  23. hi, i think i am encountering the same problem as ANJJEAJOONG.. i can't change any of the colour or fonts in the layout i'm currently using..changing the hex code in the html doesn't make any difference either.. could you help me pls?
    could u have a look at the layout if i mail it to u? Thanks! =)

    ReplyDelete
  24. @ Denise, I've just updated the tutorial so, please try it again. Now, you can customize post title font through Fonts & Colors tab.

    ReplyDelete
  25. Hi Bilal,

    I tried to change my font with the instructions above, but to no avail, I am not sure how to do it. Do I need to delete code and replace or just add to the exsisting code. Also, will I be able to just go into to "text & color" to change fonts. Sorry, I just don't understand. Is there another post that will have more info.?

    Thank you,

    ReplyDelete
  26. @ TC STYLIST, I've clearly mentioned where you've have to replace (delete and paste) or where to paste the new code.

    ReplyDelete
  27. Hi Bilal, i downloaded some template from web and i dont have anything under h3, can you please check my blog? Thank you
    http://charmingbeadz.blogspot.com

    ReplyDelete
  28. @ Selina, your Blogger-Blogspot template is poorly formatted. There is no heading tag used for post tiles which is really bad for SEO. Anyways, you need to send me your layout:

    levisinside0@gmail.com

    ReplyDelete
  29. Alright, I need a little help. This new "Design" editing helper seems to be making it harder for me to edit my font styles and colors. I don't know if its the template I chose or what But I can't change sizes and colors of fonts very easily. Think you could me out? My blog address is

    http://www.justjori.blogspot.com

    ReplyDelete
  30. @ Jori, can you elaborate your problem in detail? You're using a new template which should be easy to configure so lets see what's the problem!

    ReplyDelete
  31. I'd like to change my post title font color on www.shematters.me. The new design template editor gives no choices for selecting post title color. Help?

    ReplyDelete
  32. Bilal, thanks for your reply. I think I figured it out but I was trying to change the font of the header in my sidebars.. I don't know how I did it, but I got it to change haha :)

    I just thought of another question though, how can I change the font of the link "View my complete profile" to all uppercase?

    ReplyDelete
  33. @ Jori, copy this code before ]]></b:skin> tag in Edit HTML tab of your template:

    .profile-link { text-transform: uppercase; }

    The result will look like this:

    .profile-link { text-transform: uppercase; }
    ]]></b:skin>


    Save your template and please support this blog by adding a link in your blogroll or sidebar (see bottom of this page).

    ReplyDelete
  34. cocktailfrogtales.blogspot.com/

    This is my blog address, I really like the template, but this does not show me the usual Fonts and Colours tab.

    I will really like to increase the font size of my post titles.

    Thanks

    ReplyDelete
  35. @ Moumita, in Edit HTML tab, find this code:

    .post h3 {
    color: #770900;
    margin: 0px;
    padding: 2px 0px 2px px;
    font: 25px Georgia, Times, Serif;
    }
    .post h3 a, #content h1 a:visited {
    color: #770900;
    margin: 0px;
    padding:0;
    font: 26px Georgia, Times, Serif;
    }

    and replace it with the following code:

    .post h3 {
    color: #770900;
    margin: 0px;
    padding: 2px 0px 2px px;
    font: 25px Georgia, Times, Serif;
    }
    .post h3 a, #content h1 a:visited {
    color: #770900;
    margin: 0px;
    padding:0;
    }

    Now you can change the value 25px to change post title size.

    ReplyDelete
    Replies
    1. I have tried changing the font size for my post title and it still won't change. I am trying to use google font, Ruthie

      Here is my code for the font size:
      .post h3 {font-family: 'Ruthie', cursive; font-weight: 400; }
      background:none;
      color:$titlecolor;
      padding:15px 15px 45px 15px;
      font-size:48px;
      text-transform:none;
      text-align:center;
      font-weight:bold;
      line-height:48px;
      letter-spacing:0px;
      border-bottom:0px ;
      }

      .post h3 a, .post h3 a:visited, .post h3 strong {
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;

      }

      .post h3 strong, .post h3 a:hover {
      color:$textcolor;

      }

      Delete
    2. Hi Sew Inspired LLC, you're using a custom template so email me your template file with the problem, I'll try to fix it.

      levisinside0@gmail.com

      Delete
  36. hello, thanks for the info. i cannot find the default css code similar to the above. i want to increase the post title size. can you please help?

    http://georgelifestyle.blogspot.com

    ReplyDelete
  37. i was not able to find the default css code as above, but want to increase the font size.

    this is the blog address:
    http://georgelifestyle.blogspot.com/

    i appreciate your help and thanks for posting this!

    ReplyDelete
  38. hi i m not using Minima Blogger-Blogspot template ...pls help me my blog is. www.maxxhousemafia.blogspot.com

    ReplyDelete
  39. @ GEORGE Lifestyle, in Edit HTML tab, find this code:

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#333333;
    }

    and replace it with the following code:

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:20px;
    font-weight:normal;
    line-height:1.4em;
    color:#333333;
    }

    After replacing, you can change the font size by changing 20px.

    ReplyDelete
  40. @ DJMaxX, just go to the Edit HTML tab and find this code:

    .post h3 {
    margin: 0;
    padding:5px 0;
    font-size: 15pt;
    font-weight:normal;
    }

    Once found, then simply change the value 15pt to increase or decrease the size of your post titles.

    ReplyDelete
  41. Thank you so much for replying, however I could not get it to work. Maybe I'm not understanding what you mean when you say that I can change the font size by changing 20px. I do not see an option for post title size in Template Designer / Advanced.

    ReplyDelete
  42. @ GEORGE Lifestyle, You don't have to go to Template Designer area. Stay in Edit HTML tab and find this:

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#333333;
    }

    then replace it with the following code:

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:20px;
    font-weight:normal;
    line-height:1.4em;
    color:#333333;
    }

    After replacing, change the value of font-size:20px;. If you'll increase 20px then the post title size will increase and vice versa. Click preview button to preview the changes and then save.

    ReplyDelete
  43. thank you so much for the clarification and your patience. you've been a huge help!

    ReplyDelete
  44. Thank you so much for your guide!

    ReplyDelete
  45. plsss help me ..how to change the post title font size & Color my Blog iss www.maxxhousemafia.blogspot.com

    ReplyDelete
  46. @ DJMaxX, upload your template file somewhere and post your comment with the address of the uploaded template file at my Youtube channel:

    http://www.youtube.com/user/BloggerEngineer

    ReplyDelete
  47. Hi m dude n unable to fined Code according u n m lwant to change my Blog post Title color plz help me my blog is www.erazwindows.com

    ReplyDelete
  48. @ Admin, go to Edit HTML tab and click Download Full Template to download your blog layout and send it to me.

    levisinside0@gmail.com

    ReplyDelete
  49. }
    .post {
    margin:.5em 0 1.5em;
    padding-bottom:1.5em;
    }
    .post h3 {
    font-weight:normal;
    font-size:80%;
    margin:0;
    padding:0 0 5px 0;
    }
    .post h3 a {
    color: #fff;

    }
    .post-body {
    margin:0 0 .75em;
    line-height:1.6em;
    }
    .post-body blockquote {
    line-height:1.3em;
    }
    .post-footer {
    margin: .75em 0;
    color:#999;
    text-transform:none;
    border-top: 2px dotted #ccc;
    letter-spacing:.1em;
    padding-top: 2px;
    font: normal normal 90% courier;
    Hi this is what i found on mine...whats to replace?
    xxoxo
    lila

    text-align: left;
    line-height: 1.4em;
    }

    .post img {
    padding:6px;
    border:1px solid #ccc;
    }

    ReplyDelete
  50. @ lila Check, please send me your template file so that I can make changes in it.

    levisinside0@gmail.com

    ReplyDelete
  51. not working for me i cant even find the code that im supposed to find....
    my blog is at
    www.appreleases.info
    please help
    thanks!

    ReplyDelete
  52. hello, thanks alot for this post.
    im using a premade template and this template do not allow me to change the colour of the fonts thru the Advance Tab.
    so i followed ur steps and managed to make the post title customizable...
    but then how can i make my post body to be ccustomizable in the same way too?

    ReplyDelete
  53. @ AppReleases, please read the following tutorial because you're using new Template Designer templates:

    http://www.betatemplates.com/2010/06/change-post-title-color-template.html

    ReplyDelete
  54. @ XiuQi, that can be done but for that I'd have to write another tutorial. Don't worry stick to my YouTube channel because all new tutorials will be created in video.

    http://www.youtube.com/user/BloggerEngineer

    ReplyDelete
  55. alright, thanks alot! look forward to ur new tutorial! =)

    ReplyDelete
  56. @ XiuQi, please subscribe to my YouTube channel because the tutorials will be available only there.

    ReplyDelete
  57. HI Bilal - your tutorial looked great and seemed to help a lot of people, but I'm not using a blogger template, so I don't think the tutorial is applicable to mine without tweaks?

    Anyway, if you've got a moment, please check it out and maybe advise me? I'm trying to change the font of my post titles to HoneyScript, the font that is used on the "Cinnamon & Cilantro" piece at the top of the page.
    cinnamonandcilantroblog.com

    ReplyDelete
  58. @ Danielle, the custom fonts can only be attached using JavaScript. The JavaScript can display the fonts regardless of availability on the computer. HoneyScript font is not available on Google Web Fonts so please chose some font from there and that can be applied to the post titles. Also note that your blog title is an image so you can use whatever font and save it as an image. However, same is not possible for post titles. So chose a font from here:

    http://www.google.com/webfonts

    Only these fonts can be used for post titles.

    ReplyDelete
  59. it worked!!! I love it you're a genius! :)

    ReplyDelete
  60. Hi Bilal,

    I thought I sent my question but it's not here.

    I am so frustrated. For four months I have been so happy with my blog graphics (on Blogger). Last night I accidentally deleted my blog title post and description, then when I put the text back in, I could not edit the color and font. I am super bummed. I hate how it looks now.

    I want to follow the advice you have here, but I am not a coder and am terrified of editing HTML.

    I would be so thankful if you could take a look at this!

    ReplyDelete
  61. @ taturner, actually I approve all comments before they can appear but don't worry, I can help you. See the following post for details:

    Need Help? What is the Best Way to Get Help From ME?

    ReplyDelete
  62. i want to make my post body to change its opacity on my mouse hover.... is it possible...???
    if yes...then plx guide me..... thanks.

    ReplyDelete
    Replies
    1. Hi Hamzah, have you seen any such effect on some other blog? If yes, then gimme the blog address.

      Delete
  63. Hello, I used your fix for the "read more" code and worked perfectly, but unfortunately, the code for title post is not working because Blogger changed the configuration of the code in their templates.

    I would love to be able to have access to the headers to change their sizes and why blogger would not allow this in their default design is ridiculous. Here is the "post title" code as given by blogger;
    -------






    (then further down into the HTML-CSS coding....)

    h3.post-title, {
    font: $(post.title.font);
    color: $(post.title.text.color);
    }

    h3.post-title a {
    font: $(post.title.font);
    color: $(post.title.text.color);
    }

    h3.post-title a:hover {
    color: $(link.hover.color);
    text-decoration: underline;
    }

    ------------------------

    What I did was remove the "h4" designation from that above coding so I could input my own CSS h4 coding in the HTML-CSS section. It worked for h4, but it affected the h3 Post-title as well. What I would like is to be able to modify the headers in the designer window instead, like the "read-more" code you gave. How can I modify the HTML, as per the code I gave above to achieve that?

    Mark

    ReplyDelete
    Replies
    1. Hi Mark, give me your blog address.

      Delete
  64. PLEASSEEEE HELP ME!! I did EVERYTHING you instructed but after I tried to save the template, it would not work. It said error.

    What should I do??

    ReplyDelete
  65. Hi, please help me.. It will not work.. Maybe I have Minima? It just shows "Error" after I submitted everything you said.


    Beatrice

    ReplyDelete
  66. Hello! I don't know if it's because I am using a premium template but this won't work. Please help when you can. Thanks. dulcedreamsevents.blogspot.com

    ReplyDelete
    Replies
    1. Hi DulceDreamEvents, the template you're using is heavily customized. Sorry, I can't help you :(

      Delete
  67. Hi there,
    just wanted to say, google has made it impossible to edit e blogger anymore. I hadn't changed the design of my blog for ages, and then i tried to today; and the new options are useless...
    You can't even centre the blog description unless you know html.
    Half of the colour, you can't change anymore
    and it is impossible to work out the Advanced menu options...no idea what half of them relate to as they don't light up anything on the page...!
    Whoever designed this new blog customisation needs to be fired imho!

    thanks for letting me rant here.
    I'm moving to Typepad asap!
    Used to love eblogger but they've ruined it.

    Thanks

    ReplyDelete
    Replies
    1. Hi Anonymous, that is your opinion but I think Blogger has improved much over the years. The current version is more user-friendly then the previous versions.

      Delete
  68. how to change post structure uniformly, i have blogspot some post just have about 450px length, others have 910px length, it's made my layout looks bad cos some widget that must be shown in right sidebar, either way it shown below main index

    ReplyDelete
    Replies
    1. Hi worldcup2014, what is your blog address?

      Delete
  69. Hi, I am in a need of help too. The font size of my post is smaller than the overall font size of the body text. No matter what size I put in, the result is the same. Also I use Etheral Template and seriously don't want to change that. Here's my blog link: theramblingreaderista.blogspot.com so come by and take a look please.

    ReplyDelete
    Replies
    1. Hi Maja, Due to my busy schedule, I'm no longer accepting requests. However, you can hire me to fix the post title of your blog.

      Delete
  70. First of all, thank you so much for taking the time to help clarifying some aspects of customizing a blog.

    I just managed to add a very nice template HTML to my blog, although I'm supposed to change a featured post title for my own tittle, but no matter how much I try to find those sentences to replace them, I just can't. I'm brand new to the world of blogging, so I'd love if you could help me.

    This is the template I got which says I need to CHANGE THE FEATURED POST TITTLE 1: http://www.template4all.com/blogger/5113-fresh-responsive-mag-blogger-template.html

    this is a scrape I'm using to learn, before changing my real blog, it looks like this: http://vegantravelersguide.blogspot.pt/
    The slideshow doesn't work and I can't change the "THIS IS DEFAULT FEATURED POST 1 TITLE", I don't know how to do it.

    As soon as i manage to get this done, I can finally complete my blog.

    Thank you in advance.
    Yara

    ReplyDelete
    Replies
    1. Hi yara, you are using a custom template and that's why this tutorial won't work on that. Anyway, I charge $11 per customization, so you can contact me through email if you're OK with that.

      Regards,
      Bilal

      Delete
  71. Hi, can you please take a look at my blog here; http://escape-thailand.blogspot.co.uk/ I'd like to change the Post title font to the one just like the one I use for the logo of the blog on top (I think the font called 'wiffles'). The template I use is from btemplates and I love it, but would be nice if I can change the post title font to match my logo.

    Appreciate your help,
    Tak

    ReplyDelete
    Replies
    1. Hi Tak, you can use only Google fonts for post title. If your font (or similar to that) is available in Google fonts then that can be used. Otherwise, it would be quite difficult.

      Delete
  72. Thanks for this great tutorail but I have few problems with my template( downloaded from internet )
    Everything is going fine but I used a image as background for my posts
    title in home page I want to increase the font of title name of posts. and also my post should started just after the image i used. Hope you understood my problem please help me anykind of response is happly accepted.

    my blog url :

    http://requiredsoft.blogspot.in/

    ReplyDelete
    Replies
    1. Hi Tharun, you can contact me for custom service.

      levisinside0@gmail.com

      Regards,
      Bilal

      Delete
  73. Hi. My new blog is this http://beautyfyou.blogspot.gr/ . But i have a major problem. I can't find the code for post size. It's really very small and many times i can't read my posts! And something else. In right, the creator have his google plus ID. How can i remove this? I searched for his name of ID in my blog HTML, but i haven't find anything. Please, contact me and if you can help me! I would be grateful!

    ReplyDelete
    Replies
    1. Hi Alexander, please email me your template file.

      levisinside0@gmail.com


      Regards,
      Bilal

      Delete
  74. Hello!

    Well, let me start out by saying you are so awesome for helping people out with all these coding questions! I have been having an issue trying to find where in the code to adjust the switching of the font on my blog post titles. I like the font style and look on my main page but once you click the full page the title switches to the main font rather than the title font. Is there any way to keep it from doing that? Hope you can help. Thanks!

    Best,
    Cassandra

    & here is my blog: icantaffordmylifestyle

    ReplyDelete
    Replies
    1. Hi Cassandra, thanks for your kind words. I think the issue with your blog can be fixed. I'd charge a small amount to do that. Please email me your template file.

      levisinside0@gmail.com

      Delete
  75. Hi Bilal,

    This article is great! It's good that you've found a way of communicating how to customise font text, colour and size. I've done your changes and it still won't let my change the font text, colour and size so I'm wondering if I'm doing something wrong? I'm a new user to blogger so still getting used to this, please can you help?

    My Blog URL is http://rchlmcgwn.blogspot.co.uk/ (It's still undergoing changes to the widgets and headers)

    Many Thanks
    Rachael

    ReplyDelete
    Replies
    1. Hi Rachael, please see the note in start of the post. This is an outdated tutorial. You have to follow the new one.

      Delete
  76. Hi! I was wondering if it's possible to change my post title font to one that's not available? My title is in Century Gothic & I'd like to change the post title font to that too! Thanks for any help!

    this is my blog: http://foundthatessencerare.blogspot.co.uk/

    :)

    ReplyDelete
    Replies
    1. Hi Sarah, I don't know of any sites that would offer Century Gothic as JavaScript (for free) which could then be used in Blogger. Do you know of any site using Century Gothic?

      Delete
  77. Hi! I'm really thankful to you who made this tutorial and gladly help others.

    Can you please help me. I just need to know how to change the font color of the body texts in my blog (fathinyukiko.blogspot.com)to WHITE.

    ReplyDelete
    Replies
    1. Hi Fathin, kindly email me your template file. I'll try to fix this issue.

      levisinside0@gmail.com

      Regards,
      Bilal

      Delete
  78. Hi, I changed the post title using the Template editor, to Josefin Sans. It works, however, whenever the blog or the posts loads, it first loads the titles in Arial, and then switches to Josefin, and it is very noticeable. Any suggestions how to overcome that? Thank you.

    ReplyDelete
    Replies
    1. Hi Aleksandra, what is your blog address?

      Delete
  79. Thanks. Your post solved a big problem of my site.

    ReplyDelete
  80. I have a custom template and really want to have the option to change my font/colours etc but it won't let me change it. I can't find the code you've posted above, my blog is www.romydesmarais.blogspot.com
    Please help!

    Thank you x

    ReplyDelete
    Replies
    1. Hi Romy, custom templates require little changes in coding for post colour option. Please contact me via email for custom service.

      levisinside0@gmail.com

      Bilal

      Delete
  81. I can't seem to change the post title font size in my blog. :( When I click into single post, the font size way too small. www.carolinemayling.com

    ReplyDelete
    Replies
    1. Hi Caroline, please contact me via email for custom service.

      levisinside0@gmail.com

      Regards,
      Bilal

      Delete
  82. Hi Bilal, I'm using the Blogger Template called Simple by Josh Peterson and would like to change my blog title font to a custom one I've found on the internet & downloaded - is this possible?

    ReplyDelete
    Replies
    1. Hi Hannah,

      Can you share the URL/Name of that font? From where did you download it? Not sure if it would work but I'll give a try.

      Delete
  83. Thank you, your tutorial worked in my blog. It was a big help

    ReplyDelete