White-magic new gallery blogger template
White Magic is a minimal gallery theme originally designed by Bloggerzbible keeping in mind maximum needs of the users. Its an simple design with cross-browser compatibility.
Check the demo below:-Features
- Clean minimal design
- Maximum feature that usually bloggers need
- Clean Gallery view
- Cross browser compatibility
- Widget compatibility
- Pagination widget
- Three column footer
- Advertisement ready
- Drop-Down menu
- Title and Description compatibility
- Flickr showcase compatible
So as you can see the theme is full of features
Customizations
1. Adding the Navigation- To add the navigating menu go to dashboard>>design>>page elements. There you will see the widget named “Menu”. Click “edit” and add the following code to it.
2. Adding Flickr gallery to footer – To add flickr gallery to the footer just paste the below code in the widget option (HTML/JavaScript) after replacing the code in bold with your flickr UserID.<div id="primary-nav">
<div class="menu-main-container">
<ul id="menu-main" class="menu">
<li><a href="/">Home</a></li>
<li><a href="#">Blogger Themes</a></li>
<li><a href="http://whitemagicdemo.blogspot.com/p/archives.html">Archives</a></li>
<li><a href="#">Photoshop</a>
<!--Start Code for Sub menu -->
<ul class="sub-menu">
<li><a href="#">Topography</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Techniques</a></li>
<li><a href="#">Brushes</a></li>
</ul>
<!--End Code for Sub menu -->
</li>
<li><a href="http://whitemagicdemo.blogspot.com/p/portfolio.html">Portfolio</a></li>
<li><a href="http://whitemagicdemo.blogspot.com/p/about.html">About</a></li>
<li><a href="http://whitemagicdemo.blogspot.com/p/contact_05.html">Contact</a></li>
</ul>
</div>
</div>
<div class='flickr_wrap'>
<script src='http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=UserID' type='text/javascript'/>
</div>
3. Adding the Navigation widget – To add the navigation widget just visit the tools option above in the navigation on this blog. In the tools go to “Page navigation Widget’ and add the widget to your blog. The CSS will automatically work for it.
4. Adding the sponsors – Use the below code to create sponsors widget on your blog
<ul class="sponsors">
<li><a href='http://marketplace.tutsplus.com/user/jdsans'><img src="http://envato.s3.amazonaws.com/referrer_adverts/tutorials_125x125_v1.gif" /></a></li>
<li><a href='http://themeforest.net?ref=jdsans'><img src="http://envato.s3.amazonaws.com/referrer_adverts/tf_125x125_v5.gif" /></a></li>
<li><a href='http://graphicriver.net?ref=jdsans'><img src="http://envato.s3.amazonaws.com/referrer_adverts/gr_125x125_v1.gif" /></a></li>
<li><a href='http://codecanyon.net?ref=jdsans'><img src="http://envato.s3.amazonaws.com/referrer_adverts/cc_125x125_v1.gif" /></a></li>
</ul>
This was about customizing WhiteMagic. If you find any problem with the template please do tell us by leaving a comment below.
Another Great Template Well Done !
Thanks for the wonderful template.
Best regard from Germany.
Thanks @ Paul Crowe and @ Mama Matunda
with white theme color...its so smooth
nice nice nice^^
Beben si bloglang nu ganteng kalem tea \m/
Thanks beben
i have read all your article...great tips and tut posted my friend (may be i'll promote your blog in my post someday...hihihi just wait) ;)
keep post yah^^ \m/
Beautiful!!!
the image for each post comes only half way when opened in IE 9 ON THE MAIN PAGE.
Can you pls help me edit this template i tried myself but it didn't work out
Hey :) Love what you did for this template. Simply beautiful :D
I just want to know, how do I make the pictures for my posts middle? It doesn't seem to go to the middle.
Thanks
You can easily align it using the post editor options
Yeah, even when I put it in the middle in the post editor, it's middle in the editor but when publish, it's not.
Can you give the blog url
Hello.
This is my blog's URL
http://jessiecjc.blogspot.com
When you click my entry post, the pictures doesn't sseem to go to the middle when it's already center in the editor.
Help please :)
Hello, Jessie
Try this, Go to your template code and search(Ctrl+f) for word "separator". Below it will be code like this
text-align: left !important;
Just delete " !important" and save the template.
Tell me if it works
It didn't work. It still didn't move to the center. I'm so sorry for all the inconvenience I caused! ):
Ok, then find "post img, table.tr-caption-container" and below it will be written "block" change it to "inline-block"
OH MY GOSH! YES :) It worked!! :D
THANK YOU SO MUCH! :) You are amazing <3
ei, I have the same trouble, i did chage everything but the imag of the post is lost... can you check it?
http://revivalgames.blogspot.com/
I need help!
this is my blog http://revivalgames.blogspot.com
i want the images to be on the center not down invisible like now!
pleasee
The problem on your blog is in the post that you have created. The image is wrapped in "a" tag and the tag has property "float: right;" written with it. Just delete it and the image will get aligned
ok thank you very much, i 've solve the problem
mmmm.. i thought i did it... but no...
the image is still invisible in the square :(
mmhhh sorry for being posting all the time, it's just that i can see the images with firefox, not with internet explorer.
clean & simple..but i like it!
Muchas gracias, una plantilla bien hecha. Claro aun me falta aprender a manejar-la pero me gusto mucho. Mil gracias
Is there any way I can make text appear next to the images? In case I have a post with no image. Thank you.
You can show the text but then you template will not work in Internet explorer the way its working now
xmmm, could you please provide details on how to change this and see what happens? I know a little html to play with the template. Thank you.
is their any way you can fix this problem pls look at the screenshot here http://1.bp.blogspot.com/-qliQgO9D_0A/TYTcemWEB1I/AAAAAAAAAO0/Od_abGkVFzg/s1600/FireShot%2BPro%2Bcapture%2B%2523026%2B-%2B%2527WatchFullFilms%2527%2B-%2Bwatchfullfilms_blogspot_com_search_updated-max%253D2011-02-13T14%25253A58%25253A00-08%25253A00%2526max-results%253D6.png I know you will find a way to fix this problem and i also know that your always busy but can you help this problem i have found a similar template that doesnt have the same problem http://besttheme.net/2010/i-theme-blogger-template its called itheme pls help i am in a big trouble thank you so much for your help and pls can you send me message as soon as possible here. I will also donate 5 US dollars if you find solution thats how serious i am thank you.
Give me the url of the blog then only i can tell the problem
@ Ex Estrella,
I saw your blog and I must admit you have done the modifications quite well.
But still the text is not visible because of the script. Go to your template code and check the box "Expand widget template".
Now search (Ctrl+F) for the url "http://bloggerzbible.googlecode.com/files/autothumb.js".
Replace it with "http://yourjavascript.com/0061321122/autothumb.js" and save the template and see your blog
I don't have such a url in my html code, I searched. So far it's going well but what I can't figure out is how do I tell the code that when there is no photo (for my old posts), I want the text to be shown. And I don't get it, how can I change the size of the images? I don't want them so big. You know, I want the image left top small and the text next. I don't want all the text to be shown. I've done that with "scroll", but didn't like it.
But thank you very much for your help.
http://mybigfatgreekdiary.blogspot.com
Found how to change the image size and position. Yet haven't found how to show text when there is no image. Plus, I have a post, my latest, which has image (a big one) and it doesn't show to the front page.
You are going on great.If you didn't find that url try this.
Find "<div style="display:none;">" and change it "<div>"
Great thats it. yea. Now...sorry for the lot of questions, I want the posts in the box appearing justify not left. It's not from my post because all my posts are justified. It will just look better. Didn't find anything "left" to "justify" it.
It looks great, publish this template with these changes, bloggers with no photoblogs will love it.
Hey Bloggerzbible
my blogs address is watchfullfilms.blogspot.com
pls take a look at it when you got to page 7 it shows up differently like the one in the previous comment screenshot thank you for your help
Just make title of movie post "reagan" a bit longer and it will become alright
Hello! My blog does not work in IE, the images do not appear. Please help me!
The link is http://emporiumdigitalshop.blogspot.com/
I'm from Brazil and I'm using the google translator. Help!
Which images are you talking about
Hi I'm talking about the images of the homepage (gallery). Using IE 8. In other browsers is OK, except in IE.
HEY BloggerzBible
i was wondering if their is any way of not showing the title of post on the main page and instead put the word "WATCH" for every post like read more so the the post doesn't look weird i really hope you help me with this problem. thank you once again and sorry for to much questions
SMIT why have you changed the name to STRAW
@ EMPORIUM DIGITAL,
I have seen your blog in IE7, the images are working good. Will check for IE8 and will get to you as soon as possible
The Reason why i changed it to STRAW was that you weren't answering my messages thats why changed it to straw so you could help me out with this template. SO my question is can you change it to watch. I also changed my name to STRAW TO SMIT By the way I like your detective work.
That watch thing can't be done simply, For that the code will have to be altered. Its quite difficult
Oh ok thanks for your info but can pls try to do it i am in a big trouble your help will be appreciated
Hey bloggerzbible
can you help me with the template that you created for me i changed it back to when to the original one but the background the one when you changed it from is gone so pls if you have time help it only takes few minutes pls sorry for my mistake all you have to do is just replace the images thank you and pls send me your email so i can add you as admin and pls respond to this
Can we add one more block in our home page? It has 5 now, can we put 6 posts instead? Plus, do you have any idea for what I asked before about justifying the text in the blocks?
By the way, it's been a hectic week, hasn't it, with all those questions? Full time job. lol.
Just change the no of posts to be shown on any page to 6 by going in Page elements>>Blog settings.
And it didn't understood your "justifying" thing last time so I didn't replied for that
Oh, sory. that simple , ha. I want the text in the homepage inside the "boxes" to appear "justify", not left. I didn't find anything in the code to change it. If you still don't understand sorry for my English. The template is great.
You didn't find anything in the code because i haven't mentioned anything to appear left in the code.
The problem is in the post. There is this code
<div trbidi="on" style="text-align: left;" dir="ltr">
This is causing your text to appear left.
Remove left from this code and make it justify, then you will see the text the way you want
I see it but I change it, nothing happens, I go inside the post again and it's left again. Ok, I'll figure it out. Thank you.
Now, there's another question for you. Can we put the post title in the top of the boxes instead of the bottom?
No, its not designed that way
Would you know how to fix my posts to where they show up together on the pages? Right now it only shows one post per page then on some it shows 2 or three... here's the link so you can see what I mean http://www.letitialanephotoblog.com/
Thank you so much for your help and time!!
@ Letitia
Just change the no of posts to be shown on any page to 6 by going in Page elements>>Blog settings.
i love this...thanks so much! here is my blog
http://conversationartstudios.blogspot.com/
i cannot figure out how to get the image to appear on the front page? there is just a little bit of it on the bottom of the square that shows. I have tried to read through the past posts on this matter, and have tried a few things, but nothing has worked...any tips?!?!
thanks =)
Hi, my blog is http://conversationartstudios.blogspot.com/
the images in the box on the home page just show a tad bit. they show full frame once the post is opened, but just not on the main page.
how do i fix this??????
thanks!
Trying to use this template for my photo blog but all of my images wouldn't show in the preview panes on the home screen - they were getting cut off. Tried looking through the comments above to find a solution and looking through the html to find something out of whack but didn't find anything. Then, I clicked on your demo link above and realized I'm seeing the same thing on your demo. I noticed I had an error on my IE page and when I looked at the details for the error they were all on Line 29 - don't know if that means anything to you or not. Wondering if maybe this template doesn't work on certain version of IE or something or if there's just a line of code I'm missing somehwere or something. Let me know what you suggest.....thanks!
@ conversation art,
You are right, this template is not proper for use in IE. Actually the script I have used for this template doesn't work for IE but work for all other browsers.
Sorry for this bug.
And about the image looking TAD. Its because of the script. The script makes the images look smaller on the homepage. You can't fix this.
@BloggerNetwork: Hi, your template is very good, demo looks superb, but I have an issue..
look this: http://modneoko.blogspot.com/
I test your template with Mozilla, Safari etc.
Main page is ok, but the second one display error in template, you can see it on the blog.
The picture from the post "test.jpg" is no url to the post(second page), but the url to the picture..
The same theme here: http://whitemagicdemo.blogspot.com/ and here: http://modneoko.blogspot.com/
Problem with settings or...? I'm waiting for your reply:)
The image will have url of the post only on main page but on the second page it will become url to the picture. There is no error, its the script that makes it this way
it's wierd what you wrote, second page:
your demo:http://img818.imageshack.us/img818/3917/onejk.jpg
my blog:http://img857.imageshack.us/img857/9771/twog.jpg
My blog on the second page display the same link: http://modneoko.blogspot.com/
Your: http://whitemagicdemo.blogspot.com/search?updated-max=2011-01-31T20%3A50%3A00%2B05%3A30&max-results=6
I may be wrong, thanks for fast reply :)
Ok now i get you. You are talking that on clicking "older posts" the link on the top remains the same.
There is no problem with my theme, its the Blogger with the bug. You can find the same bug on my blog or Blogger official blog(http://buzz.blogger.com)or any other blog.
I can't fix that
Hello! I love this blog template, thank you! Is there any way to change the code so that when the viewer clicks on the image it directs them to the blog, not just a larger version of the image? You can eventually get to the blog if you click on the words below the image, but I am afriad I loose the users interest... your help is appreciated! Thanks - Sheena
Which browser are you using, and from where did you download the template
IE 8, http://bloggertemplateplace.com/2011/03/whitemagic-blogger-template.html
Also, what is the beginning and ending of the 'search' code? I want removed? Thank you for your help!
IE 8, and I downloaded from: http://btemplates.com/2011/blogger-template-whitemagic/
I noticed today that the 'tags' section cuts off on the right border side.
Thanks for your help! - Sheena
Re-download it from my blog and see the result
Perfect! Thank you :)
How do I modify the code so that the images displayed for each post is center-cropped (instead of stretched to fit)? I like how the images on the "popular posts" sidebar are cropped and not stretched.
http://wehearteating.blogspot.com/
Thanks in advance!
It can't be cropped like "popular Posts" widget
Lovely template! Thanks a lot.
bottoms facebook, twitter, etc. ???
Good morning!
I have a problem: the template can be seen well with Safari, but the images of the post in the Home page can not be seen with the browser Internet Explorer!
Why? What can I do?
Thanks
From where did you download the template????. From my blog or any other
From btemplate a month ago.
However, the template was slightly different from this: http://btemplates.com/2011/blogger-template-whitemagic/
Without the gallery Flickr.
That's an old version of template. I made some changes and has added a new version on my blog. Please redownload it and it will work just fine in IE
Ok, I try and tell you if everything is resolved.
Thank you very much!
I tried and it works wonderfully well! Thank you!
Is there any way to edit the image that appears on the home page -- even by creating a different image -- so counteract the distortion on vertical images? The stretch and shrink to fit are giving me problems.
Hello,
I'm wondering if you can help me. For some reason the date is not showing up above my posts. Thank you in advance.
Jana
http://yourinvites.blogspot.com/
Hi Holly,
Sorry there's no way till now to do what you are asking. Try keeping the image's length and width proportional
@ Your Invites,
Go to design>>page elements>>blog posts(edit) and select the third option.
Thank you so much for your reply. I have the date option selected but the date is not showing up on my posts. Is it possible some code was deleted when I was customizing the template?
Maybe your right,try reinstalling the template
Is there any way I can get this type of layout without the gallery option. Like, if i could delete the gallery option and just have it as a plain blog....
Sorry , it not possible now but may be in future i will provide something like that
hi, thanks for the template, its realy nice.
i only want to know, how i can repair this?
http://oi51.tinypic.com/2vlm7vp.jpg
tnx!
Remove the social bar and it will become normal again
Oh, I thought I just posted a comment but it hasn't shown up. Sorry if this gets double posted.
I love this template a lot! :D
I was just wondering if it would be possible to make three columns of posts and remove the sidebar? Or is that too difficult.
It's alright if it is, thanks anyways.
And thanks for the awesome layout! :D
Hi,
I want to add matadata and a favicon to my whitemagic template (www.ineedalogo.com.au) ... can you help? I love the template !!!!
How do I modify the template so that you can click on the image (from the gallery homepage) to get directed to that post?
Thanks in advance.
Firts I tried Elegance template then i found this one. For me is better because the images gallery are bigger but here there no option to add more images per page?? It would be great. And also I agree with "the accident dad". However it's a really simple and beautiful template.
Is there a way to keep my images on the main page from becoming distorted??
lillianannephotography.blogspot.com
thanks!
Hi Jennifer,
I'm am working on that project,currently there's nothing that can be done
Nice theme, but somehow the align of the posts in the first page (index) isn't working. I'm really having margin/padding problems between the post of the first line and the post of the second.
Would you please help me?
Here is the link: http://www.novatosnomac.net
Its looking fine
OK only one question. In the posts you have the option to show sharing such as +1 and Facebooks like. However even though that is checked they do not show up on the blog posts.
http://www.inlightimagery.com/2011/08/in-black-and-white-frame-of-mind.html
Also the actual post space is exaggerated, there is lots of blank space. Is there any way to fix this?
Thanks
Thanks a lot for the great template!
A friend of mine have been using it for a while and recently the images have started to be shifted or not showing up. Can you please take a look and give me a tip what the problem might be. Here is the link:
http://gigitogirls.blogspot.com/
Thanks a lot in advance for your help!
Hi,
First off great template, thank you. Really enjoying it. Second are my questions. My Menu and Header don't sit (float) on the same horizontal line. Also I cant get your Flickr badge to work. I've tried other widgets including Flash based ones which do fine, and lastly the BloggerzBible widget I cant do anything with it, it asks to configure stream but theres nothing there.
Here's my blog ~ http://martinvarallo.blogspot.com/
Any thoughts and help would be gratefully received. Thanks again for all your hard work.
Cheers,
Martin
Hi,
I have been using your WhiteMagic template for a while but I have also recently had problems with it not displaying the pictures in Explorer. Can you help? www.janeconnory.com
Thanks.
Hai my fried
Your works its greats, i like edit this template. so when i create " a big post title " ,the title area move down so the gird alignment change , check my bloge http://allradioinone.blogspot.com/
i want fix size post title are in home page .how can do it
please help me . I wait your reply
Jeomex
Dubai
Hi
First of all, great template! love it!
Am wondering if you could help me with the pics on the main page that seems stretch.
http://the-deelirium.blogspot.com/
And when i click on an image on the 1st pic on every post, the menu (home, about etc) still appears.
http://the-deelirium.blogspot.com/2010/02/new-lipsy-topshop-black-sleeveless-top.html
If the stretch photo is undoable, will changing to your "Elegance" template be of any help? will the picture still appear stretch?
Look forward to your reply.
Thanks in advance for your help!
Kind regards
Dee
Hi Dee,
If you want the images not to be stretched on the homepage then its not possible in both current template and elegance but is possible in my premium template "portfolio".
And the problem regarding appearance of menu that can be solved
Hello
I have a problem in the template.
Thumbnail is not being aligned properly on the 3rd page.
Demo Site where template is applied:
http://wallpaperstreasure.blogspot.com/
Screenshot:
http://i.lulzimg.com/faba596cab.jpg
Hope you will help soon.
Yea got that working by making the post title bigger but isn't there any way so that I don't need to do that again?
Is there any way to edit the thumbnail height and width?? Please reply
Hi.
I love the template.
Did some changes myself( for the first time)
Wanted to have a bigger preview of every post.
Everything is working well, except the preview of the images. Can´t change to display them bigger or in the center of every box.
Can you please help me.
http://pasarela-lovefashion.blogspot.com/
Hi Pasarela,
The images are made smaller using JavaScript, So for that the JavaScript need to be changed then only the size of images will change
Thank you for your answer.
Is it possible to do that?
How can i do that?
Can you make however effect this post in home page
Hi admin thanks for informations, my proble is this, in home page when someone click to post image i want it open post url not only image.is it possible? thanks