Skip to main content

How to add custom theme to new blogger?

Even though blogger come with many themes they don't seems satisfying but luckily we don't have to rely on these themes you can add one of your own either by creating it by yourself or just download it from any site.
There are many such sites which will provide you free templates for blogger. Just Google for "Free blogger templates".

So below are the steps to set up a custom theme for blogger.

Step I

Go to your blogger dashboard as shown in Fig.1.


Fig. 1

Select 'Template' option from the panel to the left hand side of the dashboard. The option is circled in the Fig. 1.

Step II

Clicking on template will bring the Template page (Refer Fig.2). If you scroll down on this page you will find different basic templates provided by blogger.They are quite beautiful in-fact but we are talking about adding a custom theme so we won't go in detail of this :) .

Method 1) The one way of creating a custom theme is by clicking on "Customize" button just beside "Edit HTML" button (Red circled in Fig.2). In this you can select any theme from the basic blogger themes and then customize it. This includes changing the height/width of the sections present on blogger or changing the icon on the blogger or font etc.
You can refer this link.

Method 2) Second way (and the one that we are demoing here ) you can download a theme from any site where you can find the free blogger template.Usually the provide you zip files. Unzip the zip file and there will be couple of files, one of them would be and XML file. Open this file and copy all the contents of this file.
    - Now click on Edit HTML button (Refer Fig.2).




Fig. 2

Step III

After clicking on "Edit HTML" button a pop up will appear (Refer Fig. 3). There will be a warning asking if you really want to proceed or you can use Blogger's template designer( this is same as mention in step II in Method I).
So click on Proceed button (Shown in Fig 3.)


Fig. 3

Step IV

After clicking the Proceed button it will show you the template XML code for the current theme.Clear the contents of this template and paste the XML content of the new template that you copied in step II - Method 2. and click on "Save Template" ( Circled in Fig. 4). There might be some warnings saying that some gadgets will be lost (This is due to the new template might not have been designed for them ) or they will ask you if you want to add them to your new template select your choices.

Fig. 4


And that's it you are set. Now just click on "view blog" button on dashboard  or just hit your blogger URL and your will see the new template applied to your blogger.

Hope this tutorial helps you. If you have any doubt just add your comment and I will try to resolve it ASAP.

Happy Blogging :)

Comments

Post a Comment

.

Popular posts from this blog

Carnivorous Island from "Life of PI"

Yann Martel described about an floating carnivorous Island for symbolizing that something seemingly good in life can turn out to be harmful, so we should keep going with our journey of life... About the carnivorous Island from movie. In the movie 'Life of PI' after PI struggles to live in the pacific with the Bengal tiger suddenly one morning Pi  found himself at a Island. After spending so many days in the middle of the sea he found himself very lucky to find a Island. After spending some time he thought might be this was the end of his suffering and he can spend rest of his life at that island. He makes h is bed on a tree and sleeps there, in the middle of the night he wakes up and find that there were dead fish in the fresh water where he took swim in the day time. While trying to understand the mystery he plucks a fruit from the same tree and peel it off and finds a human tooth inside that fruit and then he realize that it was an carnivorous Island. The...

Create Table in Liquibase

For creating table using liquibase you can use below code and add it in your liquibase file. <createTable tableName=“employee”>      <column name="id" type="int">      <constraints primaryKey="true" nullable="false"/>   </column>      <column name="first_name" type="varchar(255)"/>   <column name="last_name" type="varchar(255)"/>   <column name="username" type="varchar(255)">      <constraints unique="true" nullable="false"/>   </column> </createTable> The use is pretty simple it's the way it looks : Tag: <createTable></createTable> This is an opening/ending tag for creating a table. These tags will enclose column sub tags which will define columns for the table. Attribute:   tableName : Name of the table which you want to create. (This is a mandatory   ...

Everything you need to know about ShellShock.

Shellshock was a security threat that was identified by Stéphane Chazelas on 12 September 2014 and was disclosed and announced to the public on 24 th September 2014 with the fix ready for distribution. It was assigned the identifier as CVE-2014-6271 . By the way, this is another security bug with cool logo after Heartbleed. 1. What is Shellshock? Shellshock is a name given to a vulnerability in Bash which allows an attacker to execute remote commands on vulnerable system. Bash is a command-line interpreter available on most of the operating systems like Apple’s OSx, windows and present on many versions of Linux. Bash also acts as a parser for the functions given to it.  2. Why is it harmful? Shellshock is significantly harmful for the servers connected to internet. Since, it lets attacker to escalate their privileges and potentially they can gain access to root. This gives access to the attacker as if they are the actual user and they can perform any...