Free Blogger Templates for your Blog

Modern Photography

·
live demo Gold Metal
14280 Downloads 55,851 views
Features:
Instructions: How to use this template
Template author:Bloggermint
Description:

Modern Photography is a free premium blogger template with 2 columns, right sidebar, rounded corners, footer columns, slideshow and abstract.

Excellent layout for blogs about photography.

Download Modern Photography for free in BTemplates.
Rating3.7 out of 5 based on 68 bloggers.
Compatible with:FFChrome
Share:

Comments about Modern Photography blogspot template

79 Comments, leave a reply »
  1. Helena 5 November 2010
    Reply to Helena »

    ¿Cómo se cambiarían las imágenes de la cabecera?

  2. Claudia 5 November 2010
    Reply to Claudia »

    @Helena: Ve a Diseño/Edición de HTML y busca el siguiente código:

    <img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD01yOVRI/AAAAAAAAA1U/CU045Bmlq2Y/s000/field.jpg' width='497'/>

<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1BYf4KI/AAAAAAAAA1Y/opCTGpxB9Pw/s000/gnome.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1v53n7I/AAAAAAAAA1c/0lao1dqe6Zw/s000/pencils.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD11_yMVI/AAAAAAAAA1g/GCHnTsa_i_Q/s000/golf.jpg' width='366'/>
<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD2SPRzgI/AAAAAAAAA1k/mMCfjj1OvwM/s000/river.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD2576RxI/AAAAAAAAA1o/wCJuXl6giSw/s000/train.jpg' width='440'/>
<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD3BMcg6I/AAAAAAAAA1s/5PURw-NMLjE/s000/leaf.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD3neKa3I/AAAAAAAAA1w/MbTfMJq_odg/s000/dog.jpg' width='497'/>

    Ahí debes reemplazar las URL de tus imágenes que deben tener 330 píxeles de alto. El ancho de cada imagen (width) lo puedes modificar manualmente en el mismo código.

  3. jesus rueda 6 November 2010
    Reply to jesus rueda »

    estoy tratando de bajr este template blog pero no se como se lo edita.
    ayudame por favor

  4. Francisco 6 November 2010
    Reply to Francisco »

    @jesus rueda ¿qué quieres editar exactamente? ¿revisaste ya nuestras instrucciones? http://btemplates.com/faqs-es/

  5. Liz 7 November 2010
    Reply to Liz »

    How do I use my own photos for the ones scrolling across the top of the page?

  6. Franklin Manuel 8 November 2010
    Reply to Franklin Manuel »

    @Liz – Search for <div class=%u2019scrollableArea%u2019> in the template and replace the existing image link with yours.

  7. Franklin Manuel 8 November 2010
    Reply to Franklin Manuel »

    @Liz – Ignore my previous comment. Search for in the template and replace the existing image link with yours.

  8. Liz 8 November 2010
    Reply to Liz »

    @Franklin— Sorry, what is the second one I should look for? I think you forgot to post it in :P And do you know what I type for a personal picture link? Does it need to be from the internet, or html?

  9. Franklin Manuel 8 November 2010
    Reply to Franklin Manuel »

    @Liz – Here is what you need to search in the template
    and replace the existing links with yours

  10. Claudia 8 November 2010
    Reply to Claudia »

    @Liz: Go to Design/Edit HTML and find this code:

    <img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD01yOVRI/AAAAAAAAA1U/CU045Bmlq2Y/s000/field.jpg' width='497'/>

<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1BYf4KI/AAAAAAAAA1Y/opCTGpxB9Pw/s000/gnome.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1v53n7I/AAAAAAAAA1c/0lao1dqe6Zw/s000/pencils.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD11_yMVI/AAAAAAAAA1g/GCHnTsa_i_Q/s000/golf.jpg' width='366'/>
<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD2SPRzgI/AAAAAAAAA1k/mMCfjj1OvwM/s000/river.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD2576RxI/AAAAAAAAA1o/wCJuXl6giSw/s000/train.jpg' width='440'/>
<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD3BMcg6I/AAAAAAAAA1s/5PURw-NMLjE/s000/leaf.jpg' width='496'/>
<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD3neKa3I/AAAAAAAAA1w/MbTfMJq_odg/s000/dog.jpg' width='497'/>

    You must replace every single URL by the direct link to each hosted image that you want to use in that place. All your images must be 330 pixels height, but you can modify the width in the same code.

  11. Priscilla 9 November 2010
    Reply to Priscilla »

    Hi Claudia, I love this template, but I can’t get it to scroll! I didn’t change anything except the pictures just the way you described. Help!

  12. Claudia 9 November 2010
    Reply to Claudia »

    @Priscilla: Delete the stat counter badge, and see what happens.

  13. Erica C. 15 November 2010
    Reply to Erica C. »

    Hola Claudia.

    Hay manera de que el templete tome automáticamente las fotos del blog sin necesidad de hacerlo manualmente?

    Gracias de antemano por tu respuesta

  14. Priscilla 15 November 2010
    Reply to Priscilla »

    Hey Claudia, I did that but didn’t work. Any other suggestions?

    I was wondering, do you think it’s because I’m redirecting my blog to my website address?

  15. Claudia 16 November 2010
    Reply to Claudia »

    @Priscilla: Maybe you should try to install the template again and see what happens… In this way, we will know if the problem is the template or it is due to the redirection.

  16. Claudia 16 November 2010
    Reply to Claudia »

    @Erica C.: No, es necesario hacerlo todo manualmente. No es como en WordPress :(

  17. jletona 17 November 2010
    Reply to jletona »

    I understand you have to replace the code with the direct link to your photo (will this work off picasa/ photo bucket?) I tried and can’t get it to work?!

    Please help!

    Should I be uploading my images to blogger first>?

  18. Erica C. 21 November 2010
    Reply to Erica C. »

    Hola

    EStoy teniendo problemas con las etiquetas o ‘labels’ ya que al aparecer publicadas en forma vertical me publica la nota despues de que se termina el texto de etiquetas. Como puedo solucionar eso?

  19. Doris 26 November 2010
    Reply to Doris »

    Hi,

    I love the layout and everything except I wish to change the 2 column and footer of 3 column, all in 1 column only. How can I do that?

  20. Juan 8 December 2010
    Reply to Juan »

    Hola Claudia, use este template con blogger y me funcionó perfectamente con mis imagenes, luego compre el dominio .com para que lo redireccionen ahi y dejó de funcionar. Al entrar al blogspot seguia funcionando, pero al entrar al .com, no funcionaba. Instalé la plantilla de nuevo pero sigue sin funcionar.

    Estará echa solo para blogspot? debe haber un lugar en el codigo donde se pueda modificar eso… ayudame porfis!

  21. Claudia 8 December 2010
    Reply to Claudia »

    @Juan: Si el problema es que no se muestran las imágenes de la plantilla, la solución sería que descargues todas las imágenes y las realojes en un hosting gratuito como photobucket o tinypic.

  22. Millaray 8 December 2010
    Reply to Millaray »

    @Claudia: ¿Cómo sé cuál es la URL de mis imágenes?

  23. Claudia 9 December 2010
    Reply to Claudia »

    @Millaray: Las buscas en la plantilla (Diseño/Edición de HTML). Si usas Firefox, las puedes descargar todas desde Herramientas/Información de la página/Medios/Guardar como. Las puedes descargar todas juntas o una por una.

  24. Franklin Manuel 9 December 2010
    Reply to Franklin Manuel »

    Hi everyone. I found there is an issue with files hosted on sites.google.com when a user use the template on a custom domain to avoid that I am giving the script link from my own server.

    So please replace the two link that points to site.google.com and replace it with these two

    http://bloggermint.com/files/jquery.ui.widget.js

    http://bloggermint.com/files/jquery.smoothDivScroll-1.1-min.js

  25. Sheanne 11 December 2010
    Reply to Sheanne »

    how do you make the main background wider, as well as the side bar. Thank you.

  26. Ashley 11 December 2010
    Reply to Ashley »

    I cannot for the life of me get this template to work. There is no HTML in the zipped file.. just a bunch of stuff that brings me back to the internet.. can someone post the full HTML code please.

  27. Irene 12 December 2010
    Reply to Irene »

    How do I create a drop down menu on the navigation page? Please help.

    Thanks

  28. Claudia 13 December 2010
    Reply to Claudia »

    @Ashley: You don’t need any HTML file. Just upload the XML file included (Modern-Photography.xml).

  29. Ashley 14 December 2010
    Reply to Ashley »

    I did upload the xml file… I am just dumb I suppose, I have no clue what to do with it, because on the instructions it says to extact the files and then copy past the HTML in blogger. So please explain what I do with the xml file. Thank you.

  30. Claudia 14 December 2010
    Reply to Claudia »

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

  31. Paulo Teixeira 21 December 2010
    Reply to Paulo Teixeira »

    Olá boa tarde, estou a trabalhar com o código do vosso template e tenho um problema no internet explorer os menus não funcionam correctamente nos outros browser funciona perfeitamente mas no IE não funciona poderiam ajudar-me? Obrigados

  32. Claudia 23 December 2010
    Reply to Claudia »

    @Paulo Teixeira: This template is not compatible with Internet Explorer. If you want to solve the problem, you may contact the author.

  33. k05tinha 21 January 2011
    Reply to k05tinha »

    I have a question
    The background can be changed?! You can only change what’s behind the title of blogger.

  34. Claudia 21 January 2011
    Reply to Claudia »

    @k05tinha: You can change the background by editing the background property in Design/Edit HTML, in this part:

    body {
    color:#ccc;
    font-family:”Helvetica Neue”,Arial,”Lucida Grande”,sans-serif;
    font-size:14px;
    margin-top:-1px;
    line-height: 20px;
    background:url(“http://2.bp.blogspot.com/_JUg9QsmKp5s/TNODw2aEF7I/AAAAAAAAA0o/g9-VwdesD6E/s000/img-circles.jpg”) no-repeat scroll 50% 0 #170505;
    }

  35. k05tinha 22 January 2011
    Reply to k05tinha »

    Thanks I managed to change the background =)

  36. k05tinha 22 January 2011
    Reply to k05tinha »

    I forgot to ask in the comment above, so I put the title of blogger to the center of the page?

  37. Claudia 23 January 2011
    Reply to Claudia »

    @k05tinha: Go to Design/Edit HTML, and find:

    #header h1 {
font-size:40px;
font-weight:600;
text-decoration:none;
border-bottom:none;
letter-spacing:-1px;
line-height:40px;
color:#FFF;
display:block;
padding:13px;
text-shadow:1px 1px 1px #000;
text-transform:uppercase;
font-family:georgia;
}
#header a {
color:#FFF;
text-shadow:1px 1px 1px #000;
}
#header a:hover {
color:#999;
text-decoration:none;
}
#header .description {
font-size : 18px;
font-weight : 200;
margin-left:15px;
letter-spacing : -1px;
}

    Now change it by:

    #header h1 {
font-size:40px;
font-weight:600;
text-decoration:none;
border-bottom:none;
letter-spacing:-1px;
line-height:40px;
color:#FFF;
display:block;
padding:13px;
text-shadow:1px 1px 1px #000;
text-transform:uppercase;
font-family:georgia;
text-align: center;
}
#header a {
color:#FFF;
text-shadow:1px 1px 1px #000;
}
#header a:hover {
color:#999;
text-decoration:none;
}
#header .description {
font-size : 18px;
font-weight : 200;
margin-left:15px;
letter-spacing : -1px;
text-align: center;
}

    Save changes.

  38. karin 1 February 2011
    Reply to karin »

    hola claudia quiero cambiar las imagenes de cabezera de la planilla ya estoy en el codigo

  39. karin 1 February 2011
    Reply to karin »

    hola claudia quieroq ue em ayudes quiero cambiar las images de mi planilla como tu dices ya estoy en el code que tu dices pero cuando intento poner mi url me sale error y no se peude te agradeceria que me ayudees la url que quiero poner esde esta miagen pero nada

  40. Claudia 1 February 2011
    Reply to Claudia »

    @karin: Tienes que remplazar sólo las URL, sin comillas, con http://. Las imágenes deben tener 330 píxeles de alto.

  41. Victor E. 7 February 2011
    Reply to Victor E. »

    Hola Claudia, verás, tengo un pequeño problema con la plantilla:

    Al ponerla se ve todo bien, excepto cuando entras a un post, que entonces el tamaó de las cosas sobrepasa en de las publicaciones mezclandose con la columna lateral, y no se como ampliar el centro o disminuir la columna, un saludo, y gracias por adelantado.

    PD: Adoro estas plantillas ^^

  42. Claudia 8 February 2011
    Reply to Claudia »

    @Victor E.: Ve a Diseño/Edición de HTML y busca:

    .post {
margin-bottom:30px;
background:url("http://3.bp.blogspot.com/_JUg9QsmKp5s/TNODxnSyoVI/AAAAAAAAA00/L_BQSeGv7-U/s000/content-bg.png") no-repeat scroll 50% 0 #3C1B1B;
padding:20px;
-moz-border-radius:20px 20px 20px 20px;
}

    Reemplaza ese código por:

    .post {
margin-bottom:30px;
background:url("http://3.bp.blogspot.com/_JUg9QsmKp5s/TNODxnSyoVI/AAAAAAAAA00/L_BQSeGv7-U/s000/content-bg.png") no-repeat scroll 50% 0 #3C1B1B;
padding:20px;
-moz-border-radius:20px 20px 20px 20px;
word-wrap: break-word;
overflow: hidden;
}

    y guarda los cambios.

  43. Prince Arnold 10 February 2011
    Reply to Prince Arnold »

    Its not scrolling please Help

  44. Prince Arnold 16 February 2011
    Reply to Prince Arnold »

    never mind…all of a sudden it started to work

  45. Marta 25 February 2011
    Reply to Marta »

    Hi Claudia,
    is possible to add a column in the left side of the themplate?
    THX
    Bye

  46. Claudia 25 February 2011
    Reply to Claudia »

    @Marta: Yes, it is possible. I think that this tutorial may help you: http://blog.btemplates.com/adding-a-sidebar-to-a-blogger-template-2/

  47. Pedro 2 March 2011
    Reply to Pedro »

    Hi Claudia! when I tried to modify the url for Home in the menu I get this error message:”LHS of numeric is null before 35 in frechasemfotos.blogspot.com/ “. I don’t think I did nothing wrong! Can you help me?
    Thanks

  48. Pedro 2 March 2011
    Reply to Pedro »

    also the page is too slow to load in any browser, can this be because of the slider, if so, how do I remove it?

  49. Claudia 2 March 2011
    Reply to Claudia »

    @Pedro: You must replace your complete URL with http:// if you want your tabs work.
    Now, to remove the slideshow, you must go to Design/Edit HTML and delete the following codes:

    
<div id='makeMeScrollable'>
		<div class='scrollingHotSpotLeft'/>
		<div class='scrollingHotSpotRight'/>
		<div class='scrollWrapper'>
			<div class='scrollableArea'>

				<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD01yOVRI/AAAAAAAAA1U/CU045Bmlq2Y/s000/field.jpg' width='497'/>
				<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1BYf4KI/AAAAAAAAA1Y/opCTGpxB9Pw/s000/gnome.jpg' width='496'/>
				<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD1v53n7I/AAAAAAAAA1c/0lao1dqe6Zw/s000/pencils.jpg' width='496'/>
				<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD11_yMVI/AAAAAAAAA1g/GCHnTsa_i_Q/s000/golf.jpg' width='366'/>
				<img alt='Demo image' height='330' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNOD2SPRzgI/AAAAAAAAA1k/mMCfjj1OvwM/s000/river.jpg' width='496'/>
				<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD2576RxI/AAAAAAAAA1o/wCJuXl6giSw/s000/train.jpg' width='440'/>
				<img alt='Demo image' height='330' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TNOD3BMcg6I/AAAAAAAAA1s/5PURw-NMLjE/s000/leaf.jpg' width='496'/>
				<img alt='Demo image' height='330' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TNOD3neKa3I/AAAAAAAAA1w/MbTfMJq_odg/s000/dog.jpg' width='497'/>
			</div>

		</div>
	</div>

    
	<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
	<script src='https://sites.google.com/site/bloggermint/jquery.ui.widget.js' type='text/javascript'/>
	<script src='https://sites.google.com/site/bloggermint/jquery.smoothDivScroll-1.1-min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(function() {
		$("div#makeMeScrollable").smoothDivScroll({ autoScroll: "onstart", autoScrollDirection: "backandforth", autoScrollStep: 1, autoScrollInterval: 15, startAtElementId: "startAtMe", visibleHotSpots: "always"});
	});

//]]>
</script>
  50. Pedro 3 March 2011
    Reply to Pedro »

    @Claudia: I did replace the url, with the one that appears in the adress bar in the browser:( frechasemfotos.blogspot.com/ ), and I continue to have the same problem. I tried to create my own menu, as I did in another blogs, but it did not work. Can you help me?

1 2

Reply

Thank you for your comment! If it contains links, your comment will be moderated. If you're looking for technical support, please see the FAQ's, our blog or contact the original author.

There are 4126 free Blogger Templates for You!