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

  • Enviar sitemap a Google
    Enviar sitemap a Google
    Uno de los aspectos fundamentales a la hora de tener un mejor posicionamiento y numero de visitas es  aparecer en los primeros lugares de bu...
  • El uso del correo electrónico en los blogs parte 1
    El uso del correo electrónico en los blogs parte 1
    El correo electrónico es algo de lo cual nosotros los blogueros no podemos prescindir, ya que son muchos los usos que diariamente le damos a...
  • ¿Vulnera WhatsApp tu privacidad?
    ¿Vulnera WhatsApp tu privacidad?
    Leíamos últimamente en prensa que las autoridades de protección de datos de ciertos países -entre los que se encontraban Canadá y Países Baj...
  • Añade un foro a tu blog con Nabble
    Añade un foro a tu blog con Nabble
    Ya he publicado varias entradas con foros para Blogger pero esta vez les recomiendo Nabble,el cual es el sistema que uso actualmente en el f...
  • Gadget de últimos temas del foro
    Gadget de últimos temas del foro
    Si usas el foro de Nabble en tu blog es muy probable que este gadget te vaya a interesar, ya que como lo dice el titulo el gadget muestra l...
  • Facebook: Un gran aliado de Blogger
    Facebook: Un gran aliado de Blogger
    Seguramente si estas leyendo esta entrada eres un bloguero y casi doy por hecho que si eres bloguero sabes que es facebook y la gran utilida...
  • ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?, esa es la pregunta que muchos se harán, luego de leer mi post de ayer el cual se titulaba  ¿Blo...
  • Aprender ingles para aprender a bloggear
    Aprender ingles para aprender a bloggear
    El ingles es algo fundamental en todas partes hoy en día  hasta en el mundo del internet y de los blogs es muy importante saber ingles, ya q...
  • Emoticones "Smilies Elegant" para Blogger
    Emoticones "Smilies Elegant" para Blogger
    Hace dias que vengo trabajando en un tutorial que creo que os gustara y es unos emoticones que vi en la Web Mobile9 ,y como me gustaron tant...
  • Gadget de Entradas más Comentadas
    Gadget de Entradas más Comentadas
    Si eres de los que tienes un blog con gran cantidad de comentarios y quieres mostrarle a tus usuarios cuales son esas entradas mas comentada...

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 .