↓ Main Menu (Click me!) ↓

Magnolia (Series)


Magnolia Magazines[Don`t look at the dizzy logo, you may feel weird like I did :D ] is a new series of magazine styled Blogger templates for your personal and professional blogging needs. The templates are equipped with a dynamic slider, twitter widget, 3 columns + a footer bar, multiple link lists + a drop down link list and more...
Based on Wordpress by WPSMASH.com and created by me for Blogger.



There are 4 templates. Ofcourse most of the credit goes to the designer and my fans who provided me with a deep input of what they need. Many requested a magazine style, several requested for drop down menus, some wanted a slider, so on and so forth. Keeping in mind all their needs, hope this new template series will helpful for your blog. All installation and set up instructions are provided along with download packages. See below the four different shades:


Magnolia Evo



Magnolia Burgundy



Magnolia Marine



Magnolia Orange


I hope you may have liked the templates. Stay in touch for more like these :)

106 Comments

I like this!! Great job!

Thanks Earl, as always I get encouraging feedback from you :) Great to know you like it :)

nice, im using your converted theme meta morphosis but this magnolia theme good :))

however where is the magnolia white :(

WOW ! You made this theme better than the original version Evo :D Awesome job babe ! Unbelievably awesome work !

Wow...drop down menu! Awesome! I like that. But...can we put a banner in the header or can we change the hearder background? Thanks!

Thanks Jeannie :)
yes you can put a banner ad of size 468X60 on the top right. The header background is supposed to be black anyway. If you`d like to put a banner logo instead of the usual text logo you can. However, changing the header background might not make the blog look good but Yes you can change the header background from EDIT HTML page.

Thanks Mia :) Always tryin` ma best to give best to Blogger ;)

by-zii: Thanks :) Magnolia White wasn`t looking quite good so I didn`t add it ;)

Exelente plantilla, le estoy usando, pero necesito saber como modificar el tiempo que en que cambia cada foto en el slider
Gracias

Anonymous: Gracias. El tiempo puede ser temporizador de control deslizante puede ser cambiado en el Javascript. Existen varios códigos de script de Java por encima de la etiqueta < head >. Creo que el javascript deslizador es http://sliderpagenav.googlecode.com/files/easyslider.js
Gracias:)

I love this!

Is there anyway to get the twitter text to appear all the way at the top and the two columns display below it? Also, how did you on the demo shown here (http://wpsmash.com/preview/Magnolia/) get the following widgets to appear like that?: follow via, email subscription links, most recent comments, and most recent posts.

Hi TJ , Please copy this query and email me at the contact form here: http://kontactr.com/user/volverene

In order to tell you procedures I`ll have to add the HTML here which is not acceptable in the comments system :(

Hope you understand :)

I understand! Thank you. :)

Bajé hoy el Magnolia-Orange Template y en el recuadro gris que aparece a lado de las entradas (posts), veo que aquí hay una presentación de imágenes pero en el mío solo aparece el recuadro gris, tengo mi blog en Blogger, estuve moviéndole al código todo el día y no sé como hacen para poner la presentación, si alguien me puede ayudar, http://arrizonaccesorios.blogspot.com/ ahi está la dirección del blog para que vean a que me refiero. Saludos

hi.. i already have the magnolia evo for my blog.. however, just now.. the slider is not anymore working.. even in your demos and google said that soemthing is wrong with the widget.. what happened? :) pls reply soon

www.iammeldrick.blogspot.com

hello.. i already downloaded the magnolia evo yesterday. it was working fine with all the customization i have added.. however just now the slider has stop working.. i cant see any images, even in your demos.. the google said that something went wrong with the widget, either incorrect xml (which i know its not because it was working yesterday) or either there was incorrect settings within the gadget hosts.. i hope you can fix it.. pls :(

www.iammeldrick.blogspot.com

i hope you can visit my blog and see it.

thx

hi..about my previous issue.. i was referring to my other widget the one that says errors.. but still the slider is not working :( even in your demos..
pls visit my blog to help me fix it.. thanks

i will really appreciate t\if you can help me.. i really love this template

Hi, I am facing a problem with the slider script. It doesnt show up for me suddenly today. And I have tried to visit the demo one, the script on it also doesnt show. what's the problem?

Thank you!

But i copy the XML in my blogspot, and I don't see the slide. I think that I have a problem to change the photos, so I don't see your first photo in Safari.

My blog is http://badalonaielmar2010.blogspot.com, can you see my blog and answer my question? I don't know how to get started this slide.

Thank you!

Hi, great job, I absolutely love this! Having a small problem. The slider is no longer working, it's just an empty box. At first I thought maybe I goofed up the code but I notice it is no longer working on the demo pages either. Any idea how to fix this?

Dear Princess Mina :

Firstly please forgive me for a very late response as I was fixing all templates and also updating Magnolia template with had several issues.

Please download the updated version of Magnolia. The updated version contains fixes for slider and link lists. just re-install it and the slider and link lists will work properly. Please back up your widgets before you install the fresh template. Thanks

Dear Enric:

Firstly please forgive me for a very late response as I was fixing all templates and also updating Magnolia template with had several issues.

Please download the updated version of Magnolia. The updated version contains fixes for slider and link lists. just re-install it and the slider and link lists will work properly. Please back up your widgets before you install the fresh template. Thanks :)

Dear Nathaniel:

Firstly please forgive me for a very late response as I was fixing all templates and also updating Magnolia template with had several issues.

Please download the updated version of Magnolia. The updated version contains fixes for slider and link lists. just re-install it and the slider and link lists will work properly. Please back up your widgets before you install the fresh template. Thanks :)

Meldrick:

Firstly please forgive me for a very late response as I was fixing all templates and also updating Magnolia template with had several issues.

Please download the updated version of Magnolia. The updated version contains fixes for slider and link lists. just re-install it and the slider and link lists will work properly. Please back up your widgets before you install the fresh template. Thanks :)

Estimado Geovas,

En primer lugar por favor perdóname por una respuesta muy tardía como lo fue la fijación de todas las plantillas y también la actualización de la plantilla con Magnolia había varias cuestiones.

Ir a favor de mi blog y descargar la versión actualizada de la Magnolia. La versión actualizada contiene correcciones para control deslizante y listas de enlaces. simplemente volver a instalarlo y el control deslizante y listas de enlaces funcionarán correctamente. Por favor, copia de seguridad de reproductores antes de instalar la nueva plantilla. Gracias:)

I love the Magnolia template. Is it possible to change the speed of the slider?

Love this! thanks for sharing :) tweaked it a little for my blog you can check it at http://suushh.blogspot.com

Hello, is there any way to control the slider's speed? say I want the pictures to transition a bit slower? and also how do i change the numberes slider at the bottom to the original "Older posts" button? Any help would be great! Thanks

Cheers,
Maui
http://suushh.blogspot.com

Justin: I`m afraid that`s quite not possible my friend because I don`t know Javascript. If you know how to edit javascript files, you`re welcome to do so :)

Hi Sush :) Great you new blog you`ve got! I liked your tweets. I always feel delighted when someone uses my template and makes the blog look even better than the template :) Great work!!

Sush: Follow the instructions for removing Slider Page Navigation in the text file: http://www.box.net/shared/dgogzianxs
Thanks :)

ohh sorry I missed that. Thank you! and thank you for sharing this wonderful template!! :)

That`s ok :) Have a great time :)

Those templates are amazing, thanks for sharing them.
I have been changing a few things in a Magnolia one (on http://moncoinamoua.blogpsot.com) but there's one more thing I'd like to do and I'm afraid that's too complicated for me. Could you help me out, please? I'd like to have a column on each side of the text instead of having the two of them on the left. Is that possible?
Thanks in advance for your answer

Chocaaddict: Thanks :)
I make them for blogger. New templates each week :)
Yes, I saw you tweaked your blog a bit.
You`re question is valid and a common one which i get from most blogger friends but I`m afraid it isn`t possible to put columns on both sides of the post area because of the fixed width, doing so will cause layout/display problems.
I`m really that I couldn`t help you regarding this :'(
But thanks for asking :)

thanks anyway for answering me and please keep up your amazing work ;)

I need help! I used this template in my blog and just now, the slider is not working anymore. I need that slider please help :'( I love this template and I don't want to change it. Please reply ASAP.

Jiro: To solve the problem of Magnolia`s slider, just download this text file from the following link:

http://www.box.net/shared/oh61cjq769

Follow the simple instructions in the text file on troubleshooting your blog`s slider. It`ll just take around 2-3 minutes and you`ll see the slider working perfectly :)

Chocaddict: You`re welcome and yes, I`ll keep bringing good stuff here ;)

Thanks Mia, Always tryin` ma best to give best to Blogger

HI thanks for this wonderful template.. The only problem I had was my twitter updates wont show up..pls check it at my blog: http://nomadicexperiences.blogspot.com/

Hi :)
I'm sorry to bother you again but I have one more question.
When I go in the layout section of blogger, nothing appears in the fonts&colors section. I would have liked the writing in my blog posts to be slightly bigger, is it possible to do that?

Dear Markyramone: Forgive me for a very late response. I see that your twitter updates are working fine. Hope you must have fixed it by yourself. Thanks :)

Chocaddict: Actually Magnolia is a customized Blogger template. So, it`s not possible to make changes through "Fonts and Colors" section. Customizations can be done only through EDIT HTML page:

To make text in the posts a bit larger, here`s what you need to do:
In EDIT HTML page, using CTRL+F, find ".post-body"; The browser will highlight:

.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}

Replace the above code with the one below:

.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
font-size: 15px;
}

See in the above code 'font-size: 15px;' ; That`s the size of font of you blog posts, just increase the number '15px' to your desired font size number. Click PREVIEW before saving.

Save when done :)

Anything else you need? Don`t hesitate to ask :)

You're really an angel, thanks very much :)
I've just increased it by 1px and it's enough to make me stop squinting at my screen ^^

You`re welcome Chocaddict :)

Hello again, was wondering if there is any way to remove the blogger header on top of the page? (Home, Posts RSS, Comments RSS, Above header, Edit and Sign in) ive searched on how to remove it and found a code, but ive also seen it in the html code hmm, any help would be appreciated, thanks!

Suchi: Hi again :)

Yes you can remove those link lists from EDIT HTML page.
If you have found the code, then just remove those codes :)

Before Saving your template, Do PREVIEW to make sure everything looks fine.

Thanks :)

Throw up a message on my 'Contact Me' page. I`ll try to assist better through there anytime :)

Great work with each of these! I've been trying to add a banner or image to the right from a photobucket account (along with the regular logo to the left), but it won't display. Is there anything you can think of that must be done to ensure the image shows up? Also is 468x60 the only size that will work, or can we modify the size?

Thank you!

A Fan...: Widgets/images/ads on Header-Right space cannot be put in Magnolia. I`m sorry about that :'(

Oh ok! Thanks so much for the info!

terima kasih ya aku pakai template nya..

Hola! nose como poner imagenes que pasen solas en el recuadro gris que aparece... intente segun las instrucciones pero no se ve nada

Estimado Lucas,

1. Para resolver el problema de Magnolia `s deslizante, sólo tienes que descargar este archivo de texto desde el siguiente enlace:

http://www.box.net/shared/oh61cjq769

Siga las sencillas instrucciones en el archivo de texto en la solución de problemas de tu blog `s deslizante. It `ll sólo tomar alrededor de 2-3 minutos y usted` ll ver el regulador funciona a la perfección:)

hola.. sera posible quitar el espacio de twitter, la verdad se me hace un excelente template.. pero necesito quitar esa parte del twitter gracias..

Goto EDIT HTML page,

Using CTRL+F, find "#twitter {"
The browser will highlight the following code:

#twitter {
width:414px;
color:#1c1c1c;
padding: 10px 0 0 30px;
}

Replace the above code with:

#twitter {
width:414px;
color:#1c1c1c;
padding: 10px 0 0 30px;
display: none;
}

PREVIEW and save when done. Thanks :)

Thank you for the most beautiful templates, great job
I am still working on it, hopefully the slider will work, if not, I will contact you
But if it work, I will change the template of other blogs

http://taghthia.blogspot.com
http://dietandviolence.blogspot.com
thank you again, and if you visit Jordan, pass and call me, Good luck

George: Thanks. I`ll do visit you soon :)

Hi,
I am trying to make the slider, I followed all the instructions you mentioned, but still not moving, it is showing the last article only
Please, can you help to make the slider moving, thanks

I seem to have everything figured out with this template, it's great! How can I move my archive though? It's way at the bottom of my page, I'd like for it to be below my labels. Thanks in advance :-)

Hi,
I have this template on my blog : www.nrichienews.com

Today the 'older posts' navigation has just dissapeared from my site. I haven't changed any of the settings or HTML :S

PLEASE HELP!!

The 'older posts' guide from the bottom of my blog (www.nrichienews.com) has just dissapeared :S

I have not changed any settings or HTML.

Please Help!

Dear Volverene Evo,

I emailed you some days ago (I figured it is better to write here). A couple of things:

1) I did figure out how to change the frequency of the slider images. So in case anyone else asks, just let me know. I noticed there are "previous" and "next" buttons for it in the code though, and it never shows them in my website (http://nureinwort.blogspot.com) Are they really supposed to show?

2) I have no idea why the bottom-right pages counter disappeared :( In what part of the code can I find that?

I am still thinking how to credit you. You suggested to write a post about it, but as you can see from the nature of my site, it might be way too off topic ^^ How about I make a link for your site on the very top menu?

Kind regards,
Germán

Nicole Ritchie News: Issue Resolved :)

Germán: A few days ago, most of the new templates had this problem that the Page Navigation disappeared from the templates at my blog and the Older and Newer posts page numbers disappeared.

I'm deeply sorry for this problem and I apologize for a very late reply.

Here`s what you need to do. Believe me it's really simple to fix this:

Goto EDIT HTML page

Using CTRL+F

Find this link http://evo13.googlecode.com/files/nav-12.js

Replace the above link with this link >> http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js

Save and click View Blog

I am very sorry for the problem. Files in Google Code hosting was deleted by someone.

Thank you for your kind reply. That solved it :)

Germán: You're welcome :) All the very best! :)

Hi: I need some help. I would like to make the header(black)less high. Where do I find the code?
Also I would like to change the body color, other than orange. Where do I find that code to add another hex color.
You have done a great job with your templates.
Thank you so much.
Steve

Steve:
1. Changing the Header height:
Goto: EDIT HTML page
Using CTRL+F, find "#header"
The browser will highlight the following code:

#header {
width: 400px;
float:left;
margin:20px 0 30px 40px;
padding:0px;
text-align:left;
color: #eeeeee;
}

Replace the ABOVE code with the one below:

#header {
width: 400px;
float:left;
margin:20px 0 30px 40px;
padding:0px;
text-align:left;
color: #eeeeee;
height:60px;
}

Now, see in the above code set, there's a code (height:60px;), that sets the height of the header. Change it according to your requirement and click PREVIEW to see the desired results.

2. Changing background color:
Now find "#wrapper"
The browser will highlight:

#wrapper {
background:url(http://2.bp.blogspot.com/_k_DnmK4oz2Q/S1MdglsibiI/AAAAAAAAAeU/Ic5eYtiWFQw/s1600/BG_Orange.jpg) repeat-x;
background-color:#da8b15;
}

See in the above code set, you'll see the background image link and the HEX color code too. You may change it to your requirements.

Save when done :)

Thanks

Ashton: I hope the issue is resolved :)

George: Sorry for the late reply, I hope your blog would work great :)

Hello =)Fantastic Theme!

I was wondering how Sush changed the Post entries from displaying on the right to the left..

Sarynthra: Thank you for the fantastic feedback!
Unfortunately, the template is so designed that post entries can be properly displayed on the right side. Putting the post entries on the left may cause the template not to display properly.
Thank you :)

Sarynthra: But hey! you did it very nicely. Your blog looks better. Keep it up dude :)

Hello

First of all i'd like to say that this theme is simply awesome with the drop down menus, the picture slide, twitter updates and element positioning. It's almost too good to be true, so i'll say an honest thank you for it.

But since i always want to customize my things, i couldn't help to try and tweak it a little to my taste by removing the upper links or adding a custom wallpaper. But i also tried to change the background of the articles.

I wanted to make it transparent and i thought i can do this by replacing the image urls of the articlep1/p2/p3 .png pics, but apparently no matter what picture they are replaces with, there's no change to the background since it still remains black.
I have no idea what i'm missing or overlooking and i'd really appreciate some help on this :)

Hey again,

Regarding the transparent background issue, i figured it out on my own. It seems i overlooked the #main-wrapper part of the css that deals with the article background...

Thanks again for the great template and i hope you don't mind if i modify it (credits won't go anywhere from the code, ofc).

Can Somebody tell me how to do the post entries on left and other things on right? Will really be thankful.
One more thing, Volverene, before coming to here i have already sent you a filled up contact form on kontactr. In which i wanted to know how to use a banner image instead of the text. just for example, its done here on this blog using this same template http://www.bloggernutshell.com [i guess its a image, if its some other trick i would really love to know the secret:)]

hello! im using this template for my blog but how to edit the font style in the post entries?? please help me!

how to change the font default of post entries??

Hey.

Could you tell me what should I change in the template code to move the post to left side and the sidebar with slider to right, just like it is done in here .

Best
Thx for great template.

hey! i like magnolia so much but i cant seem to put it as my template, i downloaded and got a .zip file, and used the browse upload function but every time i get an error message, Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in prolog
help!

jei: You need to EXTRACT the zip file and when the Zip file uncompresses, You need to upload the Template file. It would be named like "Magnolia-Orange.xml".

Marek: Here's what you need to do move the Content Portion to left and Sidebar Portion to right:

1. Goto EDIT HTML

2. Using CTRL+F, find "#main-wrapper {"

3. The browser will highlight the following code:

#main-wrapper {
padding: 0px 10px 0px 10px;
width: 480px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
background: #000000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 0px solid #5C2D58;
}

4. Replace the above code with the one below:

#main-wrapper {
padding: 0px 10px 0px 10px;
width: 480px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
background: #000000;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 0px solid #5C2D58;
}

5. Now find ".column {"

6. The browser will highlight the following code:

.column {
float:left;
}

7. Replace the above code with the one below:

.column {
float:right;
}

8. Click PREVIEW and SAVE when done. That's it!

For any further assistance that you may require, please do ask :)

Thank you

Ikmal: I dont see the template on your blog.

bogdee: You're welcome :) It's alright the credits you modified. I saw and it's fine :)

Hi the 'older' 'newer' scroll bar has disappeared again from the bottom of my site. How can I get it back? Thank you.

Nicole: If your Page Navigation Links (Older Posts, Newer Posts) are not working with this template, here's what you need to do to fix this:

1. Goto EDIT HTML page.

2. Using CTRL+F, find any of the following link:

"http://evo13.googlecode.com/files/nav-12.js"

OR

"http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js"

3. When you find any of the above two links. Replace it with the link below:

"https://www.opendrive.com/files/6549279_VT1Jl/paginator3000.js"

4. Click SAVE and VIEW BLOG to see the page navigation links come back again.

That's it!

For any further assistance that you may require, please do ask :)

Thank you

Hi Volverene Evo, love the template.
How can i display widgets below the twitter section?

And when i move the content portion to left and sidebar portion to right it doesn´t stay allign with the header section. How can i resolve this?

thanks

SP®: There's no option available to put a widget bar below twitter section but I can do that if you'd like. Send me a support query for that from the above menu.

Also, did you the instructions in comments above in which I have mentioned the procedure for switching sidebar and content's positions ?

Hi Evo, Thanks for your fast reply.
Yes i read the instructions and it works just fine, but as you can see in the picture:

http://i680.photobucket.com/albums/vv169/serter/magnolia.jpg

The header doesn´t stay allign with the body/sidebar.
Is there any solution for this?

Thanks

SP®: I need to check the issue via codes. Please send let me know your blog URL :)

OK, thanks

http://samarrasantaeufemia.blogspot.com/

Dear Evo,

I have been enjoying your amazing design for several months now and I am extremely pleased, so many thanks to you and your excellent support.

http://nureinwort.blogspot.com

I am bothering you now because my blog used to have Google Pagerank4 before I switched to this template, and changing to it has somehow wiped the Pagerank back to 0. Apparently Google is not reading the source of my page. Do you have any clue why this might be happening and how to solve it and telling Google: "Hey, this is the same deal as before!" :)

Very appreciated,
Germán

Germán: Issue resolved via Email :)

I have https://www.opendrive.com/files/6549279_VT1Jl/paginator3000.js in it, but it's not working

Leave a Reply