Magazine Style Template - Red
By Jacky Supit • Sep 1st, 2007 • Category: blogger templates
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 | Download Theme here
Blogger / Blogspot
Demo site | 
Downloaded a total of 3337 times
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.jsAlso, 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
Related Entries
- 30 blog design that will make you.. wow!
- Move all the Images on your blogger template to your own host!
- Best of JackBook dot Com - 2007 In Review
- Rainbow Garden Blogger Template
- I can not edit my template
- Art Imagination Blogger Template, the request
About the post author:
Jacky Supit is The man behind the site. Do you have any questions, problems or anything about your blogger or wordpress? AskJack on TemplateForum.Org
[…] Magazine-Style - bel template. […]
Hello!
This template looks gorgeous!
But there is a little problem, I cant see the editing button and the other buttons at the end of the posts.
Is there something to do for this?
Hi Spy,
you can go to your template editor, and put this line on each widget.
<b:include name=’quickedit’/>
inside the
<b:includable id=’main’>
</b:includable>
thanks
Gostaria muito de usar esse template,
como mudo a figura do post, pois tenho um blog
de croche
obrigada!
oh i wish i know what are you saying
Gostaria de mudar o plano de fundo, pois tenho um blog de crochet
muito grata
could you type it in english please?
thanks
Thanks Jack
I ‘ll try it..
Hi Jack,
I really like this, but fail to install it for my blogger. I did what you told to upload the template directly from blogger. I don’t only cut and paste it.
Btw, I can’t see the word verification…I wish this message can get through.
How can I change the photos, because I have a blog of knitting, and I would very much like to use this model
Very grateful
You can edit CSS to replace the images, Jasi.
[…] 【Green Marinee】 【Hemingway】 【Illacrimo】 【Informativo】 【Likewise v1.1】 【Magazine-Style】 【Minimalista】 【Minyx 2.0】 【Pink Flower】 【Pizza】 【Pro】 【Puerto】 […]
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
juego shangai gratis…
Asian higher switch Lucy Thai companion. Efficient purely handling failure juego shangai gratis juego shangai gratis strain gyro?! …
male breast…
Yana Cova, faith Lucy Lee nevertheless spoken? Cromwell but reminded? …
this template is great, i change my template blog to this template with a litle change btw my progaming language is very low and i find hard to make modify this template btw again great job bos you make a great template for us
1 more at standar template i have no trouble to insert adsense top of the post but this template i dont see [code]
[code]
can you help me sir thanks before
hi WiZiE
please encode your html first,
i can’t see the code you meant.
thanks
Sorry to bother you. I met some broblems:
“We were unable to preview your template
Please correct the error below, and submit your template again.
More than one widget was found with id: HTML6,HTML10. Widget IDs should be unique.”
hi there,
please read this guidance
thanks
Thank you. I’ve settled this problem.
Sorry,I’m back.I cannot see the background picture on my site! Would you please help me?
I’m new for blogging.
please read this guidance
thanks
oh,today is Christmas day. I forgot it.
Merry Christmas!
Happy new year!
nice template for journal
and happy new year from baLooTisme
regards from malaysia
anyone using this template?
share a problem with me. i got sooo many problem with this template.
jack,
how to remove background color when i hover link?
jack
i cant see my date.
where’s my date for post?
im using css like flairinthecity.blogspot
check it out at: http://baloottestsite.blogspot.com/2007/12/boost-your-metabolism-to-lose-weight.html
this is only test blog..
problem solve…
i had make some change in css…
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
[…] Magazine Style Template - Red […]
Hi,
I need a complete white background? How do I do that? And I don’t want the top 3 columns before post, I want post to be on the top, how do I do that?
hai jack im planning to use this template.. But i have a small problem…
For archiving i selected daily archive and on the web page the archive widget doesnot look nice ..you can see it at http://samrat-test.blogspot.com/ can you tell me how can i modify that..??
it should look like in my main site “SamratJobs.com”
haii Jack can you reply me at the earliest please…
Jack im awiating your reply…..plzzzz
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
Thank’s alot or your template….
it’s very useful for me..
good luck…
[…] 40) Magazine-Style 3 colunas Blogger Template […]
thanks
Thanks Jack
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
[…] Magazine-Style - Um tema muito bonito, com ótimos espaços para widgets. […]
Nice theme…..
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
Hi, I think this template will be perfect for my blog, but when I try to upload it the message is:
“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type “html” must end with ‘>’.”
What do I do.
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
Hi, Sorry Jack..I just want to spread info that I have created a temlplate that full costomize without javascript. I my self think that my hack to blogspot template will be develop to make the really magazine style. Please make your review to it..this is the link .
For the moment I’m still looking for how to make the feed will contain a bit of posting body in it (I mean without javascript, because this is not good for search engine, is it?). By that the author will not make a summary piece of word manually in his/her page element as like as in magazine-style-template-red or others..inversely each column as page element in magazine style will update automatically..
Please jack, visit and give some of your idea how to show that feed..
Thanks
Sorry my template is http://rmgb-template.blogspot.com/
[…] Demo | Visit and Download […]
[…] Magazine-Style - A nice template if you have a lot of information and widgets to display up front. It has got a three columns in the main area as well as in the footer area. […]
thank you!
[…] Magazine-Style […]
thank you
[…] Magazine-Style […]