programas miramar: 2013

Crazy craft juego online <!--[if lt IE 7]> <![endif]

http://www.andysowards.com/blog/2012/80-logo-psd-template-files-for-free-download/
http://o0-sam-0o.deviantart.com/art/PSD-sam-100481581

http://es.all-free-download.com/psd-gratis/misc/glamour_alfabeto_40532_download.html

http://www.freepik.es

waltersilgadorivera@yahoo.com.co

/* Botones de Ir arriba e Ir abajo con jQuery

/* Botones de Ir arriba e Ir abajo con jQuery
----------------------------------------------- */
.nav_up{
padding:7px; /* Distancia entre el borde y el ícono */
background-color:white;
border:0px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAQ92x4ceDRG0WUvrLzYHbgckz3ZwVuZ4dBSmF65fPTi5XjBmKXa7lLs1LSZdk0SphV9D_h-18E__NDObkYCXOWgxtWcRhpSgV36PAQsyAIZlQpB939DhncfL6Orep3qNodWGp2W_6VqjH/s1600/vHDig.png) no-repeat top left;
background-position:50% 50%;
width:38px; /* Ancho del botón */
height:38px; /* Alto del botón */
bottom:20px; /* Distancia desde abajo */
left:30px; /* Cambiar left por right si se quiere a la derecha */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
padding:7px; /* Distancia entre el borde y el ícono */
background-color:white;
border:0px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFHnxvdd_oH1hl04EhodxAMsO7AfiWs9IVlFsSKZ0MZULaqkD7Xy-4Il1_3BuXGnDPdntpqpGu3oIXNUA9rJjcu7WXQUdoVnMIryGm6pvNYrrblSb46Uj1YiceTBhnRtjcaSqyAtZ2Xrs/s1600/vHDik.png) no-repeat top left;
background-position:50% 50%;
width:38px; /* Ancho del botón */
height:38px; /* Alto del botón */
bottom:10px;
left:70px; /* Cambiar left por right si se quiere a la derecha */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

http://www.pazosblogger.com/

http://www.lucidsamples.com/

http://www.iniciablog.com/2011/05/los-mejores-trucos-blogger-blog.html

http://www.ayudadeblogger.com/search?updated-max=2012-10-21T13%3A19%3A00-05%3A00&max-results=4

codigo de numeraciona para cualquiera plantilla
http://www.paradablog.com/como-anadir-un-menu-para-numerar-las-paginas-en-blogger/

http://ciudadblogger.com/2011/07/quitar-el-leer-mas-automatico-en-las.html

PARA COPIAR EN EL BLOG SELECIONE EL TEXTO Y LUEGO

COPIAR: Control + C

PEGAR: Control + V

http://www.officialcartagena.com/

http://hogarblogger.blogspot.com.ar/2012/08/video-tutorial-8-como-colocar-musica-de.html#.UPM96LJoViI

http://www.ayuda-bloggers.info/2011/11/menu-horizontal-para-blogger-con.html

http://ciudadblogger.com/2011/05/crear-un-intro-para-el-blog.html

http://makonico.blogspot.com/2011/08/navegador-de-numeros.html

http://titeritos.net/Web/

http://djmotionpr.blogspot.com/

Como lograr Colocar o poner Un slider en Blogger(Galeria Con imagenes c

CODIGO 1

<div id="wrappera">
<div id="slider">
<div class="inslider">

<div class="contentholder">
<div class="contentslider">

<div class="contenta">
<h1>Pruba slider 1</h1>
<p>Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen </p>
</div>
<div class="contenta">
<h1>Prueba slide 2</h1>
<p>Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen</p>
</div>
<div class="contenta">
<h1>Prueba slider 3</h1>
<p>Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen </p>
</div>
<div class="contenta">
<h1> PRUEBA SLIDER 4</h1>
<p>Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen. </p>
</div>
</div>
</div>


<div class="contentnav">
<a rel="1" href="#">1</a>
<a rel="2" href="#">2</a>
<a rel="3" href="#">3</a>
<a rel="4" href="#">4</a>
</div>
</div>
</div>
</div>
</div>
--------------------------------------------------------------------------------------------------------------------
CODIGO 2

#wrappera {
width:560px;
margin-left:auto;
margin-right:auto;
margin-top: 19px;
overflow:visible;
}

#slider {
background-color: #f7f7f7;
position:relative;
padding:20px;
overflow:hidden;
}
.contenta {
width:520px;
float: left;
position: relative;
}
.inslider a {
text-decoration:none;
}
.contentholder {
height:250px;
width: 520px;
overflow: hidden;
position: relative;
}
.contentslider {
position: absolute;
top: 0; left: 0;
}
.imgslider img {
float: left;
}
.contentnav {
position: absolute;
bottom: 30px; left:200px;
height:30px;
z-index: 100;
text-align: center;
line-height: 30px;
}
.contenta h2 a {
text-decoration: none;
color: #aa2222;
}
.contentnav a{
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
color: #aa2222;
}
.contentnav a.active {
font-weight: bold;
color:#FFF;
background: #aa2222;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}

----------------------------------------------------------------------------------------------------------------------------
CODIGO 3

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>

----------------------------------------------------------------------------------------------------------------------------
CODIGO 4

$(document).ready(function() {
//Activate First Link
$(".contentnav a:first").addClass("active");
//width of a single content area
var contentwidth = $(".contentholder").width();
//Total number of content
var totalcontent = $(".contenta").size();
//Total width of all content area
var allcontentwidth = contentwidth * totalcontent;
//contentslider to new size which we got in above step
$(".contentslider").css({'width' : allcontentwidth});
//Now right a new function for slide and slide navigation
rotate = function(){
//Number of times we need to slide
var slideid = $active.attr("rel") - 1;
//Set the distance which single content needs to slide
var slidedistance = slideid * contentwidth;
//Remove active class
$(".contentnav a").removeClass('active');
//Add Active Class
$active.addClass('active');
//Slider Animation
$(".contentslider").animate({
left: -slidedistance
}, 500 );
};

//Set Time for Rotation of slide
rotation = function(){
play = setInterval(function(){
//Next slide nav
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Move to first slide nav
$active = $('.contentnav a:first');
}
rotate();
//Timer speed 5 sec
}, 5000);
};
//Run rotation fuction
rotation();
$(".contentnav a").click(function() {
$active = $(this);
clearInterval(play);
rotate();
rotation();
return false;
});
});

paginad wed de contadores