Skip to main content

How to Change Default Blogger Post Font Size For Individual Page?

For those who are using Blogspot to create and publish blogs often wonder how to change the default Blogger post text font size.

Many Blogspot bloggers use the default post font size set by the blog theme they have. Many Blogspot themes have a smaller font size for individual posts, and it is difficult to read.

In this post, we share two different methods to change the default font sizes in every Blogspot blog theme.

One of the methods to change the blog post content size is to create a div for each blog post. The second method is to specify a font size in the Blogger Theme Designer.

Create a DIV to Change the Individual Blogspot Blog Post Font Size

This method is best suited for changing the font size of individual Blogger Posts. Though it is a simple method, there is a drawback.

In this method, you have to add the DIV you created in every post manually. That is why I said, this method is best suited for individual posts.

Let me explain how to change the font size of an individual Blogspot blog post step by step.

  1. Create and add a New DIV in a Blogger Post

    1. Log into your Blogger, and click on New Post button

    2. Click on HTML view to add a new div


    3. Enter a new div as the screenshot provided below.


      Here the DIV name is systosys-font. You need to keep the content inside the DIV as explained below.

      <div class="systosys-font">


      Write Your Content Here

      </div>

  2. Add the new DIV to the Blogger CSS file
    The second step in this method is to add the newly create DIV to the Blogger theme CSS file.

    1. On the Blogger dashboard, click on Theme and click on Customize button

      Now you are on the Blogger Theme Designer Page. You can add your customized CSS on this page.

    2. Click on the Advanced button, and click on Add CSS

    3. If you do not know how to write a DIV, simply copy the code provided below and paste it on this page.

      .systosys-font {font-size:110%;}

      You can change the percentage depends on your need. 100% is the original font size provided by the Blogger theme. If you write 90 instead of 100, the Blogger post font size will show a decrease of 10%.

      Have a look at the screenshot provided below to see the CSS code implementation.

      Click on the Apply to Blog button to save the custom CSS you have entered.

To increase the Blogger individual post font size, you should increase the percentage. To decrease the default font size, you should decrease the percentage in the font-size CSS.

If you do not have any knowledge of CSS coding, it might be a little confusing for you. So, let me explain it with an example.

  1. How to Fix Destination Host Unreachable Error?
  2. How to Connect GoDaddy Domain Name To Blogger Blog?

Consider the default font size of an individual Blogspot page is 10 pixels. When you set the font size to 100%, there will be no change.

If you set the font size as 110%, the new font size will be 11 pixels.

When you set the font size to 90%, the new font size will be 9 pixels.


Change Blogspot Blog Post Font Size From the Blogger Theme Designer

It is the second method to change the font size of a Blogger blog post. However, you cannot change the individual post font size using this method.

This method changes the font size of the entire blog. Let us see how to change the font size from the Blogger Theme Designer.
  1. On the Blogger dashboard, click on Theme and click on Customize button

  2. Click on the Advanced tab

    You can change the font size of your blog from this window.

I believe this tutorial helped you to fix every Blogger font size-related problems. If you like to read more useful tutorials, I suggest some of our recent posts.

  1. How to Change JioFi 4G Portable Device Password?
  2. How to Activate JioFi MAC Address Filter?

About The Author:

Siju George is a Cisco and Microsoft certified Network Engineer. Coding is one of his hobbies, and he created and published many free Blogger and WordPress themes.

Since 2006, he has been very active in technical blogging. He has hands-on experience in working with both WordPress and Blogger codes for his personal and professional blogs.

Siju George has good knowledge of HTML, CSS, and JavaScript.

Comments

Popular posts from this blog

How to Fix Destination Host Unreachable Error?

Do you know the most difficult part of the job of a network engineer? You are responsible for every issue related to networking in your company. Even though everything works fine, someone will come up with a complaint, and it is on our head to fix it.

While I was working as a network engineer trainee, I received a call from the development section. Manager on Duty in the development section was angry and said that the network was not working.

When I asked him about the issue, he said the Internet is just fine, but one of his teammates received an error while pinging to a device in his subnet.

His teammate received the Destination Host Unreachable reply while he tried to ping to another computer in his section.

Manager on Duty demanded an explanation for the Destination Host Unreachable. I explained to him the reasons to receive Destination Host Unreachable error message with examples. If you have not seen this error message before, have a look at the screenshot attached below.



What I…

How to Connect GoDaddy Domain Name To Blogger Blog With a 301 Redirection?

Setting up a custom domain name is one of the important steps to create a professional Blogspot blog. I purchased a new domain name systosys.com from the domain name registrar GoDaddy and used it to set up a custom domain name for one of my existing Blogpost blogs.

This tutorial explains how to create a custom domain name for your Blogger blog with a domain name purchased from GoDaddy.

The step by step instructions provided below explains how I redirected my existing Blogger blog (systosys.blogspot.com) to www.systosys.com with a perfect 301 redirection.
Login to your Blogspot account and click on the Settings from the left side menu.

Under the basics, click on the Edit link near the Publishing and type the domain name you have bought from Godaddy.


In the latest template, you need to click on the link Set up a third-party URL for your blog to start pointing a GoDaddy domain to your Blogger blog.

Click on the Save button.

You will get an error message to show the connection verification…

How to Find Wireless Network Password Using Windows 10 Command Line?

You might be wondering whether there are methods to find the WiFi password (Wireless Key) of a wireless network using your Windows 10 computer. The answer is yes. You can view the WiFi password of a network using Windows 10 Command Prompt.

There are many methods to find the wireless key of a network. But if you want to view the password of the currently connected network, you need to use the Command line on Windows 10.

Let me show you how to do it on your PC. You need to open Command Prompt to perform this trick.


Type Command Prompt on Windows Search.

Click on it to start it.

Type the command netsh wlan show profiles and press enter key.

You can see the two WiFi profiles saved on this PC.


We can find the WiFi security key of these two wireless profiles using the Command Line below.

netsh wlan show profile name="XXXX" key=clear

PS: Remove the XXXX and type the name of the WiFi (SSID) instead. Press the enter key to continue.

For example - netsh wlan show profile name="Sys…