jueves, 17 de noviembre de 2011

Ojo con la pechocha de rojo...

Compartir
Si usted es visitante habitual de este blog y sin embargo cayó nuevamente en la trampa... lo felicito por el buen gusto...
Como le había contado cuando publicamos a la "Pechocha de achul" se iban a venir una serie de plantillas o templates para Blogger basadas en mi misma plantilla base.
Es lo bueno de ya tener un código basado en Blogger depurado y propio con el que puedo seguir realizando otros diseños sobre la misma implementación.
Como por lo general donde las publico me las copian y se las llevan a sitios impensados, desde la anterior puse en la misma demo el link de descarga de los archivos necesarios (las demo no suelen tocarlas y siempre hacen referencia a ellas). Pero los muchachos no son giles y siguieron de largo, así que mis plantillas solo las pueden descargar en mis blogs.
En los mismos estrenamos nueva imagen y logo, razón por la cual también los invito a visitar el nuevo OPINTEMPLATES reloaded.
Si llegaron hasta aquí no les cuesta nada pegarle una mirada a la plantilla, a la que podrán acceder pulsando el botón demo de aquí abajo. Si les llegara a gustar y ya que de todas formas debí escribir un detalle de cómo modificarla, más abajo encontrarán algunas características especiales y la forma de adaptarlas a su criterio. Ojalá la pechocha de rojo les guste tanto como a mí.



0 - Usted puede modificar las figuras indicadas por cualquiera de su preferencia cambiando las direcciones marcadas en rojo .La imagen deberá tener similares dimensiones
#header {
padding:40px 0 0 500px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-tvS64AI_HjxH-14UlCesf6ESR59LztK-SlJZvFrRMVZKg2rL1oevlF4olDQmrjLcLbFsick5YqiMRr4YUK8jnPmxExJE3VmLoP7TCD4ncvtApWzBuKxkxLvSOjqzyD9L8xrUEErp2LR/s117/thestairslogo.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}


#getSocial {
width:120px;
height:160px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRpm0dgIZLFPM7Q5eSs5W_RJWohv8Go03IxxJOtCT9sxcCVF_vgYyoybcTQiFp_6CWB72wC0m_leHRqgzdojNeknoav7BqV3ZQHFs0u2OEOJt8M6uAH-BUA2b28C6Eomz2vQuvW2QAdgk/s124/cajetinymangueradeincen%252520.png) 0 0 no-repeat;
float:right;
margin-right:-34px;
margin-top:120px;
}

1- El título del blog aparece en forma automática como bajo relieve sin necesidad de introducir una imagen dada. El logo se puede cambiar de manera sencilla.


Para cambiar el color de letra del título coloque el código de color HTML reemplazando el que se marca en rojo

#header a {
color:#000;
text-decoration:none;
}

Si desea cambiar el color de la descripción bajo el título reemplace el código en rojo

#header .description {
font-size:13px;
font-weight:bolder;
color:#000;
text-shadow:2px 2px 2px #333;
text-transform:uppercase;
}

2- Usted puede cambiar los enlaces de la barra de menú buscando y reemplazando estos datos por los de su elección.

<!-- begin top menu -->

<div class='clearfix' id='topMenuCont'>

<ul class='clearfix'>

<li><a class='home' expr:href='data:blog.homepageUrl'>
Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://www.opintemplates.blogspot.com/' title='Blogger'>OPINTEMPLATES</a></li>

</ul>
</div>

<!-- end top menu -->

3- Se proveen enlaces directos a su cuenta de Twitter, Facebook y para la suscripción vía RSS. Usted solo debe introducir su dirección de servicios en los campos marcados en rojo. La dirección de su Feed RSS es automática.

<!-- social links -->
            <ul id='socialLinks'>


<li><a href='#' title='Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKsOejOmjofrhkcMfwTSmpHS-TXUdnwNsxYtS8o4qe_NwaY-EZoJs2ko69zH6usyeTmstnVzkSkaUm6pBM54gVDp7P7lztTC_fjo61mJDXCMMTePsyulB5-yy5E9CKtiIwTTGl-E17UVB/'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgl3EISHQg6FiKGutEZsqPnfkMBZXNxCqfFZQ6II9nK2nGvWX56zZz5JwmUoOIUaXdGrVqBbDcQqi-eYrtEulkWFOR8f2pszxh56531j8Jp77hHU-kQqjC9ko8OPN5yV_sJbvVcYajrBv/'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqP-jfpaH39VC-6WhvkffwaX-55d6CGLBc8jqyWxVMvQGN2HZCTbErgnv8WlURQtDRQ0p73jc4caohQ74WcsePL4W5GDhk_9yxndkXXaxYIzFqGgttzQ2rw4p-Az_BkJ6uGX08CouhIxA/'/></a></li>

            </ul>

<!-- end social links -->


4-Se incluye paginación numérica para lo cual deberá respetar los siguientes datos:
La cifra marcada en rojo debe coincidir con la cantidad de post que se muestran por página. (consultar Escritorio-Configuración-Formato-Mostrar un máximo de X post en la página principal)
La cifra marcada en verde corresponde a la cantidad de paginaciones que se harán y que se verá como una mayor o menor cantidad de botones al pie de página.

<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=2;
var displayPageNum=3;
var upPageWord =&#39;&#171;&#39;;
var downPageWord =&#39;&#187;&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
<!--Page Navigation Ends-->

5- Esta plantilla viene preparada para ampliar cualquier presentación a un tamaño customizado. El widget de Presentación ahora puede ser ampliado para que se luzca mucho más. Usted puede modificar el tamaño cambiando los valores de ancho y largo marcados en rojo en este código.

.slideshow-container {
 width: 250px !important;
 height: 140px !important;
}

6- El área de comentarios cuenta con una imagén de fondo ante ausencia de Avatar y otra para el caso de comentarista anónimo. Los campos se han ampliado al máximo para su comodidad.

7- El área de escritura se ha ampliado al máximo para su comodidad.

8- Si usted ha ingresado a un post en forma predeterminada, automáticamente se abandona la paginación numérica y se pasa a la estandart en este caso con iconos mucho más atractivos.


9- Se han habilitado los iconos para compartir junto con el Google +1 para que sus lectores lo voten y promuevan.

10- Si las redes sociales mínimas propuestas por blogguer no le alcanzan aquí puede modificar o agregar sus propios iconos acompañados con el enlace correspondiente. Usted puede tambien cambiar el texto de invitación para compartir modificando el texto marcado en rojo:

<!-- Social Sharing Icons -->

        <div class='social'>
       
<strong>Share this article:</strong>
               
<img alt='Tweet this!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwA-_4utKyHYVNMtqqYArNcRyeOOPBlI7M1w25b6N98vc1UkHs2bcZCdEtF68iYe_e1uFoZ3ZV-_-1k5T_PL1yghBc4dRxQtlF-0IIE5aLCvI25wZAJeHKf0OZM4tfFmsXfOy4PWXFFmyb/'/></a>               
               
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='StumbleUpon.'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQe_pyd-gQCxObVQQuxyVv9FqcJ7KoPtK8PUCdCSTuoFuFHuTj6OQlu1HaQboSGGR-jm3LguAJ-nTc9f-a6E_8EGUCJtwsRRU-fWyiSMu_EYYpVovU9VPCNZI4heElCqX_j1uDSMQijJT6/'/></a>
               
<a expr:href='&quot;http://digg.com/submit?phase=2url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Digg this!'><img alt='Digg This!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAqSQ5LjkNCXSc5e_hqEQveANJKkK5BkHszB6nEFxJMnJ2uQoAGR4QECiWgsg5Phkm-EtnX3UMZOiOtIOeWTXjxcTNzBYdWA7Dfo2uMjqBcHBUJAJeeBYnSnuZRodCuhlIebPjX7jJJEo/'/></a>               
               
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Bookmark on Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIXAZ_yZAccpkCBULRUlOU4hR1MDn4lT74bd7p76oOUgB7pHvNQKBEcPOMrAhj2fPLcz0qFvR1XHoYuQrf8Qn-B3T7b7ytTTtt71P1UElwRI-6BTG-_FQv2DIIeIK3S09dIowQki8GwjI/'/></a>
               
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'><img alt='Share on Facebook' id='sharethis-last' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlYyNIOix8gpPByZAqDJrGvYAIJYCJT2aloeQSs-vSagmK3zUbHRDycNK29rl_MxY_m1XawZ_N2rfoZXQEVSoH5JmO30NutN7NUECpevJhRKWUoSriTok6qxPl1dSQttMCZ2jhob5zohM/'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
11- Finalmente el archivo viene con nuestro logo de OPINTEMPLATES como Favicon (el pequeño símbolo que aparece en las legüetas de arriba en los navegadores) Para colocar el de su elección debe reemplazar el código marcado en rojo por la dirección de una imagen de 16px por 16px de tamaño que lo represente y sea de su agrado.

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdrurtqyO6YH5i_Qm4GynXhVs0vqu-D3_K30cQWj4vhI8YrdsXRyrL3yskgcGntd5YrDbe6WUQkqPCBp9HWkT9lVRipUPs0LWI-IYJFz9eEWrxTGj3Byj6VCgpe_t02n73qabFr8S_tCOn/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdrurtqyO6YH5i_Qm4GynXhVs0vqu-D3_K30cQWj4vhI8YrdsXRyrL3yskgcGntd5YrDbe6WUQkqPCBp9HWkT9lVRipUPs0LWI-IYJFz9eEWrxTGj3Byj6VCgpe_t02n73qabFr8S_tCOn/s1600/opt.png' rel='icon' type='image/x-icon'/>


Listo. A disfrutarla.

OPINTEMPLATES
Taluego

Difúndalo, péguelo en su muro de Facebook, retwittéelo y envíeselo por mail a todos los que quiera.
Pero no olvide mencionar la fuente.
NINGÚN TEXTO ES ANÓNIMO.

Tags: , , , , ,

SÚMESE A NUESTROS AMIGOS



Publicado por

El artículo Ojo con la pechocha de rojo... fue publicado por OPin el jueves, 17 de noviembre de 2011. Esperamos que le sea de alguna utilidad o interés. Gracias por su visita y no olvide dejar su comentario antes de partir. Hasta el momento hay 8 comentarios: en el post Ojo con la pechocha de rojo...

8 comentarios:

  1. Eso es generosidad, voy a dar un vistazo, y gracias .

    La pechocha me gusta menos que ud. :-)

    un carinyo

    ResponderEliminar
  2. OPin: estaría bueno, pero hay que estudiar mucho para eso, puedo terminar con la pagina dada vuelta como para tener que leerla en un espejo.
    Por ahora paso pero, tal vez me anime.

    ResponderEliminar
  3. Yo no pasè del Basic, con sus signos de pregunta, y usted quiere que me ponga a modificar un "template" con el còdigo HHYTLM èse?

    Y, como medio que no.

    Saludos

    ResponderEliminar
  4. Doña Noah. Menos mal !!. Y, perdone que le sea Franco, pero le han robado una Ñ...compre nacional...;)

    CariÑos.

    ResponderEliminar
  5. Don Don Diego. Usted ya ha hecho cambios en su blog y no crea que esto es más difícil.
    Algún día encontraré la pechocha que lo cautive ;)

    Un abrazo.

    ResponderEliminar
  6. Don Gauchísimo. Usted comprenderá que solo es mi escusa para postear fotos de chicas monísimas sin que la patrona lo note.
    Usted siga como está, que nos saca varios cuerpos de ventaja al resto.

    Un abrazo.

    ResponderEliminar
  7. Como anda? Mire que yo de templates nada, de mallas rojas poco, pero gracias por la vista al mar, hace bien..tiene subsidio la chica de la foto?...hay unos cuantos que la subsidiarían con gusto
    Atte/

    ResponderEliminar
  8. Don Jorge. ¿Cómo anda mister? Me parece que la chica no sabe mucho de subsidios pero sí de inflación. Y como...!!

    Un abrazo

    ResponderEliminar

¿Sobrevivió a mi punto de vista? ¡Ahora es su turno!
Sin embargo como los comentarios son una gentileza entre usted y yo, se moderarán y anularán aquellos subidos de tono, agresivos o que utilicen lenguaje soez.
Aproveche su oportunidad , dele, que total nadie lo está mirando y acá lo tratamos mejor que en el mundo real.

Comenta aquí con tu perfil de Facebook

 

OPin Pinturas

OPin cuentos

-¿Qué somos?, ¿Adónde vamos?-No tenemos la más pálida idea.
El psicoanalista no nos mandó tener un blog. No estamos escribiendo un libro, ni somos periodistas en trabajo práctico. No hablamos de nuestros ex, ni de sexo, ni de estreñimientos. No tenemos segundas personalidades como "groncho grasa" , "pituco fiestero" o "mujer de la vida". No somos poetas ni tenemos fotos de gatitos o figuritas con brillantina que se mueven.
Eso sí, hablamos en primera persona del plural de nosotros mismos. Algo raro teníamos.

Aviso de uso

Los contenidos de este blog, con excepción de los cuentos y pinturas originales, son de libre disposición, no comercial, siempre que se cite su origen. Si desea reproducir alguna de las entradas en su sitio, sólo tiene que citar su procedencia y establecer un enlace con el blog, manteniendo sus fuentes. Las fotografías de este blog han sido obtenidas de la red, si usted es su autor y cree que se vulneran sus derechos, póngase en contacto con nosotros y serán retiradas una vez se verifique su propiedad. Queda bajo su responsabilidad el uso que haga con lo extraído del blog.

DMCA.com
Volver ARRIBA
Copyright © 2010- | Nuevo BlogOPin.a® | Designed by Templateism.com | Improved by OPinTemplates