Creación de sitio web con Blogger y plantilla Demo SketchPad

Buenas gente, pues eso que me he propuesto crear un website con el css de blogger ya que quiero regalarle una web a una amiga.

Para ello he cogido la plantilla Demo skecthpad y quiero modificar hasta conseguir un website para empresa y funcional, de momento y aunqe esta muy verde podeis verla aqui Enlace eliminado.

Lo primero que he realizado ha sido eliminar todo o referente a la publicacion de post (comentarios, fecha, tags, escrito por, enlaces a redes sociales, ....)

El segundo paso ha sido incluir un formulario de contacto para recibir peticiones de servicios, en este caso de consultoria ... lo he generado con Email Me Form™ - HTML Forms, Web Forms, PHP Forms

La siguiente idea fue crear paginas y post para que los contenido tuviesen diferentes formatos, pero aqui me he encontrado con un problema que ahora luego os cuento.

A partir de aqui es que vayamos aportando ideas para conseguir un website con aspecto profesional (o casi) por que lo idoneo seria que fueseis aportando plantillas que sean susceptibles de "convertirse" en paginas web, asi como gadgets utiles para la web de una empresa y repotando los problemas que tengais para dejar un plantillas que funcionase al 100% bien.

Aqui os dejo mi propuestas y alguno errores que he visto


Plantillas-Web:

- Demo - SketchPad

Propuesta:

- Slider: Incluir uno de este estilo s3Slider jQuery plugin

yo he tratado de poner siguiendo las siguientes instrucciones pero no me ha sido posible, si alquien sabe como ?

Fallos:

- Paginas Estaticas: Cuando accedes a una pagina estatica solo se ve el resumen del post y no se puede expandir la entrada


Bueno de momento hasta aqui .... espero que os haya gustado la idea y que aporteis mejoras.

Un Saludo

se viera mejor si solo fuera la imagen en el index y que es vez de una columna fueran dos

Hola, te doy una idea, si quieres hacerlo tipo web deberías eliminar la sidebar (hay un script que se usa para eso) y el formulario de contacto ponerlo en una página estática, que uses como pestaña, no se si se entiende...

Bueno es una idea, hay muchas mas cosas por hacerle pero ya te dirán mas los compañeros que si saben.

Suerte :top:

Para lo de las paginas estaticas te dejo aqui un ejemplo muy bueno Mostrar las Páginas estáticas de forma diferente | Ciudad Blogger - Trucos y tutoriales para tu blog
Sobre lo de las paginas, que cuando entras se ve con el Leer mas, aqui esta la solución, Leer más con miniatura de imágen y Páginas Estáticas : El Escaparate de Rosa

Saludos y suerte con el proyecto.

En caso de que no puedas modificar a tu gusto esa, te recomiendo veas esta galeria, un saludo People Blogger Templates

Gracias a todos por los comentarios.

Tomo nota del tema del sidebar, lo voy a quitar del home para poner un slider y darle algo mas de carga de diseño, pero si que lo mantendré para el resto de paginas y entradas ya que al fin y al cabo la cuestión es que los posibles clientes contacten via mail o por teléfono que lo pondré encima del formulario.

En cuanto a las paginas estáticas he utilizado el truco del escaparate de rosa, pero hay un problema ha perdido todo el formato y ademas se han quedado con un ancho muy poco ancho

A ver si alguien puede ayudarme con este problema ... yo voy a seguir dándole.

Avances

Pues este fin de semana he seguido dandole a esta idea, os cuento:

En primer lugar he cambiado la plantilla ya que la primera que utilice me dio algunos problemas, ahora estoy utilizando una version modificada de Mayumi Blogger Template - BTemplates que ademas tengo bastante avanzada ... si quereis darle un vistazo podeis hacerlo en este enlace Enlace eliminado

Ahora solo me quedan mejorar unas cuantas cuestiones, algunos fallos de CSS y un tema de condicionales, que desde luego no son lo mio, os cuento:

Condicionales: He podido poner que se muestren todos los gadgets en las paginas staticas, pero en realidad lo que quiero es que cada pagina tengas sus gadgets, el codigo que he utilizado es el siguiente pero no me ha funcionado ¿alguna idea?



CSS: Aqui tengo pequeñas dudas que espero me podais solucionar ...

1.- Me queda demasiado espacio entre el menu y el slider, de igual manera entre el slider y las dos entradas, estoy seguro de que no es muy complicado pero no he podido encontrar el codigo para cambiarlo

2.- En Internet explorer, la imagen del telefono se que queda pegado titulo del blog y no como en chrome y firefox que queda a la derecha de la web que es donde quiero que este .... alguien sabe como solucionarlo

3.- Cuando entras en una pagina estatica (son las que estan en el menu principal: Tienda online Posicionamiento Web etc etc ) las imagenes tienen un tamaño fijo y no se pueden hacer mas grandes, ¿no se muy bien por que?

4.- Tambien me gustaria quitarle el subrayado a los enlaces

5.- Otra cuestion que quiero probar, es la de ponerle alguna linea que separe las entradas de los gadgets de forma que la separacion sea mas evidente


Espero sus aportes y opiniones, gracias

blogger es mucho mejor y mas entendible para mi que wordpress

Te recomiendo que instales Firebug si usas Mozilla Firefox o si usas Google Chrome uses la función inspeccionar elemento en el menú contextual. Son fabulosas herramientas para saber como se despliega tu sitio. Y puedes cambiar un valor para experimentar y ver los resultados de inmediato, sin afectar al tema o a otros visitantes.