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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCi8d3AuspnqpCgsTA8uZQzHLnTj0taZyn3GeJpLSWPA7NyJp_VpLQaahWrgVXvJarpBopsja9Dew7KDLmpJL2I8BFJ3hGM2bd-W-lKP6CjlgnWHesDAsUD-vMpsSUehTz37-gzrr4Vwm8/s1002/Imagena.png' title='' width='1000'/></a>
</div>
<div class='spanel'>
<a href='#Link'><img class='slideimg' height='300' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_BtPV_QgipiKFkMPmSTFpjDkd2RagUwP_ZTp4w5aWWrYFMHsivhgutnkdVwt2USmAjUpeekLgakTlvt4fh1imZ6HW7k-F3ZryEk4FhvGuUdul557UyQICn9lEb0rllCp98noAeXwfKyJB/s1000/Imagenb.png' title='' width='1000'/></a>
</div>
<div class='spanel'>
<a href='#Link'><img class='slideimg' height='300' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtXin0ik1rYZ-F2sXsD9N1dLoZw7fMxgvwc7x685IJOei3R5DDF2_X1PmP8pf8ZFtzHOmhD_4WeZXax0HgxYGAxSskCB819LcjsDI4C8jv0lB3K5yzl9B8UjVVolPcwgKzBX83BlLAm5F/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('6',150,'ahcsphjjpxc','ff0000');</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhV5oLxzKC122KFrbbTJ5tD1EnJZD_LTqhE4AOHo4rQrsH95AV2smMkS9PnxslC3yDeHss3KDHxe1hyH9dU7C3UYilX2JyF_-km7ozL7A-ODvfgeXyZswtaBAgw6TayyjnkARuDf-LcMf/s220/casa_rossa_naif.jpg");
}
.ch-img-2 {
background-image: url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijbH41YWlzil9jwZlK7tyINpEWhiVFvc30Jx414R4UUQSJdhnWAD5DGB79liYRgmzdl6pTU7MgAt_JRm9xMUkosQ7JPTCzKOLKK1v-VwjLBpkNgiG9vqdLbNO3nSNh5Tlk5o5uVpuErOqx/s220/gallo_naif.jpg");
}
.ch-img-3 {
background-image: url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1ihH580w451H0KBpYXcajFa1OB62Z5twP2apBOMvXSOWV2fwNBI-RRFa4S487lTKubOWx2ec5U9a8TOV99I19rYBsFpnhAqrHJfD9SC_EcIcaM9klk3Sz8VN7gJBvUMwFT79gEKkJbSK/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 ='«';
var downPageWord ='»';
</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMoSWJbIdwfAANKOw3APKb0I_lE_KOuCPS-gDtBmY321ynk5zLH47yEVtNSArRbMNWTrypW_zp4q0rg3gkGeOVSCJ2bsHb0Pe5cISpzvR1RhMUSCpP2EtbfxZg6LeeTb-9HviSxEoQ6U0G/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMoSWJbIdwfAANKOw3APKb0I_lE_KOuCPS-gDtBmY321ynk5zLH47yEVtNSArRbMNWTrypW_zp4q0rg3gkGeOVSCJ2bsHb0Pe5cISpzvR1RhMUSCpP2EtbfxZg6LeeTb-9HviSxEoQ6U0G/s1600/opt.png' rel='icon' type='image/x-icon'/>
Listo. A disfrutarla.
Ver más
