Blogger Templates Metro Modern Solar V.1

Metro Modern solar es nuestro nuevo Blogger Templates plantillas de interfaz de usuario de la línea de metro que se trata de la interfaz de usuario moderna. Metro Modern Solar utiliza tonos grises turquesa elegancia y sofisticación. Adecuado para páginas personales y toda la revista de noticias de tecnología.

Déjate inspirar por la interfaz Metro de Windows 8 y hereda las características de Metro BTK, Simple Metro. Sin embargo Metro moderna también tiene sus propias mejoras únicas para él.

Demo       Download

 1. Multi-nivel de barra de menús personalizables

 Metro Modern Solar Multi-level Menu Bar propiedad con hermosos efectos verticales. Dependiendo de la demanda que puede levantar 4. Para personalizar esta barra de menú en la plantilla - Edición de HTML - Proceder a encontrar el siguiente código y editar de forma opcional.

Data provided by Pastebin.com - Download Raw - See Original

<div id='menu-module'>
<div class='mattblackmenu' id='ddtopmenubar'>
...
</div>
...
</div>
  
Nota: La barra de menú se suele repetir estructura. Los lectores deben observar cuidadosamente leer el código con cuidado.

 2. Mensajes Widget destacadas

Para ofrecer Widget Mensaje mostrar que tienes que hacer lo siguiente.

b1) Encontrar widget de Bloglist llamado Feature tecleo Editar

b2) marca de verificación exacta sobre las dos líneas siguientes

Título del artículo más reciente
Miniatura de artículo más reciente

b3) Haga clic en Agregar a lista para añadir el enlace en Bloglist. Hay cuatro puestos, por lo que es necesario agregar las cuatro en enlace de abajo.

Data provided by Pastebin.com - Download Raw - See Original

http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=1
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=2
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=3
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=4

Me sustituir blog.nguoiaolam.net con su nombre de blog (por ejemplo: http://metro-modernsolar.blogspot.com/). Ahora quiero Widget artículos en función del anuncio que debería darle una etiqueta caliente (en minúsculas, sin flores)

 Si no te importa hacer esto Historias más susceptibles a los errores resultantes no pueden acceder a la página principal del blog. Las instrucciones detalladas sobre cómo solucionar el error que había escrito un artículo en este título laMetro el pico destacado widget de Mensajes de Metro Style plantillas de Blogger que lee siempre la sección de comentarios para aprender a reparar fuera de línea.

3. Carrusel deslizador Widget

Carousel Widget deslizante sólo se muestra cuando se ver algunos articulos. Para personalizar este widget a tu plantilla - Edición de HTML - Proceder a encontrar el siguiente código y editar de forma opcional.

Data provided by Pastebin.com - Download Raw - See Original

<script type='text/javascript'>
...
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 15;
label1 = "hot";
...
</script>

 El significado de los parámetros

- Label1 = "caliente" en lugar de "caliente" con las etiquetas que desea Carousel Silder pantalla

- Numposts1 = 15 en lugar de 15 con otros números de personalizar el número de puestos se ha cargado. Recomendación debe permanecer 15 artículos.

 4. Metro Social Widget

Encuentra el código abajo y editar el nombre blogthietke su ID de red social.

Data provided by Pastebin.com - Download Raw - See Original

<div class='social'>
<span class='fade'><ul>
        <li><a href='http://facebook.com/blogthietke'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AChLGdhIxF944VbHRgHE_pYPTwBtCX1yCX7xycg4307Lh5Vw-ukNuvohX35X5aul7-9vVIuWy7zlDXGQnn24hxCV5P3NB5ZLgzkcvse0xtm9A65BjEAiVcOjaqAjJ9cjxjOdGadAFl8F/s57/Facebook%2520alt%25201.png'/></a></li>
        <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWS33dmME5WziJj6DJewPfTanSENZE2sDSWgHCUZesrXnMXiWzO4TNjbLC6gRbmpMbtTt57eIyEBHEjCDopO1YgYD0l1hjqxrBidh-6LZD9wfP5icImHfeZdmcfJ3z7Frfz2VctvRfSXT/s57/Google%252B%2520alt.png'/></a></li>
        <li><a href='http://pinterest.com/honghoavi'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfwfEm-PMwZZYxeHs1bd1gZS9BFjB2eB2tUj05HYJjY1asjOzkUHxUA3nCmqg2EssIJXnFSQNJLqe4L3YlF8TRnfbway90z3RUnWl50PiHxvtv87sk3BxVrPoEp82L9DMQBy0BSomsYRpu/s57/Pinterest%2520alt.png'/></a></li>
        <li><a href='http://feeds.feedburner.com/blogthietke'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnPb7SX3h7R0TEDAY12f-NBGKpDqE28z3U7mhAZCnqTi3InaQpj1OmIlLx8MCC2xZP9pCrlYN-sXLEmYt1lyRTrdmznOzoGHWi5h3N-rkgRFV1q1lPKWD2wqrzScR4BBiPklKeol5kPPV/s57/RSS%2520Feed.png'/></a></li>
        <li style='padding:0px'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbY-ueONIpXVV816Fj1e7vyt5piZ2Gimh66W6Vtj4ohtV2vZsQzuQjqI9ljcJpcvc5q5dU8Wn8qD3fRZki7ulCQanqtdEVudyfDipbqQYBImfoQO9s7dlDojbK6f-KOO9iNlcRkzUzpIsr/s57/YouTube%2520alt%25201.png'/></a></li>
</ul></span><div style='clear: both;'/>
</div>

 Aquí es sólo un icono simbólico pocos, si utiliza otro servicio de redes sociales o desea agregar icono de estilo Metro UI, tienen que leer el artículo de Metro UI y las directrices de diseño web con la interfaz Metro interfaz de usuario en la sección de Recursos, puedes compartir un conjunto de más de 400 iconos de todas las categorías: Windows Icono, Icono de la aplicación, Sociales Web icon, etc Cada icono tiene una resolución de 512x512. Usted atrás y cambiar el tamaño de insertar gusto.

5. Page Navigation automáticamente

Usted en Plantilla - Edición de HTML - Proceder - Expandir plantillas de artilugios código

Data provided by Pastebin.com - Download Raw - See Original

var pageNaviConf = {
    perPage: 5,
    numPages: 9,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

en que
de los cuales:

- perPage: artículo aparece en la primera página
- numPages: Aparecerá la página
- firstText, lastText, nextText, prevText: respectivamente de mostrar botones

 6. Bottom Bar Navi

 En Layout encontrar el widget HTML inferior Navi. Haga clic en Editar y copiar todo el código más tarde, no olvide personalizar su propio enlace.

Data provided by Pastebin.com - Download Raw - See Original

<p align="center">
        <a href="http://blog.nguoiaolam.net/search/label/Freebies">Freebies</a>  
        <a href="http://blog.nguoiaolam.net/search/label/Blogging">Blogging</a>
        <a href="http://blog.nguoiaolam.net/search/label/Blogger">Blogger</a>
        <a href="http://blog.nguoiaolam.net/search/label/Wordpress">Wordpress</a>
        <a href="http://blog.nguoiaolam.net/search/label/Marketing%20Online">Marketing Online</a>  
        <a href="http://blog.nguoiaolam.net/search/label/Make%20Money%20Online">MMO</a>
</p>

 7. Algunos puntos de la nota

 a) PageList: PageList mostrará automáticamente todas las páginas estáticas en la parte superior del blog. ¿Quieres personalizar su pantalla a Diseño - Página de personalizar.

b) Label Widget en la barra lateral. Usted necesita una lista de visualización personalizado.

c) Formato de hora. Ve a Ajustes - Idioma y formato personalizado el formato de hora lo mismo que en la figura

 

 8. conclusión

En general, esta interfaz esencialmente "lo mismo" con Metro Simple y BTK metro, pero la instalación es un poco más complicado. Esto es evidente, ya que tiene más funciones. Si le resulta difícil no dude en dejar sus comentarios en este artículo listo para ayudarle a hacer las plantillas adecuadas.

La última cosa que quiero que respeten el esfuerzo de los diseñadores mantener el flujo de información sobre el diseñador al final de la interfaz. ¡Gracias!