One of our readers, Fedejb, I wondered how it is done to add more gadgets or accessories on both sides of the blog. Well here's your answer.
Actually, what we do is first to add a second column to blog template (this is technically called sidebar) and there are some templates that can be added as explained below.
As I said at the time (which I explained this issue ...) is a bit hard to do because you will have to go changing numbers until you find the format that you like but, well, in principle I am going to put numbers I I have put in my template, if you feel like having it as well. In fact you can see exactly how it is and if you do not like so, you ought to change antics only to find the desired format for you.
anything to say before, I use laptop and I always make the template because I prefer to see it well wide. I have not tried since I made my blogs to see them on a screen of a desktop computer, so I dont know how it will look.
VERY IMPORTANT NOTE: any of you have changed the template to do this and has not previously agreed to keep a copy of which was already done. First of all ..... you make a copy for your Liais brown and you are mistaken (at least they have podreis you already had) started
lesson number 2 how to make a new sidebar ....
These codes that I will make, serve only to templates Low, Denim and Dostdark blogger. Me that is the Minimal use Dark, so it's to explain it is that which, of course, I know by heart now.
1, Go to your template and look for some code that I show:
| / * Outer-Wrapper ----------------------- ------------------------ * / # outer-wrapper {width: 660px; margin: 0 auto; padding: 10px; text -align: left; font: $ bodyfont; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
2. Y ahora nos toca cambiar números.... el width (ancho) de #outer-wrapper, de #main-wrapper y de #sidebar-wrapper, para que podamos poner the new sidebar. We also need to add a left margin (margin-left) to a space between the new sidebar and main column.
As I said before, I'll put my template sample, so here goes:
| # outer-wrapper { width: 958px; margin: 0 auto; padding: 10px; text-align : left; font: $ bodyfont; } # main-wrapper {width: 460px; float: left; margin-left: 30px; word-wrap: break-word; / * fix for long text breaking sidebar float in IE * / overflow: hidden; / * fix for long non-text content breaking IE sidebar float * /} # sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; / * fix for long text breaking sidebar float in IE * / overflow : hidden / * fix for long non-text content breaking IE sidebar float * / } |
3 º After this code, where we put sidebar-wrapper and data, we must add the new sidebar with this code:
| # newsidebar-wrapper {width: 220px; float: left; word-wrap: break-word; / * fix for long text breaking sidebar float in IE * /} |
4 º Now at the end, very nearly, of our staff we seek this code: \u0026lt;div
| id="content-wrapper"> \u0026lt;div id = "crosscol-wrapper" style = "text-align: center "> \u0026lt;b:section class="crosscol" id="crosscol" showaddelement="no" /> \u0026lt;/ div> |
And add the following:
| \u0026lt;div id = 'newsidebar-wrapper'> \u0026lt;b:section class='sidebar' id='newsidebar' preferred='yes'> \u0026lt;b: widget id = 'NewProfile' locked = 'false' title = 'About Me' type = 'Profile' /> \u0026lt;/ b: section> \u0026lt;/ div> |
NOTE: To see the changes as you go by and check that the workforce has been a your comfortable with the numbers that you go changing .... instead of keeping changes, you give only to PREVIEW.
0 comments:
Post a Comment