Due to the success of Photoplus, I got many comments on it, and a lot of people were asking me to make a lighter version of it, so here's it! I tried to use a different style of design, keeping it clean and minimalistic, but not less professional.
This template is for photography only, so if you need to show texts or anything else, It will not work.
I also would like to thank CSS Reflex for this great tutorial.
How to post on Photoplus Light
Your posts on photoplus should be only an image tag. This means that the title will not be shown on the main page, it has only SEO purposes. Same thing with Labels, It will serve you only to organize the main menu.
Here's the post model:
<img alt="A description of the image goes here." longdesc="LINK_TO_THE_FULLSIZE_IMAGE" src="LINK_TO_THE_THUMBNAIL" />
Note: The thumbnail size should be 187x128 pixels.
I recommend you guys to save it as post model, it will make your life easier.
Features:
- Photography
- jQuery Special Feature
- Web 2.0
- Easy to customize
- 3 Column Footer
- Minimalistic
- White
Like it? Share!
Subscribe
109 comments:
Post a CommentO mesmo background do "Scrappy", mas mesmo assim ficou awesome!
so clean
thanks so much!
your work is amazing :-)
I'm an artist, can I use jpeg images of my art that have a title as part of the image instead of photos?
Yes you can!
olá Dante,
desculpe o comentário fora do sítio..
precisava de ajuda.
misteriosamente os meus widgets de "seguidores" e de "comentários recentes" aparecem em branco...nada nadinha, o conteúdo dos widgets teima em não aparecer.
conhece alguma solução para isto?
uso o blogger e o meu blog é www.vaiumagasosa.com
um abraço e muito obrigado
antónio
portugal
Me parece que o problema está resolvido? Um abraço!
olá Dante!
não, infelizmente não está. eu só tirei o widget porque não fazia sentido ali tê-lo vazio.
agora voltei a colocá-lo para poderes ver.
se tiveres ideia sobre o que pode estar acontecendo diz qualquer coisa.
um abraço e obrigado
antónio
Olá Dante! Sou Brasileiro e fã do seu trabalho!
Dante, por favor, estou testando aquele template criado por ti (showcase), e ontem começou a dar problema para exibir as a pagina inicial com as imagem (thumbs)... não sei o q mudou no blogger, mas o template na está funcionando perfeitamente! naum fiz nenhuma alteração do css original!
gostaria da sua ajuda! agradeço desde já! e parabéns pelo trabalho!!!
Julio Signorini
meu blog é http://narizeu.blogspot.com
email juliosignorini@gmail.com
can i post this template on my website i will give full credit on www.cm.vc thank you for making it.
@Julião Signorini, Visite o post do Showcase, eu já postei como concertar este problema ha algum tempo, talvez te ajude!
@gasosa, Infelizmente eu nunca vi nada parecido, eu te recomendo tentar contactar o pessoal do @blogger através do twitter, eles costumam me ouvir por lá!
Um abraço.
boas Dante!
obrigado pela dica...vou tentar.
pelo que descobri é um problema documentado e a google tem o caso detectado...
http://www.google.com/support/forum/p/blogger/thread?tid=3c3340dbeaf28344&hl=en
vamos ver o que dá..
abraço,
antónio
Hola Dante, gracias por tu excelente diseño !!! Quería preguntarte, si será posible hacer que muestre el "thumbnail" como indicas, pero que me dirija a un video, en lugar de otra foto fija. O si sabés cómo se puede hacer.
Desde ya muchas gracias,
Roque
Hi Roque,
I am already working on a video template, expect great news :)
Thanks, and realy congratulations for your job. I'm wating for your "video-template".
Roque
me hya gustado mucho este tema y he puesto un post en mi blog de fotografia, plantila que tambien es tuya
http://lafotografiahoy.blogspot.com/
great work dante... great template.... but i have a little problem...
i've uploaded the templates... worksm but i dont have the option to click o a photo and the photo to maximize in the same page... i dont know what to do...
it works in the demo page... but on my blog doesnt =/
waiting your answer...
best regards
hey... great work dante... i like this template... and i`m using for my blog, but i dont have the option like in the demo ... to click on a photo and the photo to maximize... i dont know what to do... please help me...
best regards..
z.
Did you read carefully the post above, it explain exactly "How to Post" images on this template.
Regards,
Dante Araujo
Hi! I was using your old version. What's new with this one? Thanks for your FREE template!
It's the same features, only changing the look! I've made it for those that wanted lighter colors!
how do i put pics from my computer
Muchisimas graciaS POR la Plantilla es Perfecta y Preciosa, no hay palabras para agradecertelo, un saludo cariñoso
@SHEIK FIRAZ, Read the post carefully, please.
@Ipsa, De nada :)
olá Dante.
o problema era um conflito com um .js.
este aqui:
http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/
abraço e obrigado,
antónio
Olá Antonio,
Ainda bem que tudo ocorreu bem, e finalmente se resolveu!
Obrigado por contar com minha ajuda,
Um abraço
agora só tenho de encontrar outro peel effect que não dê conflito ;)
abraço Dante!
Hey Dante nice template.... The best photoblog template I've ever seen :D
But I got the problem when posting a pic that has height more than the screen....
I was using the Light one... Found it after I editing some code, so I try to reupload the theme, change to the black one. And the problem still there....
Look at the upper left photo here http://vinegrain.blogspot.com/ .....
Thanks....
@Aditya Irfansyah, Read the post instructions above and it will work like a clock :)
Damn, I found the problem.... I mistype the link in "longdesc" one.... Haha...
Thanks a lot...
Hi there... Great template!
I just have one question:
how can I remove the shadoweffect from the large pictures?
Cheers.
newer mind, I managed to figure it out: shadow=false
Ok good!
its only 7 thumbnails showing in the blog.. http://pujasnapshots.blogspot.com/
please suggest me ways to show the 15 pics..
Go to your Dashboard > Settings and set the amount of posts per page to 15.
ohk!!!
Brilliant !
Hey buddy, how are things in Natal mate? Just was checking by to see if you got any new templates.
Take care buddy.
http://Iam.RaviWarrier
Pretty good man, what about you ?
como eu coloco o menu horizontal, eu não to conseguindo!
O menu horizontal é gerado automaticamente a partir das suas categorias!
Olá,sou um pouco burra com estas coisas e gostaria de saber como colocar as fotos neste Template, assim como está no modelo… q quando se clica aparece a pagina com mais fotos e descrição
E também gostaria de saber como colocar aquelas setas nas pequenas fotos, para quando clicar nelas, elas abrirem em formato maior…
obrigado…
Hi Dante,
Well, i moved from the darker version of this template to this one. And though you did place a design credit to yourself at the bottom of the template, i thought i ought to give you credit myself - in the information box - as well.
Once again, Thank you very much. You and the person who designed the 'photografia' template have certainly produced, from what i've seen, the best blogger photography template on the net.
This certainly increases the standard for free photography templates that is just about as good as most of the paid ones out there - except for foliostop. You're certainly one of the pioneers here. Your effort certainly pushes other designers to do even better. But the credit still goes to you for starting the ball rolling.
Apologies for this long essay here, but i thought people should know how your efforts impact on template design on the net.
Oh, btw, if there's anything i can do for you. Just let me know. I'll be following your work here, and will link your site at according2ed.com as well. And to everyone who thinks my site looks great now, just remember, even though my artwork may be nice, a picture can't do without a frame that brings it out. That credit goes to Dante.
take care bro,
ed
edwinsanthony.com
I just got speechless, Thanks a lot, I really appreciate it.
hi.. anyone knows where to add "post model" stated above so that everytime a post is made.. all i have to do is just add the image link?
Thanks
That can be done by heading to Settings > Formatting > Post Template.
yey.... thank you so much.
You're welcome
Hola Dante, te escribo para preguntarte sobre el porque la plantilla no funciona bien en Internet Explorer. Tengo una página con tu plantilla y se ve muy bien en Firefox y en Google Chrome, pero no funciona bien en Internet Explorer, pues no hace el efecto de hacer grande la fotografía. Quiero preguntarte tan bien,¿cómo puedo hacer para que además de que se vea grande la fotografía, al darle click en otra área de la imagen me mande al post para que la gente pueda dejar sus comentarios?
Hola Dante, te escribo para preguntarte sobre el porque la plantilla no funciona bien en Internet Explorer. Tengo una página con tu plantilla y se ve muy bien en Firefox y en Google Chrome, pero no funciona bien en Internet Explorer, pues no hace el efecto de hacer grande la fotografía. Quiero preguntarte tan bien,¿cómo puedo hacer para que además de que se vea grande la fotografía, al darle click en otra área de la imagen me mande al post para que la gente pueda dejar sus comentarios?
is there a way to use this on my own website?
not just on blogger
i know basic html, css & javascript
but no knowledge in js frameworks & xml
so i dont know where to start, since its an xml file
any help would be appreciated
I just have tested my live demo on IE and it's working fine :), and unfortunatelly this is a template only for blogger platform. You can try to convert it to general websites, but unfortunatelly I won't be able to help you with that, I am very sorry, I hope you understan my lack of time.
Best Regards
HI dante!
thank you for this!!!
but my big photo is not in the center, its in the side...How can i fix it?
thank you
sheilla
a challenge is what makes me want to work :)
i will try to make this into general website
pls do answer 1 question, what does the "blogger platform" do to your xml? at least with that i might know where to start
Estimado:
hay alguna posibilidad de agregar texto?
por favor
gracias
Sorry, not on this one :/
Is there any way at all that you can post a thumbnail and when you click on it, it's a video! It would be very helpful, thanks.
Try downloading the BloggerTube video.
Yes, I have seen that one already but it only works with youtube. I saw you comment on there though, that you were making it work with other video players.
Olá Dante!!
Antes demais muito obrigado por disponibilizares a tua web arte gratuita online!!
Através deste template estou a conseguir um design fantástico no meu blog, e tudo graças a este template!! Como trabalho mais em vídeo, ainda está difícil de encontrar os códigos certos para puxar dos thumbnails, players do Vimeo...mas vou continuar a tentar.
Terei todo o gosto em mostrar-te o resultado final!!
Acho que vais curtir!!
Claro que os créditos não serão esquecidos!
Um abraçoe mais uma vez muito obrigado!!
Ricardo Leandro (PT)
tahnx
Hello, I am new to this, so I hope my questions aren't frustrating. :)
I would like to use the template to showcase family photos - like a photo album. Is there a way to organize the photos into groups (maybe by year or month and year)?
Also, does each photo have to be uploaded in a separate post, or can I put several photos in one post.
One more question... what size should the photos be?
Thanks so much!
Jenny
thanks Dante for the great work!
I'm facing with a little problem right here..I can't manage the pics as you did. I've tried but the result is still the same..
how did you write the post model? one after one? please show me, thanks!
hi Dante,
continuing my previous comment, maybe it's easier for you to look at it yourself (so you'll understand what i mean before)
here's the link..
http://asyrazi-photos.blogspot.com/
hope you can show me..thanks!
You got it right, but use the right thumbnail size as said on the post above.
I'm trying...I'll tell you back later..
thanks
Hi Dante!
The template es a great job! congratulations ;)
I have a question: how can photos appear in a random view?
It maybe be easy but i'dont know how :S
thanks!
pd1: sorry for my english
pd2: 501estudiodearquitectura.blogspot.com
After using this sleek template for a while, i think significant improvements could be made by including the ability to have sub-categories and integrating 'lightbox'. That, in my opinion, would just about make it absolutely perfect. But i still think it is great at present.
It would be good to have a white border for the photos as that would enable the pictures to stand out and information to be included there as well. Also, when someone has a photo which is quite dark, the black 'drop-shadow' effect takes away some focus from the picture.
The above are just some thoughts, but i will still certainly give this template a thumbs-up and in some sense still prefer it to the 'photografia' template because there might be too much scrolling with that template even though it uses lightbox. So this template is still great and striking, and enables the viewer to focus on the photos without any distractions.
edwinsanthony.com
If anyone knows how to add text to the images Id be interested to know.
Im using this as a test portfolio here: http://richardhorsfieldphotographer.blogspot.com/
Great work my friend.
I found out how to add text to the images, which appears in a Title Bar at the top of the big image.
Simply add the following to the code (title="YOUR TEXT HERE") and you will have a neat title bar at the top.
thanks so much!
your work is amazing :-)
kazam media, i saw your blog. but i don't know where to type the (title="YOUR TEXT HERE"). could u plz help me? when enlarge the picture, how come u have the 'close' icon on top? plz teach me how to do it... thanks..
É possível colocar uma borda preta nas imagens?(full size images). Onde devo colocar o código (border: 3px solid #FFFFFF)
Is it possible to put a border in full size post? Where can i put the code?
pakdhe Dante...
pakarmulyo nderek template ne... sae
nuwun sanget!
is it possible for the picture to be clicked? so the pic can be commented gituu..
any idea?
is it possible for the image to be clicked? so the image can be commented ..
any idea? :)
thanks anyway :D
Hey Dante !!!
I'm not getting to see the picture in flash mode. What to do? I'm not following what to do with the code.
Does this work with the first black version you did?
ola Dante, pode me indicar como mudo as cores do background? Obrigado e excelente trabalho, recomenda-se!
Hola Dabte,
Magnífico template. Lo estoy usando para mostrar mis trabajos pero al ampliar la fotografía no aparece centrado ni con sombra como aparecen en el Live Demo...¿cómo puedo solucionarlo?
Muchas gracias!
Elisa
Hi!
I'm having this problem where only one image shows per post. Why is that? I've been trying to figure this one out all day.
Obrigada. =)
jackieayres@aim.com
hi, this templates is great...!!! this is the best and very simple template.
could you tell me how to remove underline on visited link?
i'm waiting 4 your answer, thank you...
Hey ! This template is awesome ! But i have a problem , i don't know what to put here :
"LINK_TO_THE_FULLSIZE_IMAGE" src="LINK_TO_THE_THUMBNAIL" />
My photo is on my desk , i post the picture but i don't know what to put in this code ??? Pleaase help me , ayudame porfaa
If you want to put a title bar at the top of the large images, complete with a close icon use this code:
(img alt="A_DESCRIPTION_FOR_YOUR_IMAGE_GOES_HERE" title="TYPE_YOUR TITLE_HERE_FOR_THE_TITLE_BAR" longdesc="LINK_TO_THE_FULLSIZE_IMAGE" src="LINK_TO_THE_THUMBNAIL" /)
Make sure to replace all the ( and ) with < and >...
If you want the IMAGE to be clickable to add a comment you need to wrap it in a link, with the link to the blog entry. This means you will have to create the blog post first, go to it and copy the address and then re-edit your post with the address.
The code should look like this:
(a href="YOUR_BLOG_POST_ADDRESS_GOES_HERE")
(img alt="A_DESCRIPTION_FOR_YOUR_IMAGE_GOES_HERE" title="TYPE_YOUR TITLE_HERE_FOR_THE_TITLE_BAR" longdesc="LINK_TO_THE_FULLSIZE_IMAGE" src="LINK_TO_THE_THUMBNAIL" /)
(/A)
Make sure to replace all the ( and ) with < and >...
Hey there,
I'm definitely interested in the title bar as suggested by Kazam, but I'm a bit at a loss as far as in which part of the HTML should I paste the code.
Thanks!
Gracias por la plantilla, es fantástica. : )
Hi Dante, your template is great but im having the same problem as jackie ayres (above). There's only one picture per post. Does anybody know why?I've been all day here trying to make it well but I didn't get it. Thanks! anaelr@gmail.com
Dante! Gracias por este enorme trabajo que realizaste con los templates.
Te muestro mi blog: http://lechamoisbijou.blogspot.com/
Fijate que cuando agrego mas entradas se cargan recien en la 2da pagina por lo que tengo que presionar 'Entradas Antiguas' para verlas. Como hago para que todas las entradas queden en el home?
Saludos!!
Where can I download the actual XML templates? I've looked all over this site and can't find them.
Hi Dante-
I really adore the photoplus template you created for blogger. I'm afraid I am doing something wrong, as I am not getting the same reaction when I click on the thumbnail. Your DEMO runs beautifully, but my blog is has far less spectacular behavior. What do you think I've done wrong? I especially love how the image on the DEMO opens in the center of the page, and a flash style display. My blog does not do that at all. It's completely missing the little ICON on the thumbnail that yours has. Thank you for any advice you may have- oh, my blog is:
http://dearjym.blogspot.com/
so you can see for your self the behavior. Cheers.
Hi Dante,
I love your template and can´t wait to use it.
I´m totally new to working with html and can´t quite figure out to post my pictures.
I copy paste the post model and pasted in my flickr link for the original size and thumbnail. I controlled it a million times - what went wrong did I miss out on something?
can someone help me?
Thanks!
esta genia pero no logro entenderlo en ingles.. ayudaaaa!!!
super
Ur template is awesome. But I want to know can somehow we can put an comment option available when it is either in thumbnail mode or zoom mode will make it wonderful. Hoping for an answer..
hi dante .. great work, great themes, thx!
btw,using these themes, if any tumbnail image is clicked by a visitor will generate page views?
hi there, rly great theme gj
just wondering how to post pics that are vertical in thumbnail(like portrait photos in size 500x800 for example) coz if i put them in 187x128 it's shape gets weird
thanks a lot
thanks a lot
Hi Dante awesome template...you are brilliant
Can a Photo be commented in this template? If not, how can i do it?
Thx
And Awesome template!
Great theme! Thank youuuuu!
http://tshirtjoy.blogspot.com/
Great Template, thanks a lot
Hello,
I was wondering if it was possible to insert a "no right click" code in here?
Can't seem to figure out where to put it.
You are great.
thanks so much!
your work is amazing :-)
http://blog.hatashe.com
Hi
thank u for this great template
but I want to rewrite html to css
because that way I can connect my phoho on flickr automatic
will u have css vision
thanks again :)
Hi I just leave message
but I realize I got wrong idea
so I just fix the problem
so it's cool now
but thanks anyway
it's a great template :)
Is there a way to have a picture tag (i.e. the image title) to be shown when the mouse rolls over the image?
Great template Dante!
I've read all of the 107 comments and I can't believe nobody asked this question... so here it goes:
Both on Firefox and Google Chrome, each picture's opacity is at like 50%. When you hover over it, it goes 100%. This looks great!
But it doesn't work on IE.
anyone know a fix? thanks!!
Post a Comment
Grab the feed for followup comments!