Magnolia Marine
| Instructions: | How to use this template |
| Template author: | Templates Block |
| Designer: | WP Smash |
| Description: | Magnolia Marine is a free premium blogger template adapted from WordPress with 3 columns, left sidebar, rounded corners, slideshow and neutral colors. Download Magnolia Marine for free in BTemplates. |
| Rating | 4.1 out of 5 based on 74 bloggers. |
| Compatible with: | FFIEChrome |
| Share: |
Dear users of Magnolia Marine 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
Slide speed was made by only describing the javascript code ordinarily.
(starttag)script type=’text/javascript’(endtag)
var $jx = jQuery.noConflict();
$jx (document).ready(function(){
$jx('#slider').css('visibility','visible');
$jx("#slider").easySlider({
auto: true,
continuous: true,
speed:800,
pause:8000,
});
});
(starttag)/script(endtag)
@Toby: That’s right
Dear users of Magnolia Marine: 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
Hi.
Could you pinpoint the fragment of the code which describes the font color of the text in the posts?
Cheers
The color code is added and described to Posts and Comments of css.
post-body
color:#color;
Hello, Mr. Evo.
Although it is a question, can’t you prepare js file by yourself and can’t use it by a Blogger blog?
Is it possible to upload xml which added description and js file of me from upload of the template?
@Toby: If you want to use it for ownself, you can download the js file from the XML code, edit it the way you want and then you upload the js file onto your favorite host.
Integrating all js file into a single XML template file might now work but you can try it
Hi Mr Evo.
I have got a question. Did you ever try, or even thought about inserting into the slideshow, google adsense commercials?
If it’s possible could you create a manual how to do it?
Cheers
Marek
@Volverene Evo: Thank you for the reply.
Should this service be used although it seems that link execution of the js file will be carried out from DropBox service if xhtml is checked?
Is Microsoft skydrive to link execution possible?
@Toby: Yes sure. Dropbox is free and easy to use. You can use dropbox. Another alternative opendrive.
@Markus: Hello. I haven’t tried putting adsense ads in the slide show because it may not work. I guess you’ll have to use for images.
Hello…Can you tell me how to change the background? I tried doing it but the lower half is still a different color. Thank you! ☺
@Ley: #wrapper{
background-color:;
or
background-image:url();
}
My Page Navigation Links (Older Posts, Newer Posts) is not working anymore. I did the fix and was working normally, but stopped working out of nowhere. What do I do?
hi mr.evo
thank you so much for your help and patience….i think your design its just great, the only thing i would like to change is the height of the header, i think its like 200px. I found the heigh of the menu that its 44px but the height of the header i did not find it. Can I change it ? I would like to have it like 30% less than the current one.
@Edgardo: adjustment of the header-wrapper What is the height of the boys?
@Toby: i wanna use an image instead of the text in the header, the image’s height is 120 px
@edgardo: height specification is not carried out at header-wrapper.
Please add the image of heght:120px by edit of the title of the page of a page element.
Hello,
I found your template very nice and I adopted for my site.
Unfortunately, the tags span class = fullpost are not enabled.
Here is the beginning of my message. And here’s the rest.
My texts are very long and I need it.
What code should I add and where?
Thank you.
P.S. : I’m french… sorry for my english.