How To Increase or Change Width Of Your Blogger Template

Learn how to increase blogger template width. Changing the width of blogger template would give you some more space where you would be able to add pic,videos, images and much more. There are uncountable blogger templates through the world of internet. As you can use them in any way. But the problems rises when you like a particular template and want to continue it. But need to change its width because of small or because of more width. Any how what ever be your question today we are going to change the template size in blogger. Before getting into the article make sure you have a backup to your template.

Hope you have created your backup, if any thing goes wrong it would help you. Now,

Login into Blogger
Select your blog if you have many
Then migrate to TEMPLATE –> Click on “EDIT HTML“

Now you need to find the parts that are responsible for, width of your template. There are Main section, Post sections, Sidebar, Header Section and Footer. The sample code how they look.

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
…………………………….
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
…………………………….
#main-wrapper {
width: 410px;
float: $startSide;
…………………………….
#sidebar-wrapper {
width: 220px; float: $endSide;
…………………………….
#footer {
width:660px;
clear:both;

► header-wrapper is Header
► outer-wrapper is our Main section, other elements are wrapped inside of it..
► main-wrapper represents Post Section
► sidebar-wrapper stands for Sidebar
► footer is Footer :]

Comments

How to Remove Powered by Blogger – Attribution Widget?

In this article, I will be demonstrating how to remove or hide attribution widget ‘Powered by Blogger’ in footer of blogger blogspot blogs. Before going to the process, backup your blogger template , while editing html code if anything goes wrong or template modified design doesn’t work or looks good you can restore from backed up template. Here I have demonstrated you two methods for removing attribution widget. Some blogger templates may not support method 1 then you need to follow method 2 for successfully removing attribution widget. Method 1: Remove ‘Powered by Blogger’ by unlocking Attribution widget Step 1 : Go to your blog “Template” | click on “Edit HTML”. Step 2 : Here on drop-down “jump to widget” option and select Attribution 1 as shown below Step 3: After selecting Attribution 1 widget you will be able to see this line <b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’> on your blogger template. Step 5: Once done click on...

The four yugas (Era or Epoch) in Hinduism

A yuga is the period-of-time or ages. In Hinduism, the Chatur-yuga (Four-Yuga) are large time periods characterizing and defining humans as well as social development on the earth. There are four different yugas, (Chatur---> Four) and each of them have their own feature in history. Let's see their names: Satya Yuga (सत्य युग) Treta Yuga (त्रेता युग) Dwapara Yuga (द्वापर युग) Kali Yuga(कली युग) Let's learn briefly on them: 1. Satya Yuga: It is also called as Krita yuga, which is the first of the yuga. Satya means truth. It lasted for 17,28,000 years or 4800 Divine years. It is the truth or golden age, where all humans were good and very religious. It was the first and best yuga without crime and all humans were kind and friendly. It is called Krita Yuga as there was one religion and all men were saintly. Humans used to be 33 feet in height and average human lifespan was of 1,00,000 years. The bull of Dharma symbolizes that morality stood on all four legs durin...

Fix for NET Framework 3.5 not installing on Windows 10

I'm a gamer at heart, so you can imagine how annoyed I was when I saw that a Windows 10 error was preventing me from running certain titles. Many modern games require NET Framework 3.5 in order to run, but... whenever I tried to install it on my Windows 10, I got the " DISM failed. No operation was performed ." error message. Since I'm sure I'm not the only one facing this problem, I've decided to show everyone how to fix it. For those of you who are interested, the Net Framework is a programming infrastructure that Microsoft created to help developers build and deploy products that use .NET technology. Since there are a lot of applications and services that rely on .NET (Dot Net) for their functionality, you can imagine that this kind of error can be quite irritating. Here are a few solutions that you should try: Solution One This is the one that takes the least time, but you need to have the USB stick that contains the Windows 10 installer plugged into your...

wanem guide

Search This Blog