Put your amazing slogan here!
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
image1! image2 image3 image4 image5 image5
Compu

sábado, 12 de enero de 2013

Blogger Templates / Circles - OPINTEMPLATES

1 comentarios

Estilo Magazine
2 Columnas
Ancho fijo
SLIDER
RSS FEED
REVOLVERMAPS
Color gris y naranja
Calificación 90%

Template original de OPINTEMPLATES



Ajustes:

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia o agregar muchas más.

 <a href='#Link'><img class='slideimg' height='300' src='https://lh5.googleusercontent.com/-_9yEVVeDEds/UOCgTreyA4I/AAAAAAAACCg/YKZVpu4zLnM/s1002/Imagena.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh3.googleusercontent.com/-nLXAE__mUi4/UOCgTrHIXaI/AAAAAAAACCk/DgEqSWYCnPY/s1000/Imagenb.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh5.googleusercontent.com/-PDIWNcybTZQ/UOCgUBL0HDI/AAAAAAAACCs/SYTDAvHBi2s/s1000/Imagenc.png' title='' width='1000'/></a>
</div>


2 - Usted puede cambiar el globo terráqueo de REVOLVERMAPS por otro de su preferencia.

Usted puede cambiar el Globo Terráqueo de Revolvermaps para que contabilice sus visitas. Para ello debe ir a http://www.revolvermaps.com seleccionar Get the Mini Versión, seleccionar tamaño y forma de su preferencia con fondo transparente y marcar el punto UPDATE. Una vez que tenga el código reemplácelo por el existente en la siguiente línea de su plantilla Boxes.


<script src='http://jk.revolvermaps.com/t.js' type='text/javascript'/><script type='text/javascript'>rmt_ki101(&#39;6&#39;,150,&#39;ahcsphjjpxc&#39;,&#39;ff0000&#39;);</script>


3- Se proveen tres campos donde colocar imágenes o textos que publiciten artículos o sitios web.
 

los campos que manejan esta sección son:


<div class='homewidget clearfix'>
<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-1'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-1'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul></div>

<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-2'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-2'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul></div>

<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-3'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-3'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul>
</div>
</div>
Usted puede cambiarlos por texto o ir a sus enlaces asociados cambiando lo marcado en rojo por sus propios datos

Para cambiar las imágenes de fondo de cada círculo deberá obtener la de su elección en formato 220px por 220 px y sustituir los siguientes campos marcados en rojo

.ch-img-1 {
background-image: url("https://lh5.googleusercontent.com/-BSmF0FcY_AU/UOhwc36pn2I/AAAAAAAACGA/N49F-baWGL4/s220/casa_rossa_naif.jpg");
}
.ch-img-2 {
background-image: url("https://lh5.googleusercontent.com/-kzxNoIa5gZA/UOhwf7-BtzI/AAAAAAAACGI/TBbIArDIc4s/s220/gallo_naif.jpg");
}
.ch-img-3 {
background-image: url("https://lh3.googleusercontent.com/-cT-o7qh2f30/UNfMavdhY4I/AAAAAAAAB_E/x_CUh_fVBgE/s220/grande_albero_naif.jpg");
}



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=3;
var displayPageNum=3;
var upPageWord =&#39;&#171;&#39;;
var downPageWord =&#39;&#187;&#39;;
</script>
<script src='http://dl.dropbox.com/u/14895124/Planocreativo/js/pagenavigation-blogger.js' type='text/javascript'/>
<!--Page Navigation Ends-->

Se suministran los archivos Java para que usted los resguarde en un servidor propio.

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- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>


Listo. A disfrutarla.


miércoles, 12 de diciembre de 2012

Blogger Templates / Boxes - OPINTEMPLATES

0 comentarios

style Magazine
2 Columns
fixed width
SLIDER
RSS fEED
REVOLVERMAPS
Color Black, Blue
Rated 90%

Original Template OPINTEMPLATES




Settings:

1 - You can change the images of existing Slider by changing your preference.
 <a href='#Link'><img class='slideimg' height='300' src='https://lh4.googleusercontent.com/-6ROoJwp_MTY/UG9Qjjo-83I/AAAAAAAABxM/BMT61w9ylow/s1000/Imagen1%2520%2528FILEminimizer%2529.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh6.googleusercontent.com/-FOlTwQGbOUg/UG9QkLQOOvI/AAAAAAAABxY/AH-k63CuhPI/s1000/Imagen2%2520%2528FILEminimizer%2529.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh6.googleusercontent.com/-I2T04nPH4J4/UG9Qj8drL4I/AAAAAAAABxU/YCw_L8BMdMo/s1000/Imagen3%2520%2528FILEminimizer%2529.png' title='' width='1000'/></a>
</div>


2 - You can change the globe of REVOLVERMAPS by another of your choice.


You can change the globe of Revolvermaps to account for its visitors. To do this, go to http://www.revolvermaps.com select Get the Mini version, select size and shape of your choice with transparent background and score UPDATE. Once you have the code replace it with the one on the next line of your template Boxes.

<script src='http://jc.revolvermaps.com/t.js' type='text/javascript'/><script type='text/javascript'>rmt_ki101(&#39;5&#39;,130,&#39;2jxti05kbcw&#39;,&#39;00fff6&#39;);</script>

3- It provides three fields in which to place images or text, but can be adapted to present the automatic RSS FEED partner sites.
 

fields that handle this section are:


<div class='hwidget'>
<a href='http://www.' title=''><img src='https://lh5.googleusercontent.com/-n9ahnFX6uqQ/UMPHATcIaJI/AAAAAAAAB3M/tXeSvWUTWyU/s100/aguiluchoa%2520100%2520.png'/></a><script src='http://feeds.feedburner.com/blogspot/otHSh?format=sigpro' type='text/javascript'/><noscript><p>Subscribe to RSS headline updates from: <a href='http://feeds.feedburner.com/blogspot/otHSh'/><br/>Powered by FeedBurner</p> </noscript></div>

<div class='hwidget'>
<a href='http://www.' title=''><img src='https://lh6.googleusercontent.com/-LzRyo-5iUUk/UMPHARLxfdI/AAAAAAAAB3Q/dngtaXsrgQw/s100/arte%2520100%2520.png'/></a> <script src='http://feeds.feedburner.com/Enkaustikos?format=sigpro' type='text/javascript'/><noscript><p>Subscribe to RSS headline updates from: <a href='http://feeds.feedburner.com/Enkaustikos'/><br/>Powered by FeedBurner</p> </noscript></div>

<div class='hwidget'>
<a href='http://www.' title=''><img src='https://lh4.googleusercontent.com/-ADyRHFIgPdY/UMPHC4u5BPI/AAAAAAAAB4I/zIqqNiia_eM/s100/musica%2520100%2520.png '/></a> <script src='http://feeds.feedburner.com/blogspot/kGwKD?format=sigpro' type='text/javascript'/><noscript><p>Subscribe to RSS headline updates from: <a href='http://feeds.feedburner.com/blogspot/kGwKD'/><br/>Powered by FeedBurner</p> </noscript> </div>
</div>

You can change them by text or go to their associated RSS and get the proper code http://feedburner.google.com

You must enter each of the sites you want to show and there mark the tab "Publicize" then BuzzBoost (Republish your feed as HTML) and there select "Display item content" points "Item Content Format" in Plain Text and

"Plain Text Excerpt Length" in 50 words

Copy the code below and paste script on that already exist in the template.


4 -It includes numeric paging for which it must comply with the following data:

The figure marked in red must match the number of post to display per page. (see Desktop-Settings-Format-X Show up post on the main page)

The figure marked in green corresponds to the number of pages to be made and you will look like a larger or smaller number of buttons in the footer.

<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=3;
var displayPageNum=3;
var upPageWord =&#39;&#171;&#39;;
var downPageWord =&#39;&#187;&#39;;
</script>
<script src='http://dl.dropbox.com/u/14895124/Planocreativo/js/pagenavigation-blogger.js' type='text/javascript'/>
<!--Page Navigation Ends-->

Java files are provided for you to protect them on your own server.

5- This template comes ready to extend any submission to a customized size. Presentation The widget can now be extended to look for more. You can change the size by changing the width and length values ​​marked in red in this code.

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

6- Finally the file comes with our logo OPINTEMPLATES as Favicon (the little symbol on the top legüetas in browsers) To place your choice to replace the code in red by running a 16px by 16px image of size to represent you and to your liking.

<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

martes, 6 de noviembre de 2012

Blogger Templates - Bubbles-OPINTEMPLATES

0 comentarios
Estilo Magazine
3 Columnas en footer
Ancho fijo
Color Gris, blanco
Calificación 90%

Template original de OPINTEMPLATES



Ajustes:

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia.
        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>

2 - Usted puede modificar el logotipo colocado 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://lh3.googleusercontent.com/-A68_6IL5HT4/Ts_MCe7mdMI/AAAAAAAAAws/75eVTMR7E04/s100/blueorigin%252520.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}

3- 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. También lo puede reemplazar por una imagen escrita


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;
}

4- 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 -->

5- 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://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links -->


6 -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=5;
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-->

7- 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;
}

8- 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.

9- El área de escritura se ha ampliado al máximo para su comodidad.
10- 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.


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

12- 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>
               
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='Tweet this!' src='https://lh4.googleusercontent.com/-X_3RQNRh34o/Tm61YPtFFXI/AAAAAAAAASQ/Yds-QOAVg14/twitter02darku.png'/></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://lh6.googleusercontent.com/-xvvjHqDlW0E/Tm61X9rkK1I/AAAAAAAAASI/jO6ZZXe1mcE/stumbleupondark.png'/></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://lh5.googleusercontent.com/-SCJ4MNpGSSw/Tm61UoDgK3I/AAAAAAAAAQw/hEVmYGkAsmc/diggdark.png'/></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://lh5.googleusercontent.com/-qUHbsY1h66M/Tm61UtFkoXI/AAAAAAAAAQo/OQ0a9RjL_W0/deliciousdark.png'/></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://lh6.googleusercontent.com/-US7fqyuvyaM/Tm61UwDUzoI/AAAAAAAAAQ0/ikJEoUrmrnM/facebookdark.png'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
13- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

domingo, 30 de septiembre de 2012

Blogger Templates / Curves-OPINTEMPLATES

0 comentarios
Estilo Magazine
3 Columnas en footer
Ancho fijo
Color amarillo, blanco
Calificación 90%

Template original de OPINTEMPLATES



Ajustes:
0 - Usted puede modificar el texto de bienvenida a su blog modificando las siguientes líneas

<!-- Start - put your amazing slogan here! -->
Put your amazing slogan here!
<!-- End - put your amazing slogan here! -->
</div>
<div class='box-introb'>
<!-- Start - second line! -->
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
<!-- End - second line! -->

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia.
        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>

2 - Usted puede modificar el logotipo colocado 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://lh3.googleusercontent.com/-A68_6IL5HT4/Ts_MCe7mdMI/AAAAAAAAAws/75eVTMR7E04/s100/blueorigin%252520.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}

3- 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. También lo puede reemplazar por una imagen escrita


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;
}

4- 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 -->

5- 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://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links -->


6 -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=5;
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-->

7- 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;
}

8- 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.

9- El área de escritura se ha ampliado al máximo para su comodidad.
10- 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.


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

12- 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>
               
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='Tweet this!' src='https://lh4.googleusercontent.com/-X_3RQNRh34o/Tm61YPtFFXI/AAAAAAAAASQ/Yds-QOAVg14/twitter02darku.png'/></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://lh6.googleusercontent.com/-xvvjHqDlW0E/Tm61X9rkK1I/AAAAAAAAASI/jO6ZZXe1mcE/stumbleupondark.png'/></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://lh5.googleusercontent.com/-SCJ4MNpGSSw/Tm61UoDgK3I/AAAAAAAAAQw/hEVmYGkAsmc/diggdark.png'/></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://lh5.googleusercontent.com/-qUHbsY1h66M/Tm61UtFkoXI/AAAAAAAAAQo/OQ0a9RjL_W0/deliciousdark.png'/></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://lh6.googleusercontent.com/-US7fqyuvyaM/Tm61UwDUzoI/AAAAAAAAAQ0/ikJEoUrmrnM/facebookdark.png'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
13- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

viernes, 21 de septiembre de 2012

Blogger Templates / Rosa Mosqueta-OPINTEMPLATES

0 comentarios
Estilo Magazine
3 Columnas en footer
Ancho fijo
Color rojo, blanco
Calificación 90%

Template original de OPINTEMPLATES



Ajustes:
0 - Usted puede modificar el texto de bienvenida a su blog modificando las siguientes líneas

<!-- Start - put your amazing slogan here! -->
Put your amazing slogan here!
<!-- End - put your amazing slogan here! -->
</div>
<div class='box-introb'>
<!-- Start - second line! -->
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
<!-- End - second line! -->

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia.
        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>

2 - Usted puede modificar el logotipo colocado 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://lh3.googleusercontent.com/-A68_6IL5HT4/Ts_MCe7mdMI/AAAAAAAAAws/75eVTMR7E04/s100/blueorigin%252520.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}

3- 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. También lo puede reemplazar por una imagen escrita


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;
}

4- 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 -->

5- 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://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links -->


6 -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=5;
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-->

7- 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;
}

8- 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.

9- El área de escritura se ha ampliado al máximo para su comodidad.
10- 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.


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

12- 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>
               
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='Tweet this!' src='https://lh4.googleusercontent.com/-X_3RQNRh34o/Tm61YPtFFXI/AAAAAAAAASQ/Yds-QOAVg14/twitter02darku.png'/></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://lh6.googleusercontent.com/-xvvjHqDlW0E/Tm61X9rkK1I/AAAAAAAAASI/jO6ZZXe1mcE/stumbleupondark.png'/></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://lh5.googleusercontent.com/-SCJ4MNpGSSw/Tm61UoDgK3I/AAAAAAAAAQw/hEVmYGkAsmc/diggdark.png'/></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://lh5.googleusercontent.com/-qUHbsY1h66M/Tm61UtFkoXI/AAAAAAAAAQo/OQ0a9RjL_W0/deliciousdark.png'/></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://lh6.googleusercontent.com/-US7fqyuvyaM/Tm61UwDUzoI/AAAAAAAAAQ0/ikJEoUrmrnM/facebookdark.png'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
13- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

jueves, 30 de agosto de 2012

Blogger Templates - Chocolate Patagónico OPINTEMPLATES

0 comentarios

Template Premium Original
Magazine
Premium
Author: OPin
Slider 
Dos columnas
Se oculta Sidebar al ingresar
Footer (Tres columnas) al pie
Ancho Fijo
Marrón, Amarillo
Califica 90%
Template Propio

To see how to adjust the template read the instructions using the translator on the sidebar.

Cómo instalar su nueva plantilla Blogger de OPintemplates?


1. Por favor, descargue la plantilla (Template) de su elección (zip) y luego extraiga (descomprima) el archivo.


Descargar plantilla (Template)


2. Entrar a Blogger con su identificación


3. En el panel, haga clic en Diseño → Edición de HTML


editar HTML


4. ¿Haga una copia de seguridad haciendo clic en Descargar plantilla completa


copia de seguridad


5. Haga clic en el botón Examinar ... y seleccione el archivo de la plantilla de favoritos que usted acaba de descargar y descomprimir (extensión : .XML) y a continuación, haga clic en el botón Subir


subir plantilla


6. Cuando haya un aviso preguntando si desea mantener sus Widgets, haga clic en el botón MANTENER WIDGETS


mantener widgets de la antigua plantilla


7. Reacomode la ubicación de sus WIDGETS en Diseño- Elementos de la página de acuerdo al nuevo diseño arrastrándolos con el mouse de una posición a otra.

Reacomodar


8. Listo. Disfrute de la nueva apariencia de su plantilla Blogger de OPintemplates.

9. Usted puede utilizar esta Plantilla o Template tanto para fines comerciales o privados en forma libre siempre y cuando no altere los créditos que se encuentran al pie de la misma. Usted puede reubicar los créditos con la finalidad de mejorar la estética pero no debe alterar el contenido de los mismos.
Las plantillas gratuitas de OPintemplates se encuentran protegidas por la Atribution Creative Commons 3.0 de validez internacional.
Para detalles más específicos acerca de la licencia, usted puede visitar la siguiente página:
http://creativecommons.org/licenses/by/3.0/



Ajustes:
0 - Usted puede modificar el texto de bienvenida a su blog modificando las siguientes líneas

<!-- Start - put your amazing slogan here! -->
Put your amazing slogan here!
<!-- End - put your amazing slogan here! -->
</div>
<div class='box-introb'>
<!-- Start - second line! -->
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
<!-- End - second line! -->

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia.

        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>

2 - Usted puede modificar el logotipo colocado 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://lh3.googleusercontent.com/-A68_6IL5HT4/Ts_MCe7mdMI/AAAAAAAAAws/75eVTMR7E04/s100/blueorigin%252520.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}

3- 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. También lo puede reemplazar por una imagen escrita


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;
}

4- 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 -->

5- 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://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links -->


6 -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=5;
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-->

7- 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;
}


8- 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.

9- El área de escritura se ha ampliado al máximo para su comodidad.
10- 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.



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

12- 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>
               
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='Tweet this!' src='https://lh4.googleusercontent.com/-X_3RQNRh34o/Tm61YPtFFXI/AAAAAAAAASQ/Yds-QOAVg14/twitter02darku.png'/></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://lh6.googleusercontent.com/-xvvjHqDlW0E/Tm61X9rkK1I/AAAAAAAAASI/jO6ZZXe1mcE/stumbleupondark.png'/></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://lh5.googleusercontent.com/-SCJ4MNpGSSw/Tm61UoDgK3I/AAAAAAAAAQw/hEVmYGkAsmc/diggdark.png'/></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://lh5.googleusercontent.com/-qUHbsY1h66M/Tm61UtFkoXI/AAAAAAAAAQo/OQ0a9RjL_W0/deliciousdark.png'/></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://lh6.googleusercontent.com/-US7fqyuvyaM/Tm61UwDUzoI/AAAAAAAAAQ0/ikJEoUrmrnM/facebookdark.png'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
13- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

miércoles, 15 de agosto de 2012

Blogger Templates - Mental Stones OPINTEMPLATES

0 comentarios

Template Premium Original
Magazine
Premium
Author: OPin
Slider 
Dos columnas
Se oculta Sidebar al ingresar
Footer (Tres columnas) al pie
Ancho Fijo
Rojo ladrillo, gris-blanco
Califica 90%
Template Propio

To see how to adjust the template read the instructions using the translator on the sidebar.

Cómo instalar su nueva plantilla Blogger de OPintemplates?


1. Por favor, descargue la plantilla (Template) de su elección (zip) y luego extraiga (descomprima) el archivo.


Descargar plantilla (Template)


2. Entrar a Blogger con su identificación


3. En el panel, haga clic en Diseño → Edición de HTML


editar HTML


4. ¿Haga una copia de seguridad haciendo clic en Descargar plantilla completa


copia de seguridad


5. Haga clic en el botón Examinar ... y seleccione el archivo de la plantilla de favoritos que usted acaba de descargar y descomprimir (extensión : .XML) y a continuación, haga clic en el botón Subir


subir plantilla


6. Cuando haya un aviso preguntando si desea mantener sus Widgets, haga clic en el botón MANTENER WIDGETS


mantener widgets de la antigua plantilla


7. Reacomode la ubicación de sus WIDGETS en Diseño- Elementos de la página de acuerdo al nuevo diseño arrastrándolos con el mouse de una posición a otra.

Reacomodar


8. Listo. Disfrute de la nueva apariencia de su plantilla Blogger de OPintemplates.

9. Usted puede utilizar esta Plantilla o Template tanto para fines comerciales o privados en forma libre siempre y cuando no altere los créditos que se encuentran al pie de la misma. Usted puede reubicar los créditos con la finalidad de mejorar la estética pero no debe alterar el contenido de los mismos.
Las plantillas gratuitas de OPintemplates se encuentran protegidas por la Atribution Creative Commons 3.0 de validez internacional.
Para detalles más específicos acerca de la licencia, usted puede visitar la siguiente página:
http://creativecommons.org/licenses/by/3.0/



Ajustes:
0 - Usted puede modificar el texto de bienvenida a su blog modificando las siguientes líneas

<!-- Start - put your amazing slogan here! -->
Put your amazing slogan here!
<!-- End - put your amazing slogan here! -->
</div>
<div class='box-introb'>
<!-- Start - second line! -->
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
<!-- End - second line! -->

1 - Usted puede cambiar las imágenes del Slider cambiando las existentes por las de su preferencia.

        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>

2 - Usted puede modificar el logotipo colocado 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://lh3.googleusercontent.com/-A68_6IL5HT4/Ts_MCe7mdMI/AAAAAAAAAws/75eVTMR7E04/s100/blueorigin%252520.png)no-repeat;
position:absolute;
left:0;
height:78px;
top:45px;
}

3- 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. También lo puede reemplazar por una imagen escrita


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;
}

4- 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 -->

5- 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://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links -->


6 -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=5;
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-->

7- 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;
}


8- 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.

9- El área de escritura se ha ampliado al máximo para su comodidad.
10- 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.



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

12- 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>
               
<a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&amp;title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()'><img alt='Tweet this!' src='https://lh4.googleusercontent.com/-X_3RQNRh34o/Tm61YPtFFXI/AAAAAAAAASQ/Yds-QOAVg14/twitter02darku.png'/></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://lh6.googleusercontent.com/-xvvjHqDlW0E/Tm61X9rkK1I/AAAAAAAAASI/jO6ZZXe1mcE/stumbleupondark.png'/></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://lh5.googleusercontent.com/-SCJ4MNpGSSw/Tm61UoDgK3I/AAAAAAAAAQw/hEVmYGkAsmc/diggdark.png'/></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://lh5.googleusercontent.com/-qUHbsY1h66M/Tm61UtFkoXI/AAAAAAAAAQo/OQ0a9RjL_W0/deliciousdark.png'/></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://lh6.googleusercontent.com/-US7fqyuvyaM/Tm61UwDUzoI/AAAAAAAAAQ0/ikJEoUrmrnM/facebookdark.png'/></a>
               
            </div>
       
        <!-- end Social Sharing Icons -->
13- 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='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.

older post