Make minima blogger template 3 column




















Any suggestions? Hi Katie, are you still having issues with this? I looked at your blog and the background was on there. Please let me know! Thanks: —Becky. Hi Debee, maybe try it again. Sometimes if you add any extra spaces or leave a part of the code out those errors will pop up. Let me know how it turns out! Debee, also this only works when you are using the minima template. I noticed on your blog you have the picture window template.

Hi Sarah, someone else mentioned the same issue. We are looking at the coding now…sorry about that! Best Articles Understanding Blogger Templates — overview of the structure of a Blogger template Three Column Templates Explained — a detail look at the internal details of converting to three columns Blog Widget — know the internals of the most important widget in Blogger Understanding Robots.

Contact Me Got a specific question? Then you can contact me here. Subscribe or Subscribe by Email. About Me ids B. Do NOT expand widgets before pasting the new template code. My template file does not include the expanded widget code no changes were necessary.

Also, if you have already have custom widgets on your blog maybe you created a link list, or added a picture in your sidebar , you need to take some extra steps to avoid wiping them out with the new template. I will post another article on how to do this if someone needs some help.

In the meantime leave a comment if you have any questions or run into any installation problems and I will try to respond as quickly as possible. So, change the value in red to px. At present, your new sidebar will not be seen as there are no widgets contained within it, though it will still be present in the markup of the page. Your layouts section should now look something like this: You can now add a page element or two to your new left sidebar.

But we aren't quite finished yet! If you add anything to this left sidebar, you will probably notice that it jams right up to the main section, like this: This is because there is no space defined between the left-sidebar and the main section.

We need to create this space in the template's HTML. To do this, we will add a margin to the left hand side of the main posts section. You should also ensure you adjust thw width of the outer-wrapper from px to px to ensure the width of your blog is enough to accomodate this margin too.

Now, your previewed template should look more like this: Finally, save your template and enjoy your new sidebar! The same principles described here can help you create a three column template from any Blogger template, though you may find that you'll need to adjust the width, margins and padding for your new sidebar in order for it to look the way you would like.

Also, you can configure your new sidebar to float to the right, and have two sidebars on the right of the main column if you prefer.

Simply set the CSS of your new sidebar to float: right; instead. Here is a download of the three column Minima template for reference or if you prefer to use a preconfigured template instead! Download 3 column Minima template. For more Blogger templates to download, please have a look through the Templates section here at Blogger Buster. Be informed of new posts by subscribing to the RSS feed in your feed reader or by email.



0コメント

  • 1000 / 1000