Showcase Light - Free Premium Gallery Style Blogger Template



Due to the success of Showcase, I got many great feedback on that type of template. I know that you guys like this kind of design, and some people like lighter colors than darker colors. That's why I made Showcase Light, as nice as Showcase, but light!


Features:
  • Gallery Style
  • Well designed graphics
  • White / Light Gray / Blue
  • Custom comments, Blockquotes and Lists
  • Automatic Thumbnail
  • Clickable Thumbnails


Fix for the JavaScript File

Note: I have uploaded the javascript files for the thumbnails on a new server/
Just go to your Dashboard > Edit HTML. Click Expand Widget Templates, replace this line:

http://dl.getdropbox.com/u/1693834/javascript/summary-post.js

For this one:

http://bloggertuts.googlecode.com/files/summary-post.js

After doing that, look for this line:
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
And replace it for this one:
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

Save it and enjoy!

Credits: This fix was made possible by an awesome user of mine, Kelly Mesa from Kelly Studio.

Learn how to become a good blogger with Testking 640-802 course! Download Testking 642-813 tutorials and Testking SY0-201 demos to learn how to create attractive wordpress themes for your blog page.


90 comments:

Post a Comment
Anonymous

Hello,

what does this mean written in some sites at the bottom

Valid XHTML and Valid CSS

Dante Araújo

Hello, It means that the website is valid according to the W3C web standards.

Please look for more information here http://validator.w3.org/

Regards,

Dante Araujo

Elisei Miron

hello! very very nice template! can you help me with put this type of post show into my blog template? www.eliseimiron.com

Dante Araújo

Hello Elisei,

I am sorry but I use comments just for helping my users to solve minor problems with intallation or use of my templates.

In your case I would recommend you to check out the Premium Services section. Click the big black button on the top right of this site.

Regards,

Dante

KUNNNNNNNNNNNNNNNNNNN

Really Elegant Templates.. Thanks For Created This Special Template

ﻰﮕﻰ•TanoG•ﻰﮕﻰ

Hola Dante
TE cuento que las plantillas Showcase no funcionan bien, hoy día, en Blogger.

Algún consejo para corregir esto!

Estaría agradecido por tu aporte!!!!!!!!!!

Horacio

do not see the menus on the side of the blog just below.
MEMORIES

Dante Araújo

The Live demo is working fine and the sidebar is just in the right place, Try to reinstall the original template.

Ben

Hi, I got problem with the background behind pictures on each post. It uses http://www.predictad.com/images/skins/mclassic/seperator.gif

Thanks for the generous help.

Dante Araújo

Hi, Did you add that background yourself? I am not sure what the problem is, please enlight me! :)

Laglines

Hello Dante :D

I really love this template of yours. I have spent the whole day doing a new heading for my blog and so on, but I have got a problem.

When I signed out and I went to see how my new blog looked like, I could not open/load up the little square. By square I mean the places where you see the name of one of the posts and its picture. When I click in the title, nothing happens. I cannot open a new window to read my posts.

I have done what you advice in "how to fix problems with the thumbnails", but I am afraid that it does not work. Maybe I do something wrong because I am very new at creating a blog.

Anyway, I would be very thankfull if you could give me some thoughts about what the problem can be.

Thanks a lot!

Anonymous

Dante! me encanta tu plantilla, pero tengo un problema.

Una vez la guardo y cierro sesión, la página principal de mi blog sale bien, pero si quiero pinchar y acceder a las diferentes entradas, es imposible hacerlo. La página se refresca y sigue en la página principal.

Es normal? qué hago mal?

Dante Araújo

@Albert, I would recommend you to go to your blog settings on your dashboard and check if you have enabled the "Post Pages" option.

Laglines

Hey Dante!

Thanks thanks thanks a lot. That was the problem. I had not enabled that option.

I am going to post a new entry and to recommend your templates and advices!

Good work and I will keep on visiting your website to improve mine. You make a dead loss at computers like me be interested and thrilled about blogging and so on.

Congrats!

Anonymous

Hey there, love this template!

Where in the HTML would I put the following code?

script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/

Thanks!

Dave

Hey, I'd also like to know how to use the Tweet Meme thing above.

Is there any way to get more preview thumbnails on the main page?

Cheers!!

Dante Araújo

@Anonymous, Insert the code whereer you wan to show the tweetmeme button!

@Dave, Go to tweetmeme website and get detailed instrucitions there, it's perfect. To show more thumbnails just go to your blogger setting on your dashboard and set how many posts you want to be shown on the main page.

James

Hi there! I found your site from Google and am really taken back by your themes, I love them!

I was wondering if it would be possible for me to change the size of the thumbnails created, to something a bit less wide? I am not sure what would happen to the title text and if it would extend over the picture though.

Thanks very much!

Dan

Sup Dante. Y'know how your script takes the first image from each post and makes a thumbnail, it seems to also take other scripts to the home page. I post a javascript code in each one of my posts so that you can't scroll down, i do it on each post so that it doesn't affect the home page, however it IS affecting the homepage somehow. Do you know how and why?

Thanks! :):)

Dante Araújo

@James, Yes it's possible, feel free to edit the css code of this template to fit your needs and make your bloggin experience much better!

@Dan, I am sorry but I am not so savyy with javascript :/ I just place them on my templates to make use of its wonderful features... But I don't understand them very much.

Anonymous

Hi again, I was just wondering if you could quickly recommend the best ways to speed up the blog using this template. It seems to take a while for the images to be resized for the thumbnails, so is there anything I can do to make this quicker?

I am just sorting out the little bugs before everything is perfect, which I am sure it will be as this template is amazing! thank you :)

Dante Araújo

I think the only thing that makes this template a little slow is the external javascript used to create the thumbnails automatically, Try to host it on a personal or faster hosting service!

Sandro Marcos

Dante, this template rocks, very good work. The best templete in this style.

Dante, pelo seu nome penso que entenda português, abraços do Brasil!

Dante Araújo

@Aramark valeu cara! Abraços

Sandro Marcos

Dante, I'm using this template and I want to put a background image in the titles of the widgets at the sidebar. This background image will be usefull to organize my sidebar in sections. can you help me to do that?

Dante, perdoe o Inglês mas o que quero é por uma pequena imagem como fundo para os títulos dos widgets na sidebar. Gostaria que sempre que adicionasse um widget, seu titulo viesse com essa imagem de fundo automaticamente como vemos em muitos templates. Pode ser um background com uma imagem ou cor diferenciada para deixar bem separado. Como por exemplo na temnplate Viluxus. Pode me ajudar por favor? Obrigado

Dante Araújo

@Aramak, basta criar a imagem... e para adiciona-la ao seus titulos de widgets, edita a segunite classe no css:

.sidebar h2 {
}

Sandro Marcos

Dante obrigado, achei a classe CSS aqui e editei, só que a imagem não está preenchendo toda a extensão da sidebar, ela fica meio que centralizada, deixando pequenos espaços em branco na esquerda e na direita. O mesmo acontece quando coloco uma alguma cor como background dos titulos. Alguma sugestão? Obrigado pela força!

Dante Araújo

Me passa o link do seu blog para eu dar uma olhadinha no codigo dele e te ajduar a resolver.

Sandro Marcos

Ok Dante,

http://templates4ever.blogspot.com

Dante Araújo

Preciso que adicione o código no css que havia adicionado antes, preciso ver o problema com os meus proprios olhos ;)

Sandro Marcos

Dante, codigo adicionado. Pode ver o problema agora. Adicionei uma cor como fundo dos titulos. Vej lá adicionei a tag background lá no sidebar h2.

Dante Araújo

saquei o problema, vai ser chatinho de resolver pois o Showcase Light utiliza um ícone específico para cada tipo de widget, e cada um eu editei no css individualmente.

Você tera que procurar por todos eles no código, exemplo: ".BlogArchive h2" entende ? Esse por exemplo edita o h2 somente do widget arquivo, etc.

Abraço e boa sorte

Sandro Marcos

Ok Dante, entendi como é. Vou tentar aqui. Valeu mesmo a força.

Sandro Marcos

Dante, epero não estar te incomodando muuuuuito mas se puder me esclarecer outra coisa: Como faço para colocar este divisores de sidebar como tem aqui no seu blog? É o que aparece como sidebardivisor no Html. Se puder ajudar muito obrigado!

Sandro Marcos

Dante, tomei a liberdade de analisar o seu Html e já descobri como adicionr o divisor. Agora é só criar um meu e adicionar. Obrigado pela força!

Sergio Esteve

Hola Dante
Obrigado por la template
La he usado para un blog de dibujos para mi hijo Gabi

dibudibujar.blogspot.com

Saludos desde España

ﻰﮕﻰ•TanoG•ﻰﮕﻰ

Ayuda!!!!!!!!!!!!!!! las plantillas de showcase y showcase ligth funcionan mal. Dante por favor algún comentario, ni siquiera el live demo funciona bien, ¿qué pasa?

Urgente!!!!!!

Dante Araújo

What is hapenning ? What problem are you getting ?

Anonymous

Hey Dante
Tem como eu colocar um pedaço do post (preview) no lugar onde ta o numero de comentarios, abaixo da imagem?

Dante Araújo

Substitui os seguintes blocos de código pelos respectivos:

.post img {
background:#E2E2E2 none repeat scroll 0 0;
height:209px;
margin-bottom:0;
padding:0;
width:278px;
}

.post {
background:#E2E2E2 none repeat scroll 0 0;
border:1px solid #E2E2E2;
float:left;
height:435px;
margin:13px;
overflow:hidden;
padding:5px;
position:relative;
width:278px;
}

Pronto :)

brian

hello, and thank you for this wonderful template. i have a 'problem' - i understand that your template will resize the thumbnail on the blog homepage, that is fine. however, if i insert a code for pictures into a blog post and they are too wide, something in your template stretches the picture(s). is there any way around that? thank you!!

Mario Arévalo

no trabaja con internet explorer al igual que dreamy :(

me da este error en tu demo al igual que en mi plantilla:

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; MSN OptimizedIE8;ESES)
Fecha: Sat, 10 Oct 2009 19:34:05 UTC


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Mensaje: Unknown runtime error
Línea: 38
Carácter: 2
Código: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js

flora

I'm getting this error on my blog when display on IE8, the thumbnails do no work correctly, only the title can press but the image do not link into the post.



Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; (R1 1.6); SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; FDM; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2)
Timestamp: Mon, 12 Oct 2009 06:31:15 UTC


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Message: Unknown runtime error
Line: 38
Char: 2
Code: 0
URI: http://dl.getdropbox.com/u/1693834/javascript/summary-post.js

Dante Araújo

Are you using the last version of this template? With updated JavaScript?

I guess I will have to find a solution for this...

Dante Araújo

Important: If you are having problems with the "summary-post.js" file, here is a new URL for it:

http://bloggertuts.googlecode.com/files/summary-post.js

hi

This is the WMX verification file. If you are having problems with the WMX verification for your blog please visit http://help.blogger.com/bin/static.py?page=start.cs

Adsense templates

Really nice template! i use her now ;) thx Dante

Anderson Batata

Tem como diminuir as colunas das postagens.

Marta

Olá Dante, adoro este teu template e estou a usa-lo no meu novo blog (http://marta-rog.blogspot.com/). O problema é que tento criar um link na imagem, quando clico para abrir essa mesma imagem na página inicial, ela abre-me para o link e não me abre o post. Não sei se alguém já te tinha avisado deste problema. Existe maneira de ultrapassar isso? Obrigada.

@mestrememe

Dante estou com um problema no meu blog, as imagens do nada passaram a ficar cortadas nas thumbs da pagina principal, pode me ajudar?
www.reidoebook.com
email: alexandrechahoud@hotmail.com

Alternativ3 Media Group

Thanks. Muchas gracias. Good work...but how come the thumbnails does not work with blogger image upload...just wondering any tweak for this.

Chad

Hello Dante. I want to thank you for sharing such excellent templates with everyone.

I am currently customizing this showcase template for my Blogger profile and I am curious if you could provide an answer or a fix for me...

I would like to limit the amount of the post title that shows on the front page of my blog. Some of my post titles are very long and they cover a lot of the image, so I would like to have the post title cut off after a certain number of characters and end with a "...".

Do you know how I could work that into this template? Thank you for any help.

Zeus

Dante:

I have a problem with the template, youtube videos appear in the main page, the one with the multiple pictures. It is like the post section es merged with the main page onli by the youtube video, and keeps appearing. Sometimes the appear at the bottom of the main page and sometimes (or when i click on them) the appear roght on top of the pictures.

Please help me, i've tried everything and i can't solve the issue.

example:
http://miedocinema.blogspot.com/search?updated-max=2009-10-20T15%3A21%3A00-03%3A00&max-results=6

mail: alfe_rs@vtr.net

Sid

thank you, nice template adn really help!!

Vani Muthukrishnan

The template is really wonderful. But my image size is bigger and only a part of the image is visible. How do I have to fix it. Please help.
http://sanskarbharatirangoli.blogspot.com/

Anonymous

Hi, Thanks for the nice template.

Is that possible to have this template with Post Title, Label & Comments above the photo?

Can you teach me how to do that?

Thanks

Anonymous

Привет! Огромное спасибо! Много времени потратил на поиски подходящего шаблона. Данный вариант шаблона много у кого есть но, он с "глюком". У тебя шаблон - работает на 100%!
Россия, Роман.

Jordi Tunica

First of all, thanks for your templates. Maybe my problem is not so big and you can solve it quickly:

When I click the image of the post, it always takes me to myblog.com/undefined, which doesn't exist.

You can check my blog at: http://viatgepercatalunya.blogspot.com

Thanks for all,

Aurora Studio

First of all i'd like to thank you for all these wonderful templates. Please excuse my ignorance, I just cannot figure out how to put the quick edit feature on individual post. I cannot see the feature. can you/anyone please help? thanks

Esteban

Dante, cómo puedo evitar que las imágenes de los posts se distorsionen?

Las miniaturas se estiran y no quisiera eso.

Mi blog es: http://pesretro.blogspot.com/

Precioso template!!

Mitsoulas

Hello i have the same "thumbnail" problem. When i click on the picture it says "Undefined". I tried to change the method createSummaryAndThumb(pID, pTITLE, pURL) to createSummaryAndThumb("summary","","") but then i got bigger pictures...

Any help please?

Anonymous

Hello, here is a problem , when I load this theme then image opens allways, how link image with post title or with url. please help

peter

How in the heading on the right to add a widget,
Please guide, thank you
http://weimemo.blogspot.com/

Jay Goiana

Hello Dante,

I am using the showcase light and would like to know how to remove the edge that is added to the picture post, please help me please

thehebs

my blog

http://www.lucu.us/

thehebs

hai mister dante,

i modified your show case to include header.

please lemme know how to make each post category become sticky.

my frontpage showing the last 10 post instead of category.

thanks

Free Blogger Templates Blogspot

Great photo or portfolio blog. Good work! I have added it to my list of quality templates

thehebs

hello,

I want to:
- disable click onthe thumbnail so visitor should click on the title of post.
- as i use base href = open new window, i wann to make click on next (older or new post) in the same window.

Please kindly assist me.

Thanks
http://www.lucu.us/

Free Blogger Templates Blogspot

I like this template a lot and I am using it myself as well as recommending it to my readers. Please check out my article at Free Blogger Template Showcase Light

Anonymous

Hey Dante, thanks so much for the template, editing is easy, look out my web: http://shurdescargas.blogspot.com

Kunal Sharma

Superb Work Yaar...Superb...I Want to Contact u ...plzz Contact me @ k.sharma1994@gmail.com

Cheryl

Hi Dante

Thanks for sharing this awesome template with us!

I'm trying to add a 'Tweet' button and a facebook 'Like' button after each post header. But I can't find the right place to post the codes to.

None of these codes seems to be exist in my Showcase template:


""

or
"<div class='post-header-line-1'/"

Can anyone please help? I would be most grateful!

Anonymous

Exelente trabajo

Anonymous

Hello Dante, I love this template! The only thing is, if I click on an image on the homepage, it opens a larger version of the image instead of going to the post page. If I click on the title of the post that's on the image, it works fine and takes me to the post. I see that your demo version has the desired behavior, but it is not working for me even though I downloaded the latest file and made sure your changes were included.

Thanks in advance!

http://eye-fone-fotos.blogspot.com/

ΜΙΝΩΑΣ ΚΡΗΤΑΓΕΝΗΣ

very nice template.with te normal blog posts everything ok.
only one major problem with the static pages and the read more function.please reply with the fix

Anonymous

Hello....I love your Showcase Light Template and using it for my blogs, but how to remove ( Home - Posts RSS - Comments RSS - Edit ) from header since I dont know the language and I dont need it. May you help me? thx .

è

Awesome template!

But I have a problem, its probably very simple, but nonetheless I been trying for quite some time now and I cant get it to work....

I want to replace the comment on each post with the label/tag of the post...

Could you please help me?

Reagrds

Unknown
This comment has been removed by the author.
Unknown

Excuse Me Mr.Dante... Your template were awesome. I've set it up and it works like a charm. Thanks 4 your kind contribution for us who knows nothing about creating those kind of template.

If you had any time to answer my 2 questions...

1. If i add an extra gadget above the Subscribe gadget, the colour is not same as the one in Last Work gadget, what can we do to make the same effect if we add an extra gadget above Subscription gadget and under Favorites Gadget.

2. I edit the horizontal menu with my own pages that i created using blogger pager feature, but it displayed just like the Homepage, what needs to be done to make those pages just like an ordinary page.

Thanks 4 your time answering my question, and to other users of this template, i bet your also going to need Mr.dante's answers about my questions.

Best regards.

Unknown

Sorry for another Question Mr.Dante

How to re-enabled the sharing features on post, cause i cant see any sharing options eventhough i did activate those features in the design-page element- post properties.

Thanks.

Unknown
This comment has been removed by the author.
Model Sendal Terbaru

Dear Mr.Dante,please please please show us how to remove automatic thumbnail in static pages, because the pages that we created in blogger just look like the homepage.

Какво-Къде

Hello, I really liked this theme, but I have a problem and almost give up. I have videos on my blog and when I tried this theme on my test blog it appears that if a post contains a video from utube for example the link to it cannot be reached. Pics and text posts are fine, but only videos couses this. The button to click the post stays behind the video. I don't know what to do :(
here is my test blog http://greenstores.blogspot.com/

hubhit

Nice professional gallery template.

Admin

There's a problem in static pages, could you please solve this problem...

Thanks..

Pavo

Hey Dante. Great Template.Thank you very much!
I have one question, Is there ony way to make thumbnails also for videos? Atm it doesn't work for videos what makes me little sad:P:)
You can see my problem here: http://babony.blogspot.com/
Do you have any idea how to fix it?

regards, Pawel

Attila

I just downloaded it.Works well,thank you!

Juan Carlos Corral

Hola, muchas gracias por compartir esta gran plantilla, he colocado todas las imágenes pero cuando se hace clic en ellas da error y pone que no existe la página. Solo salen las fotos si se pincha en el título. Qué puedo hacer?

Unknown

MY FRIEND
Can you putt label in the place of comment in home page [no need comment ]

H8artist

dante, could you pls post js on template itself?

Post a Comment

Grab the feed for followup comments!