Subscribe to BT To Get Latest Blogger Tutorials For Free

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 :-)




109 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. 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
  8. 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
  9. @ 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
  10. @ "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
  11. 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
  12. Thanks a lot for the time you took in sharing this information!

    ReplyDelete
  13. 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
  14. @ 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
  15. 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
  16. @ Nima Tenzing, please gimme your blog address & clearly where you wanna apply a background color i.e. posts or posts + sidebar?

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

    ReplyDelete
  18. 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
  19. @ Merissa, download and email me your layout.
    levisinside0@gmail.com

    ReplyDelete
  20. 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
  21. @ 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
  22. 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
  23. @ Denise, I've just updated the tutorial so, please try it again. Now, you can customize post title font through Fonts & Colors tab.

    ReplyDelete
  24. 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
  25. @ TC STYLIST, I've clearly mentioned where you've have to replace (delete and paste) or where to paste the new code.

    ReplyDelete
  26. 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
  27. @ 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
  28. 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
  29. @ 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
  30. 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
  31. 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
  32. @ 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
  33. 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
  34. @ 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
  35. 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
  36. 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
  37. hi i m not using Minima Blogger-Blogspot template ...pls help me my blog is. www.maxxhousemafia.blogspot.com

    ReplyDelete
  38. @ 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
  39. @ 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
  40. 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
  41. @ 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
  42. thank you so much for the clarification and your patience. you've been a huge help!

    ReplyDelete
  43. Thank you so much for your guide!

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

    ReplyDelete
  45. @ 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
  46. 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
  47. @ 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
  48. }
    .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
  49. @ lila Check, please send me your template file so that I can make changes in it.

    levisinside0@gmail.com

    ReplyDelete
  50. 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
  51. 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
  52. @ 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
  53. @ 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
  54. alright, thanks alot! look forward to ur new tutorial! =)

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

    ReplyDelete
  56. 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
  57. @ 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
  58. it worked!!! I love it you're a genius! :)

    ReplyDelete
  59. 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
  60. @ 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
  61. 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
  62. 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
  63. 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
  64. Hi, please help me.. It will not work.. Maybe I have Minima? It just shows "Error" after I submitted everything you said.


    Beatrice

    ReplyDelete
  65. 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
  66. 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
  67. 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
  68. 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
  69. 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
  70. 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
  71. 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
  72. 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
  73. 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
  74. 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
  75. 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
  76. 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
  77. 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
  78. Thanks. Your post solved a big problem of my site.

    ReplyDelete
  79. 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
  80. 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

Copyright@2014 : All Rights Reserved
Powered by: Blogger