sábado, 12 de enero de 2013

Blogger Templates / Circles - OPINTEMPLATES

Comparte

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

Template original de OPINTEMPLATES



NO Responsive Template

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.

OPINTEMPLATES

0 comentarios:

Publicar un comentario