How to install external templates to your blogger


           Other than the static and dynamic templates provided by blogger (which are pretty decent enough and ready to use), there are hundreds of third-party themes/templates which you can find on the Internet (like the one on this blog; credits : newbloggerthemes.com ). As it turns out, application of these themes to your blogger blog is a simple process. Yes, content really matters, but if you have a keen eye for the design, it can take your blog to a whole new level.

Here I will show you exactly how to do that.

Step 1: Go to any website which provides free blogger themes.
            Good ones include - newbloggerthemes.com, bestbloggertemplates.net, blogsizzle.com etc

Step 2: Download a nice template package which suits your blog and unzip it.

Step 3: Log in to Blogger account and click on your blog name. Click on "Template".

Click on Template

Step 4: It is important to take a backup of your existing template in case anything goes wrong.
           Click on "Backup / Restore" button.

Click on Backup Restore Button

Step 5: Download your current template using the "Download full template" button. Save it to your hard drive and keep it in a safe place. Because if you face any problem with new template installation, you can upload your old template again.
Download full template

Step 6: Click"Choose File" button to select your new blogger template (you can find it as a .xml file inside unzipped folder in step 2). After that click on "Upload" button.

            Congrats, you have successfully applied the new template to your blog.

Step 7: You may want to take a look at your blog and if you are not satisfied in the arrangement of widgets, you can always go to the "Layout" section of your blogger account and drag and drop the widgets to your preferred position.

Step 8: This is for advanced users who are familar with HTML and CSS, if you don't like the default colors of your new template, you can go to "Template" -> "Edit HTML"  and find any color using Ctrl+F in the code and change the Hex Codes.          
            You can also change the dimensions (height, width etc) of specific elements in the template by using the same process (and similarly other features).
            Note : If you click on "Customise", you may not be able to customise by using the Template Editor provided by Blogger as it does not support changes to external templates.

Important note: If any of the features of your new template are not working, and if these features use external Javascript/jQuery or Stylesheets plug-ins , then the problem might be that your blog is calling the same "some-jquery.js" or "some-stylesheet.css" URL twice, in different places. So make sure that it happens only once.
            Example: "<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>" may be written twice, once in your new template and once in your HTML/Javascript gadget. So you have to remove this line from your gadget (preferably).


0 comments:

Post a Comment