Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Magnolia Orange Blogger Template

Magnolia Orange

Free Download Live Demo

13,156 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Magnolia Orange

Magnolia Orange is a free premium Blogger template adapted from WordPress with 3 columns, left sidebar, rounded corners, slider and neutral colors.


More Premium Blogger templates:


Credits

Author: Templates Block.
Designer: .


36 Questions and comments on Magnolia Orange

Fernanda 2 February 2010 at 4:38

Este template está com problema no Slide. Já editei como está no tutorial que vem nele e nada! Alguém pode me ajudar?
Obrigada!

↩ Reply
Kartik 15 February 2010 at 4:17

the slide isn’t working,any problem with the template??

↩ Reply
Volverene Evo 23 February 2010 at 6:50

Kartik: Follow the instructions in the following text file solve the problem of Slider:

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

Thanks :)

↩ Reply
Volverene Evo 23 February 2010 at 6:51

Fernanda: Siga las instrucciones en el texto siguiente archivo resolver el problema del control deslizante:

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

Gracias

↩ Reply
lubis 2 April 2010 at 9:03

how can i delete “Twitter Updates” columns ?

i love this templates so much haha~

↩ Reply
Claudia 2 April 2010 at 12:48

Lubis:
In Layout/Edit HTML, delete this:

<div class='widget' id='twitter'><h2>Twitter Updates</h2>
<ul id='twitter_update_list'><li></li></ul>

<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'></script>
<script src='http://twitter.com/statuses/user_timeline/TEMPLATESBLOCK.json?callback=twitterCallback2&count=5' type='text/javascript'></script>
<p class='link-ancillary'></p>
</div>
↩ Reply
lubis 2 April 2010 at 22:20

thanks to Claudia

i did it !!!

↩ Reply
Jordy Burnaby 10 April 2010 at 3:26

I should keep uniformity throughout my blogs, but there are several I would like to use.

↩ Reply
OV 13 April 2010 at 4:20

can anybody help me please how can I change slider pictures in this template???. I really like this templage

↩ Reply
lubis 13 April 2010 at 8:31

to OV
go to Edit HTML
find those
—————————–

Bjork <==== ur photo title

Doesn`t she look very cool? <== introduce ur photo


<=====ur photo link ,u can change

————————————–

↩ Reply
lubis 13 April 2010 at 8:35

Bjork Bjork <==== ur photo title

Doesn`t she look very cool? <== introduce ur photo


<=====ur photo link ,u can change

↩ Reply
lubis 13 April 2010 at 8:35

haha why cant i post those code

↩ Reply
Volverene Evo 17 April 2010 at 23:39

Lubis: It seems you have made it work :) Congrats ;)

↩ Reply
Volverene Evo 17 April 2010 at 23:40

OV: The instructions on customization are provided with the download package. You just need to read them ;)

↩ Reply
Volverene Evo 17 April 2010 at 23:41

Jordy: Good to know. Let me know about your blogs :)

↩ Reply
VISAKA 27 April 2010 at 12:10

@Volverene Evo:
hOLA NECESITO AYUDA PARA MODIFICAR LA PLANTILLA en la parte de tener una cuenta Pleace..

↩ Reply
Kimberly 22 May 2010 at 15:59

This is a beautiful template & I love it! Quick question – the read more function does not work?
THANK YOU!

↩ Reply
Claudia 22 May 2010 at 21:52

@Kimberly: If the “read more” function does not work, go to Layout/Edit HTML/Expand widget templates and add this code above
<div class='post-footer'>

  <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link button'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
    </b:if>

;)

↩ Reply
Kimberly 22 May 2010 at 21:57

Claudia – you rock!

@Claudia:

↩ Reply
Kimberly 22 May 2010 at 22:34

Claudia -I search all of the code and that piece: is not in it – help?

↩ Reply
Claudia 24 May 2010 at 13:17

@Kimberly: I saw the code is arleady added (maybe you didn’t click on “Expand widget templates”). If you know how to use the native “read more” function implemented by Blogger, it muts work.

↩ Reply
Volverene Evo 24 June 2010 at 23:17

Dear users of Magnolia Orange: To slow down the slider, here’s what you need to do:

1. Goto EDIT HTML page
2. Using CTRL+F, find the following link:
“http://dl.dropbox.com/u/4288269/Magnolia/easyslider.js”

3. Replace the above link with the one below:
“http://dl.dropbox.com/u/4288269/Magnolia/easyslider-slow.js”

4. Click PREVIEW and SAVE when done.

That’s it! :)

↩ Reply
Volverene Evo 25 June 2010 at 5:17

Dear users of Magnolia Orange template: 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

↩ Reply
Volverene Evo 25 June 2010 at 22:45

Dear users of Magnolia Orange: 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

↩ Reply
Erick 11 August 2010 at 12:09

Gracias Claudia por semejante plantilla.
Quisiera modificar el color de la cabezera a azul como lo hago?? agradecido.

↩ Reply
Volverene Evo 12 August 2010 at 7:27

@Erick: Estimado Erick: ¿Te gustaría cambiar el color de texto del encabezado al azul?

↩ Reply
Erick 12 August 2010 at 15:37

Lo que deseo es en el encabezado el fondo obsuro ponerle el azul, y si vez en mi blog el fondo de la plantilla solo cubre una parte y no el total, otra cosa en esa fotos que he puesto solo cinco se podrá añadir más, gracias y saludos desde Perú

↩ Reply
Erick 12 August 2010 at 15:37

Me olvidaba como edito el botón stuff que se puede añadir, fotos vidoes, etc

↩ Reply
Volverene Evo 12 August 2010 at 18:33

@Claudia: Claudia, I’m sorry I could not understand Erick’s query. Could handle this on your own or you may tell me what he wants, I’d love to him with his issue :)

↩ Reply
Frank Honess 24 September 2010 at 9:00

Can anyone tell me how to remove the menu bar at the very top of the template (Home, Posts RSS, Comments RSS, etc.)? I do not want it in the template but I’m not sure what coding to delete in order to remove it. Thanks!!

↩ Reply
Claudia 24 September 2010 at 15:26

@Frank Honess You can find the answer to your questions and more in our FAQ section.

Frank Honess 24 September 2010 at 9:01

@Volverene Evo:

Hi Volverene, could you help me with the question I just posted below? Thanks!

↩ Reply
Joni Lin 29 September 2010 at 4:59

Hi There, I’m using this lovely template…
How to move the inline ads to the top of post (between post title and the post)? on this template, the default setting is below the post.

Thanks for the supports

↩ Reply
Francisco Tama 9 January 2011 at 17:47

No funciona el slide de fotos ya puse los nuevos codigos pero sigue sin funcionar… ¿alguna ayuda?

↩ Reply
ARNALDO 28 March 2011 at 13:05

i cant put my twitter account in the code?…please helpme!

↩ Reply
Rashmi 24 September 2011 at 5:35

Hey Team,
I have used the wonderful template of Magnolia-Orange.
I have tried to customise my blog to a good extent. However, there are still few customizations to be done, which I have tried a lot to make it work.
Unfortunately, it couldn’t turn out the way I wanted it to be.

Hence, I seek your help and co-operation to make my blog more beautiful and inviting. I hope for a prompt solution from you guys.
Here are my queries-

1) I am not able to add my logo image properly, in the header beside the header title and description

2) When a separate page is opened up, once clicking on Read more, Blog archive or Posts link, the color of Header title changes to white, while on Home page, it’s Yellow as customised by me

3) I am not able to place the ad banner and adsense on the right side of header even after putting the code in Edit html, as instructed in notes

4) I want to place my social network links with icons just above the “Search” tab of navbar

5) While clicking on the appended link of any other site, I want the page-link to open-up in a new tab or window allowing the user to visit my linked sites without leaving my blog’s page

6) On the posts page, the Read more option appears twice which is not required & also doesn’t look nice. I want the repetition to be removed

7) I had added the Reactions and Show Share buttons in Blog post options, but these don’t appear on my blog posts at all

8) How can I increase the width of the Post wrapper which is on right side of the blog page

9) How can I change the color, size, case, alignment and style of fonts and their background appearing as plain text and as Links (and links’ hover color), which are on the footer gadgets, below footer and main body of the blogger

10) I want to change hover background color of the navbar menu, navbar cats menu and the Go button of Search on navbar

11) How can I change the background color of the navbar cats menu and Go button of search on navbar

12) I want a similar background wrapper like that of Blog Posts on right side, for the gadgets and content, which are on the left side of the blogger body below the slider

13) How can I change the rounded-corner background color of Gadget Titles, which are on the left below the slider

14) How can I keep only image ads for my blog, and how can I blend the background of ads with that of my blog’s background color

Best regards
Rashmi

↩ Reply

Leave a Reply to lubis Cancel reply

Your email address will not be published. Required fields are marked *