posted under blogger templates gallery by admin

Magazine Style Template – Red is a wide 3 columns template with so many widgets modifiable for both blogger / blogspot and wordpress. please go here to see the demo: blogger demo | wordpress demo.

or you can see this screenshot below, click to enlarge the picture.

This template is originally created by Milo from petty-passion.com for wordpress.org. it has 3 columns, red and white background.

What makes this template different is, i’ll tell you, it’s all about widget. Yes, widget is anywhere. on the top horizontal menu, on the title, on the 3 first columns. on the content, on the other sidebar, even on the bottom of post, on the bottom on top of the footer, and it’s even on the footer it self.

Yes, it is a pretty complex structure of blogger template. So here it is.

DOWNLOAD LINKS

Wordpress Version
Demo site

Blogger / Blogspot
Demo site

All the widget most of them are HTML/Javascript widget. so basically, you can feel them with anything you want.
but there are two important things about the widgets, they are the top horizontal menu and the footer menu.
Just make sure your content has the same format as this format below;

The widget content format.
1. The first top horizontal menu widget.

<ul><li class=”page_item”><a href=”http://www.jackbook.com”>Home</a></li><li class=”page_item”><a href=”http://www.jackbook.com” title=”Page 1?>Page 1</a></li><li class=”page_item”><a href=”http://www.jackbook.com” title=”Page 2?>Page 2</a></li></ul>

2. The footer menu widget content.

<ul><li><a tip="Get back home" href="http://www.jackbook.com">Home</a></li><li class=”page_item”><a tip=”Page 1? href=”http://www.jackbook.com/”>Page 1</a></li><li class=”page_item”><a tip=”Page 2? href=”http://www.jackbook.com/”>Page 2</a></li><li><a tip=”Syndicate” href=”http://www.jackbook.com/”>RSS</a></li><li><a tip=”Jump to Top.” class=”menuitem” href=”#Top”>Top ?</a></li>       </ul>

please submit your question here if you have one.
and please report us anytime if you found any broken link, and we will try to fix it as soon as we can. thank you for reading this post.

FAQ | Update Frequently

Question:

Hello.
First of all, thank you SO MUCH for converting the theme!
Anyway, I just want to understand the template better.
What are these javascript files for?
http://images.jackbook.googlepages.com/glow_addEvent.js
http://images.jackbook.googlepages.com/glow_sweetTitles.js

Also, why is there a separate CSS file
http://akuhaus.googlepages.com/magazine-style_style.css
apart from the CSS code included in the template code itself?

What is “Markup free clearing” for? Is this for IE fix? On that note, (sorry, I’m on a mac so I can’t check it yet on IE), does this template work in IE 6 and 7?

Lastly, on the demo site for Blogger, I noticed that there is a part of the template that seems to not be “continuous” (part of the screenshot image is attached).

Thanks so much for your time and I hope you can answer my questions. Thanks again.

–
Love,
Angel

Answer:

http://images.jackbook.googlepages.com/glow_addEvent.js
http://images.jackbook.googlepages.com/glow_sweetTitles.js

You can read about it here on the author site or here on google

Also, why is there a separate CSS file
http://akuhaus.googlepages.com/magazine-style_style.css

Oh that’s my mistake. I use to separate the css file on the different file, but from now, i’ll include the style inside the template it self.
now i have remove the link line.

What is “Markup free clearing” for?

that is just a style to create a better clearing, you can read it here. many designer have fallen on doing a clearing on their design works. so thanks to this method, it works on most browsers. and yes, it works on ie.

Lastly, on the demo site for Blogger, I noticed that there is a part of the template seems to not be “continuous” (part of the screenshot image is attached).

Oh that is because the image wasn’t fully loaded i guess. these are the image lists used by this template, you can move it somewhere on the other image hosting to have a better / faster load. currently, i host it on my googlepages account, and because many people use my template which mean use the same my googlepages account bandwith, it might slowing down the load.
so here is the list;

http://akuhaus.googlepages.com/magazine-style_header.gif
http://akuhaus.googlepages.com/magazine-style_quote.gif

host that files on your own image hosting, then replace all that line on your stylesheet, inside the template with your new images url.

Why is the 4rd column not one straight widget area? I mean, the search box is on the white space.

That’s probably because the widget content is just too long, try to make it shorten. Milo uses separated structure on his original wordpress theme, so i just convert all that as same as possible.

thanks

** Sorry for all the deleted comments. I have just restored this post from GOogle Cache. I accidentally deleted it