Plantilla para Blogger: GeekLines – Culture – Credit – Platform

GeekLines es una plantilla para Blogger 100% gratuita, escrita en HTML5 y completamentevalidada. Útil para sitios webs de tecnología, aplicaciones, etc.

Ver DemoDescargar

Características de la plantilla:

• Está construída bajo HTML5 a mano.
• Contiene una estructura única en el índice de entradas (Primer post, segundo y tercer posts y todos los demás distintos).
• Slider Basado en Easy Slider 1.7, el cual se puede configurar a partir de las feeds.
• Viene por defecto con Disqus como sistema de comentarios, pero se puede cambiar por el que guste.
• No incluye enlaces de atribución, para que puedas usarla y modificarla con libertad.
• No posee código inútil, se ha suprimido todo el código irrelevante.

Guía de configuración de la plantilla:

Para que la plantilla funcione en su totalidad, es necesaria una serie de pasos, los cuales detallo a continuación:

Validar plantilla: Para que se mantenga validada es necesario buscar lo siguiente:

html lang='es' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'

Y reemplazarlo por esto:

html lang='es'

Este paso es necesario cada vez que se inicie el Editor HTML y se guarden los cambios.


Incluir información en meta-tags: Necesitas buscar las siguientes líneas por separado de configurarlas según tus preferencias:

meta content='DESCRIPCIÓN DE TU BLOG' property='og:description'/

meta content='ETIQUETAS SEPARADAS POR COMA' name='keywords'/

Configurar el slider: El slider está basado en Easy Slider 1.7, puedes modificar los siguientes parámetros dentro del script:

script type='text/javascript'
//![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
speed: 750,
pause: 4000,
continuous: true

});
});
//
/script

Deberás reemplazar los siguientes valores:

• auto: true (Cambiar por false para que el slider pase a manual).
• speed: 750 (Velocidad de transición)
• pause: 4000 (Tiempo entre imágenes)
• continuous: true (Al terminar de pasar todas las entradas, volverá nuevamente a la primera)

Para que el script detecte una determinada etiqueta, modifica la siguiente línea:

script src='/feeds/posts/default/-/Smartphones?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=20'/

Reemplaza Smartphones por la etiqueta que desees mostrar en el índice.

También deberás buscar:

div id='latest-posts-title'Últimos Artículos en Smartphones/div

Y reemplazar la línea de texto por la que consideres mejor.

Configurar el menú superior: Necesitas direccionar cada elemento de este menú a la URL correspondiente, junto con incluir el texto que desees. Para ello busca el siguiente código y en los atributos href deberás escribir las direcciones de cada enlace:

header id='bar-outer'
 nav id='topbar' role='navigation'
 a href='/' id='blog-logo'
 data:blog.title/
 /a
 a href=''
 Android
 /a
 a href=''
 Aplicaciones
 /a
 a href=''
 Windows Phone
 /a
 a href=''
 iOS
 /a
 a href=''
 Redes Sociales
 /a
 a href=''
 Login
 /a
 /nav
 /header

Un ejemplo:

header id='bar-outer'
 nav id='topbar' role='navigation'
 a href='/' id='blog-logo'
 data:blog.title/
 /a
 a href='http://www.miblog.com/search/label/Android'
 Android
 /a
 a href='http://www.miblog.com/search/label/Aplicaciones'
 Aplicaciones
 /a
 a href='http://www.miblog.com/search/label/Windows Phone'
 Windows Phone
 /a
 a href='http://www.miblog.com/search/label/iOS'
 iOS
 /a
 a href='http://www.miblog.com/search/label/Redes Sociales'
 Redes Sociales
 /a
 a href='https://accounts.google.com/ServiceLogin?service=blogger'
 Login
 /a
 /nav
 /header

Modificar la biografía del autor: Si tu blog posee únicamente un autor, entonces busca lo siguiente:

 aside id='post-author'

 div id='author-about'

 img class='left' expr:alt='data:post.author' id='author-image' src='https://lh6.googleusercontent.com/-cQU2h9jqgiw/AAAAAAAAAAI/AAAAAAAAAAA/Gw3x4qIKr3M/s100-c/photo.jpg'/
 div id='author-name'Escrito por a expr:href='data:post.authorProfileUrl' rel='author' title='Perfil del autor'
 data:post.author//a/div

 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua./div
 div class='clearfix'/

 /aside

Deberás cambiar la URL de la imagen y el texto por alguno que te describa.

Actualización: Si tu blog posee 2 o más autores, deberás utilizar condicionales:

b:if cond='data:post.author == "Tu nombre"'!-- Tu mini-biografía --
 aside id='post-author'

 div id='author-about'

 img class='left' expr:alt='data:post.author' id='author-image' src='https://lh6.googleusercontent.com/-cQU2h9jqgiw/AAAAAAAAAAI/AAAAAAAAAAA/Gw3x4qIKr3M/s100-c/photo.jpg'/
 div id='author-name'Escrito por a expr:href='data:post.authorProfileUrl' rel='author' title='Perfil del autor'
 data:post.author//a/div

 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua./div
 div class='clearfix'/

 /aside
/b:if 

b:if cond='data:post.author == "Nombre de otro autor"' !-- La biografía de otro autor--
 aside id='post-author'

 div id='author-about'

 img class='left' expr:alt='data:post.author' id='author-image' src='https://lh6.googleusercontent.com/-cQU2h9jqgiw/AAAAAAAAAAI/AAAAAAAAAAA/Gw3x4qIKr3M/s100-c/photo.jpg'/
 div id='author-name'Escrito por a expr:href='data:post.authorProfileUrl' rel='author' title='Perfil del autor'
 data:post.author//a/div

 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua./div
 div class='clearfix'/

 /aside
/b:if 

Reemplazando los nombres por los correspondientes, y añadiendo lo mismo dependiendo de la cantidad de autores.

Configurar el sistema de comentarios: Por defecto la plantilla tiene instalado Disqus, pero puedes optar por otro sistema como IntenseDebate, LiveFyre o comentarios de Google.

Configurar Disqus: Puedes ir a Disqus y configurar tu sitio web, y el ID que hayas registrado para tu sitio, deberás añadirlo aquí:

var disqus_shortname = 'demoblogayudabloggers'; // required: replace example with your forum shortname

Reemplazandodemoblogayudabloggers por el tuyo.

Configurando otros sistemas de comentarios: Cada sistema es distinto y su instalación también. Puedes implementar cualquier otro tipo de sistema añadiendo el código tal como se indica a continuación:

Suprime el contenido de div id='comments' /:

 div id='comments' 
 div id='disqus_thread'/
 script type='text/javascript'
 /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
 var disqus_shortname = 'demoblogayudabloggers'; // required: replace example with your forum shortname

 /* * * DON'T EDIT BELOW THIS LINE * * */
 (function() {
 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
 dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 })();
 /script

 /div

Dejándolo así:

div id='comments' 

/div 

E incluye dentro todo el código que necesites para hacer funcionar el otro sistema.

Un ejemplo para los comentarios de Google+:

script type='text/javascript'
//![CDATA[
window.___gcfg = {lang: 'es'};
(function() {
 var crearjsplus = document.createElement('script'); crearjsplus.type = 'text/javascript'; crearjsplus.async = true;
 crearjsplus.src = 'https://apis.google.com/js/plusone.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(crearjsplus, s);
})();
//
/scriptdiv class="g-comments" expr:data-href="data:post.url" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD" /

Configurar la sidebar dentro de cada entrada: Es importante que sepas, que la barra lateral derecha que aparece dentro de entradas y páginas estáticas debe ser escrita manualmente.

Para incluir un gadget, deberás hacerlo mediante el siguiente código:

div class='sidebar-widget' 
div class='sidebar-title'Título del gadget/div
 div class='sidebar-widget-content'
 Texto o código dentro del gadget.
 /div
 /div

El cual deberá ser pegado abajo de esto:

section class='right' id='post-sidebar'

Nota: Puedes crear adicionalmente bloques sin espacio interno para así aprovechar el 100% del gadget. Para ello utiliza el siguiente código en lugar del anterior:

div class='sidebar-widget non-padding' 
 div class='sidebar-widget-content'
 Texto o código dentro del gadget.
 /div
/div 

Modificar todos los enlaces de redes sociales: Por defecto la plantilla incluye los enlaces de Twitter y Facebook de Ayuda Bloggers, deberás configurarlos manualmente:

Para la caja de suscripciones de la barra lateral:

div id='subscription' 
 aside id='twitter-subs'
 a class='twitter-follow-button' data-lang='es' data-show-count='false' href='https://twitter.com/ayudabloggers'Seguir a @ayudabloggers/a
 /aside 
 
 aside id='facebook-sub'
 div class='fb-like' data-href='http://www.facebook.com/cloudx18admin' data-send='false' data-show-faces='false' data-width='245'/
 /aside
 
 aside id='gplus-sub'
 div class='g-plus' data-height='131' data-href='https://plus.google.com/117852954383455114075' data-width='265'/
 /aside
 /div

Para los enlaces del pie de la plantilla:

aside id='about-info'
 © 2013 data:blog.title/ Todos los derechos reservados. span class='right-text right'a href='http://www.twitter.com/ayudabloggers'Twitter/a | a href='http://www.facebook.com/cloudx18admin'Facebook/a | a href='https://plus.google.com/u/0/112020346592923778561'Google+/a/span
 
 div class='clearfix'/
 /aside

Configurar los enlaces al final de la plantilla: Bastaría con hacer lo mismo que hicimos con el primer menú, pero modificando el siguiente código:

 footer id='sub-footer'
 a href='/'Inicio/a
 a href='/'Publicidad/a
 a href='/'Política de privacidad/a
 a href='/'Términos de uso/a
 a href='/'Mapa del sitio/a
 a href='/'Patrocinadores/a
 a href='/'Colaborar/a
 a href='/'Acerca de/a
 a href='/'Contacto/a
 /footer 

Importante: Nunca suprimas el widget con el Identificador HTML65 debido a que funciona como clearfix para los otros widgets, si lo suprimes deberás copiarlo nuevamente desde algún editor de textos, extrayéndolo de la plantilla original sin cambios.

Si necesitas información adicional, no dudes en preguntar.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Virtual Data Rooms WordPress hosting Custom WordPress theme designer Register Free Domains structured settlements annuities PAPERPORT PROMOTIONAL CODE Motor replacements BETTER CONFERENCING CALLS Service business software tennessee mesothelioma lawyer chicago hair laser removal Donate Your Car Sacramento Best social media platforms for business better conferencing calls CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Motor Insurance Quotes cloud identity and access management houston mesothelioma attorney Computer science classes online Casino Cheap Car Insurance for Ladies Car Insurance Quotes EMAIL BULK SERVICE Online casino Automobile Accident Attorney mesothelioma attorney directory Php programmers for hire CAR ACCIDENT LAWYERS HOLLAND MICHIGAN COLLEGE Seo company truck accident attorney texas Business management software mesothelioma suit mesothelioma law firms insurance medical temporary injury lawyers Paperport Promotional Code WordPress theme designers Make money online Australia Criminal defense lawyer AUTO ACCIDENT ATTORNEY Online motor insurance quotes Hire php programmers low credit line credit cards How to Donate A Car in California Low Credit Line Credit Cards Mobile casino mesothelioma survival rates Mortgage adviser selling structured settlement adverse credit remortgage AUTOMOBILE ACCIDENT ATTORNEY Social media strategies Online Classes Car Insurance Quotes Colorado VIRTUAL DATA ROOMS cell cycle regulation ppt mortgage adviser Car Accident Lawyers Life Insurance Co Lincoln california motorcycle accident lawyer Casino reviews LOW CREDIT LINE CREDIT CARDS online motor insurance quotes Criminal lawyer Php programmers MORTGAGE ADVISER FORENSICS ONLINE COURSE Live casino DUI lawyer Met auto business email web hosting Hire php developers DALLAS MESOTHELIOMA ATTORNEYS Dwi lawyer Criminal lawyer Miami STRUCTURED ANNUITY SETTLEMENT best consolidation loan student Bankruptcy lawyer Social media platforms for business Car insurance in South Dakota world trade center footage car insurance companies Motor Replacements Business Voip Solutions california law lemon Hire php developer Forensics Online Course mesothelioma law suit royalty free images stock Social media tools Criminal Defense Attorneys Florida los angeles auto accident attorneys car insurance quotes mn Donate Car To Charity CALIFORNIA forensics online course Donate Your Car for Kids Business VOIP Solutions Seo companies Cheap Domain Registration Hosting personal injury lawyer personal injury accident lawyer automobile accident attorney New social media platforms mesothelioma attorney florida Business finance group hosted predictive dialers Psd to html Car Insurance Companies mesothelioma symptoms asbestos lawyers Seo services Proud Italian cook Best Seo company paperport promotional code