This tutorial is special for Magazine Template 2 users who want to add new column above posting column. I make this tutorial because when I was doing inspection to Magazine Template 2 users, I found that many of them put ads or anything above the posting column but it doesn’t look nice and it is not nice to stare at. Look at the image below:
And try to compare with the following image:
If we see the function, both has the same function, as places to add ads above posting column, nothing wrong with both function. But, the second picture looks better, right! Not only becomes a place for ads but also for keeping the blog beautiful (Kang Rohman’s opinion)
To create like both images above, you will have to make a new column above posting column. If you are interested, please follow the steps below:
- Please login into Blogger with your ID.
- Click Layout
- Click Edit HTML. Tab.
- Click Download Full Template.
- Please save the template. It is aimed to anticipate if the editing fails and you still have the backup.
- Find this code ]]></b:skin>.
- Copy paste the following code right above ]]></b:skin>.
.topcolumn{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #C0C0C0;
}.topcolumn .widget{
} -
Look at down and find the code below:
<div id='main-wrapper'>
-
Copy paste the following code right below <div id='main-wrapper'>:
<b:section class='topcolumn' id='topcolumn' preferred='yes'/>
-
Click Save template button.
-
Finish
Next step, please click Page Element tab and you will see the layouts of template become like below;
Now, you can add anything in that column without breaking the beauty of the template.
Have a nice trying and don’t miss my upcoming posting about adding new column above header in magazine template 2.
If you enjoyed this article about Make Column above Posting Column in Magazine template 2, subscribe to receive more great content just like it.
0 Comments:
Post a Comment