CURRENT SITUATION (What's out there?)
There's a thousands of templates out there...you haveBlogger
default templates + Dozens of other sitesthat provide a free Blogger Templates...
All right, you knew that....but here's another
thing you should consider:
There are 2 kinds of templates (layouts) you can
use:
► FLUID width or STRETCH templates - template that resizes to fit any computer monitor. It
stretches corresponding to the monitor resolution.
Advantage is obvious, and a big disadvantage is
DESIGN. It's quite restraining when it comes to this. Of course, it depends
what you like. For a professional looking template, it's great....But for a
personal one, it can be a bit dull.....
► FIXED WIDTH templates - they have a fixed width, regardless of monitor
resolution....They are ideal for designing and customizing, but, the width part can sometimes be
a real pain in the....:]
...Why? Because:
- people have different Monitor (screen) sizes,
- and they use different resolutions on them...
...the final result is: Blog
appears different in each combination!
Read more about Monitor sizes and resolution, and how to change the resolution...
◄Imagine lying down in
the grass with your nose pressed deep into the thatch. Your field of vision
would not be very large, and all you would see are a few big blades of grass,
some grains of dirt, and maybe an ant or two. This is a 14-inch 640 x 480
monitor. Now, get up on your hands and knees, and your field of vision will
improve considerably: you'll see a lot more grass. This is a 15-inch 800 x 640
monitor. For a 1280 x 1024 perspective (on a 19-inch monitor), stand up and
look at the ground. Some monitors can handle higher resolutions such as 1600 x
1200 or even 1920 x 1440—somewhat akin to a view from up in a tree...►
SHOULD I CHANGE THE WIDTH OF MY BLOG?
Well, it depends. If you already have a wide template, or
you're using Stretch (fluid) layout, there's no need of doing this...
Resolution friendly means
that your Blog doesn't exceed the width of 750px. Why 750? Because statistics
tells us that lots of people are still using a 800x600 px resolution. And if
you make your Blog wider than 750, these group of people will have to scroll left-righton
your page....which is quite irritating. And you can lose those visitors....
But, there's also a saying, and it goes like this:
Lie ► A Bigger Lie ► Statistics.
If you surf a bit, and pay attention to web pages
width, you'll notice that lots of web sites (even popular ones), are way over
the 750 px!
So, it's really up to you....
LET'S CHANGE THAT WIDTH ALREADY.....
The only problem here will be the identification of the CSS style in
your template (Layout). This is the part in the code section that defines styling,
including width of elements.
There's so many different templates around, and
it's a different story for each one...
But don't worry....there's a pattern. A backbone.
A Layout constitution. A certain way of organizing (naming) elements. It's
basically the same thing, under the different name.....
For this example, we'll take a default Blogger
template ► Minima. Let's do it.
1. First thing is identification. Go to: LAYOUT ► EDIT HTML, and find the parts that defines the width of the Main section, Post sections, Sidebar, Header Section andFooter.
For Minima, we have this situation:
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 :]
...this means that our header-wrapper is 660px wide, outer-wrapper width (Post section+ Sidebar+ margins) is also 660px, and footer 660 px.
2. Let's change the width:
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
......................................................................
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
.......................................................................
#main-wrapper {
width:
500px;
float: $startSide;
........................................................................
#sidebar-wrapper {
width:
220px;
float: $endSide;
........................................................................
#footer {
width:
750px;
clear:both;
◄ If you want to increase the width of your Posts section or
Sidebar, you HAVE to increase your Main section width (outer-wrapper) for the
same value! ►
◄ 500px + 220px + margins = 750px ►
In this example, I've increased my Post section (main-wrapper) for 90px, so I've
changed 410px into 500px. I did the same for the Main section (outer-wrapper), changed 660px into
750px....I've left the Sidebar the same width, 220px.
I've also changed the width for my header-wrapper and footer....into
750px. Note that this is not necessary, but better do it...for the sake of
symmetry in your Layout...
That's about it. Remember, when you're changing
the width of your (custom) Blogger template, certain elements will be (can be)
under different name....Do not let it confuse you! You know how the elements
are organized inside of it....and in the end, its a 5 minutes job...some simple
mathematics + patience....
Blog Archive
-
►
2013
(5)
- ► 11/24 - 12/01 (2)
- ► 09/15 - 09/22 (1)
- ► 05/26 - 06/02 (2)
-
►
2012
(6)
- ► 03/04 - 03/11 (1)
- ► 02/12 - 02/19 (3)
- ► 02/05 - 02/12 (1)
- ► 01/29 - 02/05 (1)
-
►
2011
(76)
- ► 12/04 - 12/11 (1)
- ► 11/20 - 11/27 (2)
- ► 11/13 - 11/20 (1)
- ► 11/06 - 11/13 (4)
- ► 10/30 - 11/06 (5)
- ► 10/23 - 10/30 (2)
- ► 10/16 - 10/23 (4)
- ► 10/09 - 10/16 (3)
- ► 05/22 - 05/29 (2)
- ► 05/01 - 05/08 (1)
- ► 03/20 - 03/27 (5)
- ► 03/06 - 03/13 (7)
- ► 02/20 - 02/27 (2)
- ► 02/13 - 02/20 (3)
- ► 02/06 - 02/13 (2)
- ► 01/30 - 02/06 (1)
- ► 01/23 - 01/30 (15)
- ► 01/16 - 01/23 (5)
- ► 01/09 - 01/16 (10)
- ► 01/02 - 01/09 (1)
-
▼
2010
(111)
- ► 12/26 - 01/02 (4)
- ► 12/19 - 12/26 (4)
- ► 12/12 - 12/19 (23)
- ► 11/28 - 12/05 (3)
- ► 11/21 - 11/28 (15)
- ► 11/07 - 11/14 (3)
- ► 10/31 - 11/07 (7)
- ► 10/24 - 10/31 (4)
- ▼ 10/10 - 10/17 (3)
- ► 10/03 - 10/10 (2)
- ► 09/26 - 10/03 (2)
- ► 09/05 - 09/12 (1)
- ► 08/29 - 09/05 (1)
- ► 08/22 - 08/29 (1)
- ► 08/15 - 08/22 (2)
- ► 08/08 - 08/15 (3)
- ► 08/01 - 08/08 (6)
- ► 07/25 - 08/01 (25)
- ► 07/11 - 07/18 (2)
Subscribe Now: standardSmall
Subscribe via email
Subscribe via email
Total Pageviews
Wednesday, October 13, 2010
Change the Width of Your Blog - Make the Blog Wider
This can be quite
important feature, if you care about it....Changing the width of your Blogger
Blog will gain you some extra space (to place more gadgets, pics, ads...), or it will make your Post section wider (meaning: larger
pictures, wider paragraphs), you can also add a third column, if you want.....
#header-wrapper {
...in Minima (and lots of other
templates) elements are categorized by these names:
#header-wrapper {
...I've decided to make my Post section (main-wrapper) wider. In order to
do this, I have to increase my outer-wrapper. Now, here's the
RULE:
Happy Learning!
Remove Header Border In Minima Blogger Template
I See Many peoples want remove Title Header Border in Minima Blogger Template so This is very Easy to remove This border
Follow These Steps :
Find This Code
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Change border:0px solid $bordercolor;Now Find This Code
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
And Change border: 0px solid $bordercolor;
You Only Need to change Border from 1px to 0px
Now Save Your Template And Enjoy... :D
Sunday, October 10, 2010
flv to mp3 converter
Freez Flv to MP3 Converter is a tool to convert Flash
FLV files to MP3 files so that they can be played in
[Pleas Complete the downloading Requirement on next pages this may take some time but on the cost of free downloading ]
Windows Media Player. You can set the output MP3 audio's bitrate, frequency, channels, or simply set the values same as Flv's audio stream. With just a few clicks, you can convert batches of Flv files to MP3 files at a high speed. The simple and friendly interface makes the program very easy to use.
[Download Freez Flv to MP3]
[Pleas Complete the downloading Requirement on next pages this may take some time but on the cost of free downloading ]
Windows Media Player. You can set the output MP3 audio's bitrate, frequency, channels, or simply set the values same as Flv's audio stream. With just a few clicks, you can convert batches of Flv files to MP3 files at a high speed. The simple and friendly interface makes the program very easy to use.
[Download Freez Flv to MP3]
Subscribe to:
Posts (Atom)
My Headlines
Enter Donation Amount:
My Other Blogs
- Crack Into IT
- ajabhtml
- codecademy
- MCSE PU
- PU MCSE
- w6school
- tags
- Music it 2
- greenapple
- Pashto Time
- 808tube
- Funny Donky
- How Things are Working?
- Blog vs Bloger
- Photography PPT
- maulanatariqjameel2011
- Open Sourse Hut
- softkil
- beautyhub2
- trailer8
- Positive Statement
- picpok
- 808games
- Free Online Earning in Pakistan
- Blogs Vs Blogs
- Question and Answer سوال جواب
- Insider Dazs
About Me
Hi there!
I'm Ajab Khan,29, Pakistani Citizen living at Lahore, Pakistan. Currently Working at University of the Punjab, Pakistan.Started blogging since July 14, 2010 I have several blogs and first article was about how to use your mobile as a webcam you can access that article here, I love to collect interesting data if you like to share with me you can contact me by email here is the id ajabbiz@yahoo.com
I'm Ajab Khan,29, Pakistani Citizen living at Lahore, Pakistan. Currently Working at University of the Punjab, Pakistan.Started blogging since July 14, 2010 I have several blogs and first article was about how to use your mobile as a webcam you can access that article here, I love to collect interesting data if you like to share with me you can contact me by email here is the id ajabbiz@yahoo.com