In my previous posting, Kang Rohman made tutorial about making a column above the posting column in Magazine Template 2. And in this beautiful weekend, I would like to try the other alternative to make a column that is Making Column under Header Column. This column is absolutely very important, especially, for you who like adding ads right under the header.
If we refer to the original design of magazine template 2, we won’t be able to put ads or anything right under the header. Below is the original design of magazine template 2:
And now, we are going to make a new column located right under the header column. Below is the illustration sample of putting ads right under the header column.
Do you feel interested in making a column under the header? Just read and follow the steps below.
- Login into blogger with your ID.
- Click Layout
- Click Edit HTML.
- Click Download Full Template.
- Please save the template first. It is aimed at anticipating the risk if we make mistake in editing our template. If we make a mistake, we still have the backup and return it normally.
- Find this code ]]></b: skin>.
- Copy paste the following code right above the code of ]]></b:skin>.
.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}.adscolumn .widget{
} -
Look at down, then find the following code
<div id='main-wrapper'>
-
Copy paste the following code right above the code of <div id='main-wrapper'> :
<b:section class='adscolumn' id='adscolumn' preferred='yes'/>
-
Click SAVE TEMPLATE.
-
Finish.
For the next step, please click Page Element tab and you will see the layouts of the template will look like the image below:
Now, you can ads anything right under the header column.
Happy trying and Good luck
If you enjoyed this article about Make Column under Header in Magazine Template 2, subscribe to receive more great content just like it.
0 Comments:
Post a Comment