Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Plantillas » Best Orange - Plantilla para blogger

viernes, 8 de noviembre de 2013

Best Orange - Plantilla para blogger

Add Comment
Plantillas
viernes, 8 de noviembre de 2013
En estos días e estado trabajando en una nueva plantilla para blogger que hoy compartiré con ustedes llamada Best Orange. 
La plantilla es mayormente de color naranja, con iconos de redes sociales en la parte superior que giran al pasar el cursor, un menú desplegable arriba de las entradas, también incluye el leer más automático en todas las entradas y otras características que la hacen única.


Descargar     Demo

Para modificar los enlaces de los iconos sociales arriba del blog busca en la Edición HTML esto:
<div class='social-icons' id='social-iconos'>
<ul>
<li class='social_icon'><a href='#facebook'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0yLzvweIWo94w6rd_Ln9lH0Ti1YftIU6-jWNm81dojSPC-6-CoBBQVSb_rYxhga9-Wq0IVmupbqJaFcWjEsMLze6gDO1wqxZk-q6Rhag-_5-o5LRuF31cOcNraANfDGwkTrM65mD-Bo/s36/social-facebook.png'/></a></li>
<li class='social_icon'><a href='#twitter'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOBoIhecGEH98Fz1fbzrAFBw-BdNSkv0H4VadcbotdkL94ssCCS4O7CIHTCnw4TwxhPf9tNFjyuXB_HUVSxq_YUg1xwA25F1LcohyphenhyphenN1eUPMHbo1gzguJkDgxG91eifDAl1FC2bePvLFw4/s36/social-twitter.png'/></a></li>
<li class='social_icon'><a href='#googleplus'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1fP1-m95lpM5Sx7Rq4v2MA4bv0_7GRXU6sxKh0QMPrG0aiFh5e1cY4RCv0kSSNCViRb4X0shODMpq8irqyc0gKN_YPeMIiRO-dAp7xOTJpWW3cVhDL5nWOAL998vIeVVUPd4c7F-R2Q/s36/social-googleplus.png'/></a></li>
<li class='social_icon'><a href='#rss'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDxXPhNZvuqdar4dBusmsiJU3d5la_QZoj4weu5sLEBzx3Zz7oSih49rLwwG3c8attkAcJopqQPHNAZqiLFicJ8KMbc9Sssicrd5Ssu0kO5wjVibIyJjGJwuAXtKrMIYBGJIB8vXUCBW0/s36/social-rss.png'/></a></li>
<li class='social_icon'><a href='#youtube'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_PDhaPNridT5TPVqtxJg5-A-PtOoFir-0N4Cow7QsjKEgEE6gLwyOZRQIfCWLicyfyHPXbnwdbNacAIchoVH0mFxPKZJK742VCAC1qrWBWeC0H6Yq2VmYgLDr03FAs3kbbZbAN3rUrQ/s1600/social-youtube.png'/></a></li>
<li class='social_icon'><a href='#ask'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI1InvDprZQxGPT3nX5ECD_MWV1qfuhyz3GbLz2g0SFtkGWRq6RYcmiXlWiuk8UXd66hM2OOpeLOt56VOvPH4a7h_Uc4kM5PPFDok1sZGTm1nmDCOQopOhi7hlypC79D44AtY4UYD_Vs0/s1600/social-ask.png'/></a></li>
<li class='social_icon'><a href='#blogger'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHIE1CXmM08c4PGwcWGZ65afs_WcIlW8xt838NgDxXk73oyWldXh5_kzPPxoPLvTF_GxFqDALSYBke_DK1poJJjUmRJ8wqmQTgt9wlXAucpotBzjaMz3tZ-5Z5_3FRWgb_xBCupsF5NEo/s1600/social-blogger.png'/></a></li>
<li class='social_icon'><a href='#pinterest'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3UaCYVMWYrmYGnvEd2Ue7H_zgEVAZWZwZjh6faBso7cKi2KWkzGyvV7cRhWh2WmTts5VSa2MUQK1IQtXGLrEuxqIsD8EcLFnVG_FvVu4nMi97QKurgL5HKLHbMxSfCYiapWCrH1ADWU/s1600/social-pinterest.png'/></a></li>
<li class='social_icon'><a href='#instagram'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBlCQLjT75zY-Kubqxw4r7J1Enoti4D8f1JyFjibCXzUm7Kdq8wPwuQS3zUbnt23_tOsrMGniArSjWu7oBCw534P9j-GhY-tr8CTnuqDJWRf9zYmw7ReebP5XGJJt6TQ_a28jXE3SW9pM/s1600/social-instagram.png'/></a></li>
</ul></div>
Solo reemplaza lo que está en rojo por la URL que indica. Si quieres agregar más iconos, solo agrega arriba del </ul></div> una linea como esta:
<li class='social_icon'><a href='URL del enlace'><img border='0' src='URL de la imagen'/></a></li>


Para modificar el menú horizontal arriba de las entradas busca esta parte:
<div id='menuWrapper'>
<ul class='menu'>
<li class='top'><a class='top_link' href='URL del enlace'><span>Pestaña 1</span></a></li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 2</span></a><ul class='sub'><li><a class='fly' href='#'>Pestaña 2.1</a><ul>
<li><a href='URL del enlace'>Pestaña 2.1.1</a></li>
<li><a href='URL del enlace'>Pestaña 2.1.2</a></li>
<li><a href='URL del enlace'>Pestaña 2.1.3</a></li>
</ul>
</li>
<li class='mid'><a class='fly' href='#'>Pestaña 2.2</a>
<ul>
<li><a href='URL del enlace'>Pestaña 2.2.1</a></li>
<li><a href='URL del enlace'>Pestaña 2.2.2</a></li>
<li><a href='URL del enlace'>Pestaña 2.2.3</a></li>
<li><a class='fly' href='#'>Pestaña 2.2.4</a>
<ul>
<li><a href='URL del enlace'>Pestaña 2.2.4.1</a></li>
<li><a href='URL del enlace'>Pestaña 2.2.4.2</a></li>
<li><a href='URL del enlace'>Pestaña 2.2.4.3</a></li>
</ul>
</li>
<li><a href='URL del enlace'>Pestaña 2.2.5</a></li>
<li><a class='fly' href='#'>Pestaña 2.2.6</a>
<ul>
<li><a href='URL del enlace'>Pestaña 2.2.6.1</a></li>
<li><a href='URL del enlace'>Pestaña 2.2.6.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='URL del enlace'>Pestaña 2.3</a></li>
<li><a href='URL del enlace'>Pestaña 2.4</a></li>
<li><a href='URL del enlace'>Pestaña 2.5</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 3</span></a>
<ul class='sub'>
<li><a href='URL del enlace'>Pestaña 3.1</a></li>
<li><a href='URL del enlace'>Pestaña 3.2</a></li>
<li><a href='URL del enlace'>Pestaña 3.3</a></li>
<li><a href='URL del enlace'>Pestaña 3.4</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 4</span></a>
<ul class='sub'>
<li><a href='URL del enlace'>Pestaña 4.1</a></li>
<li><a class='fly' href='#'>Pestaña 4.2</a>
<ul>
<li><a href='URL del enlace'>Pestaña 4.2.1</a></li>
<li><a href='URL del enlace'>Pestaña 4.2.2</a></li>
<li><a href='URL del enlace'>Pestaña 4.2.3</a></li>
<li><a href='URL del enlace'>Pestaña 4.2.4</a></li>
<li><a href='URL del enlace'>Pestaña 4.2.5</a></li>
<li><a href='URL del enlace'>Pestaña 4.2.6</a></li>
</ul>
</li>
<li><a href='URL del enlace'>Pestaña 4.3</a></li>
<li><a href='URL del enlace'>Pestaña 4.4</a></li>
<li><a href='URL del enlace'>Pestaña 4.5</a></li>
<li><a href='URL del enlace'>Pestaña 4.6</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 5</span></a>
<ul class='sub'>
<li><a href='URL del enlace'>Pestaña 5.1</a></li>
<li><a href='URL del enlace'>Pestaña 5.2</a></li>
<li><a href='URL del enlace'>Pestaña 5.3</a></li>
</ul>
</li>
</ul>
</div>
Solo te queda modificar lo que dice URL del enlace.

Para cambiar la imagen de Read more en las entradas de leer más automático, busca esto:
<div id='readmore'><img src='http://4.bp.blogspot.com/-jbTFn7gyBpM/UnrgBI8oKII/AAAAAAAACcA/P65r_D8BRM8/s1600/READ+MORE.png'/></div>
Y reemplázalo lo que está en rojo por la URL de la imagen que quieres, solo recuerda que tienes que reemplazarlo 3 veces, puesto a que hay 3 de ellos. Si lo que quieres es cambiarlo por un texto (Leer más) borra del <img... hasta ...</div> (x3), y reemplázalo por el texto que desees.

Recuerda que esta plantilla esta hecha a base de una del diseñador de plantillas, así que podrás modificar algunas características en el Editor de plantillas.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Best Orange - Plantilla para blogger"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Delicacy-Excelente plantilla Blogger para decoración
    Delicacy-Excelente plantilla Blogger para decoración
    Delicacy es una magnifica plantilla para Blogger que como lo indica el titulo de esta entrada es perfecta para sitios de decoracion, comidas...
  • Como recuperar mi contraseña en Blogger
    Como recuperar mi contraseña en Blogger
    Seguramente que muchas veces les ha pasado que olvidan su contraseña de acceso a su cuenta de Blogger, si has pasado por esta situación sabe...
  • Murciélagos volando que caen y se desvanecen en el blog
    Murciélagos volando que caen y se desvanecen en el blog
    Hoy es el dia de Halloween en todo el mundo y muchos son los que me han enviado solicitudes sobre algun tutorial para este dia, asi que acat...
  • Añadir marca de agua a las imagenes
    Añadir marca de agua a las imagenes
    Muchos bloggueros que comparten imagenes en la red quieren dejar su sello personal en dichas imagenes y que mejor forma que ponerles a las i...
  • Copos de Nieve cayendo en el blog
    Copos de Nieve cayendo en el blog
    Ya casi es navidad y muchos bloggers quieren poner sus blogs acorde al estilo de la epoca, asi que por eso hoy he querido compartir un truco...
  • Menú vertical con CSS3 y jQuery para Blogger
    Menú vertical con CSS3 y jQuery para Blogger
    En Ayuda Blogger he encontrado un maravilloso menu vertical hecho con CSS3 y libreria jQuery que ademas de tener un aspecto genial ahorra m...
  • Cursos para Blogger-Una buena oportunidad para aprender
    Cursos para Blogger-Una buena oportunidad para aprender
    En esta oportunidad quería compartir con ustedes algo muy importante en el mundo de los blogs y son los cursos para Blogger. En estos cursos...
  • ImageBam, Excelente hosting de imagenes
    ImageBam, Excelente hosting de imagenes
    Amigos Bloggero hoy paso a recomendarles un excelente hosting de imagenes y es ImageBam, que es un servicio de almacenamiento que permite gu...
  • Suscripcion por email en Blogger
    Suscripcion por email en Blogger
    Este truco nos permitira la suscripcion via email para nuestros lectores asi nuestras entradas les llegaran a su correo. El recuadro de la s...
  • Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Siguiendo con los tutoriales para Wordpress hablare de un excelente plugin que he usado para agregar un sistema de calificaciones a mis blog...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ▼  2013 (322)
    • ►  diciembre (34)
    • ▼  noviembre (31)
      • Tecnología: ¿Avance o retroceso?
      • Johny Lebay- Plantilla para blog de películas
      • Red Hood Portfolio - Plantilla Responsive para Blo...
      • Gadget Selectbox Social
      • Como recuperar mi contraseña en Blogger
      • ¿Blogger es el producto favorito de Google?
      • ¿Blogger cerrará pronto?
      • Agrega juegos de coches a tu blog
      • Como ganar seguidores en las redes sociales
      • Añadir menú desplegable con buscador interno y red...
      • Blue Blog - Plantilla para blogger
      • EASY NEWS- Plantilla Responsive para Blogger
      • Agregar PHP en Blogger
      • ¿Por qué comprar un HTC One?
      • Tarjetas Navideñas para Blogger
      • Acerca del autor de forma nativa en Blogger
      • Se acerca el 1ro de Diciembre
      • Facebook Messenger se renueva y nace otro competid...
      • Juegos de Mario Bros para tu blog (Mario Bros por ...
      • Errores SEO y sus soluciones (vídeo con los expert...
      • La guerra de los correos electrónicos
      • Añadiendo más juegos para tu blog
      • Best Orange - Plantilla para blogger
      • Mil Trucos Blogger adelanta tu navidad con un domi...
      • Whats App y Blogger, ¿en que pueden unirse?
      • Página de error 404 estilo Facebook
      • Gadget de Últimos Comentarios de Disqus en Blogger
      • Inserta un favicon animado a tu blog
      • Adsense: Gana dinero con tu blog
      • Iconos de redes sociales arriba de blog que cambia...
      • Efecto arcoiris en los links al pasar el cursor
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .