Herramientas para redactar
Cuando tengamos una portada mayor a 1000px de ancho (traten siempre de que sea así) debemos colocar el link (enlace) de la imagen dentro del siguiente codigo, reemplazando el texto ubicado entre las comillas "LINK-IMAGEN-AQUI" (Recuerden no quitar las comillas).
Portada
Slideshow
Textos
Descargas
Portada
Cuando tengamos una portada mayor a 1000px de ancho (traten siempre de que sea así) debemos colocar el link (enlace) de la imagen dentro del siguiente codigo, reemplazando el texto ubicado entre las comillas "LINK-IMAGEN-AQUI" (Recuerden no quitar las comillas).También aplica para cualquier imagen del post mayor a 1000px sin importar el alto de esta.
<img class="imggrande" src="LINK-IMAGEN-AQUI" border="0">Ejemplo
Carrusel de Imágenes (Slideshow)
Esta herramienta puede ser usada tanto de portada como en cualquier otra parte del post, ya sea al principio, en medio o al final. Este debe ser usado con un mínimo de 3 imágenes y deben tener las medidas exactas que usamos para las portadas personalizadas.Pueden usar el archivo editable de "portadas.psd" y pegar en este las imágenes a usar y cuadrar el tamaño, si tienen problemas para esto, solo deben pedirme ayuda (Bierkamp) y les explico.
¿Como usarlo?
El código es un poco largo, pero solo debemos cambiar unos enlaces para agregar imágenes. Por defecto este vendrá para ser usado con 3 imágenes.<!-- SLIDE SLIDE -->
<div id="w">
<div class="slider">
<ul class="slides">
<li class="slide">
<figure>
<img src="LINK-IMAGEN-SLIDE-1"/>
</figure>
</li>
<li class="slide">
<figure>
<img src="LINK-IMAGEN-SLIDE-2"/>
</figure>
</li>
<li class="slide">
<figure>
<img src="LINK-IMAGEN-SLIDE-3"/>
</figure>
</li>
<!--AGREGAR DEBAJO DE ESTA LINEA-->
</ul>
</div>
<!-- FIN SLIDE -->Agregar más imagenes
Para agregar mas imágenes, solo debemos copiar el siguiente código y pegarlo en la parte del código de Slide donde dice <!--AGREGAR DEBAJO DE ESTA LINEA-->y reemplazar el texto "LINK-IMAGEN-SLIDE" (sin quitar comillas).<li class="slide">
<figure>
<img src="LINK-IMAGEN-SLIDE"/>
</figure>
</li>Nota
Por defecto, cuando creen una entrada nueva, vendrán unos códigos por defecto que deberán borrar si no son necesarios en sus entradas. Uno de estos códigos es uno que esta al fondo del editable que es un código <script> que se usa para darle vida al Slide, si no usaran el Slide, borren ese código.Ejemplo
Posición de Textos
Esta opción sirve para resaltar textos importantes o datos X en los post.Hay 3 opciones: Centro, Derecha y Izquierda.
Centro
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.Texto que resalta al centro
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.
<q class="textocentro">TEXTO AQUI</q>Derecha
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.Texto que resalta a la derecha
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.
<q class="textoderecha">TEXTO AQUI</q>Izquierda
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.Texto que resalta a la izquierda
Este es un texto de prueba nada importante usado solo para dar ejemplos.Este es un texto de prueba nada importante usado solo para dar ejemplos.
<q class="textoizquierda">TEXTO AQUI</q>Botón de Descargas
Es simple, solo reemplaza "https://LINK-DE-DESCARGA.com" por el enlace del archivo/aplicación a descargar.<dl><a href="https://LINK-DE-DESCARGA.com" target="_blank"><span>DESCARGAR</span></a></dl>Ejemplo
Contenedor de Código
Cuando necesiten publicar un código, solo deben usar este código para esto.<code>Código aquí</code>Archivos de Portada
Los archivos de portadas pueden descargarlos desde el grupo. Contienen la tipografía necesaria que deben pegar en la carpeta Fonts de Windows.https://www.facebook.com/groups/167447553456345/files/
Fuentes
Cuando la noticia sea extraída o basada en alguna noticia de otro blog/sitio web, deben dar sus respectivos créditos. Para esto se usara el siguiente código:<footer><b>Fuentes</b><a href="LINK">NOMBRE</a></footer>Este código saldrá automáticamente al crear una nueva entrada. Si existe más de una fuente, solo deben agregar el siguiente código antes de </footer> y reemplazar el LINK y NOMBRE. NO AGREGAR COMAS.
<a href="LINK">NOMBRE</a>Videos
Para publicar un video, solo debemos pegar el código de inserción en la parte que deseamos. El video tomara el tamaño automáticamente sin necesidad de hacer algo mas.Ejemplo
Compartir
Este boton puede ser colocado en cualquier parte de la entrada, recomendablemente en la mitad de un articulo largo, o al final de uno corto. No Abusar de esta opcion.CodigoEjemplo
Ayuda a Otros, Comparte