Ocultar o Eliminar la atribución de blogger

Para Ocultar la Atribución de blogger, los créditos en las plantillas.

Ir a:

Diseño → Diseñador de plantillas → Avanzado → Añadir CSS

en el campo, para Añadir código CSS personalizado, agregamos el siguiente código:

/* Atribución de Blogger
----------------------*/
#Attribution1 {
display:none;
visibility:hidden;
}

Para Eliminar la atribución de blogger

Ir a:

Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ►

Buscamos

Attribution1

Nos localizara esta linea

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

cambiar true por false quedando de esta manera

<b:widget id='Attribution1' locked='false' title='' type='Attribution'>

►Guardamos plantilla.



Con este cambio habremos eliminado las limitaciones, habilitado la opción Eliminar el gadget.


Por ultimo vamos a:


Página principal ► Diseño ► Reconocimiento 

Veremos que tenemos la opción Eliminar el gadget.

Leer más »

Ocultar Entradas (Atom) en Blogger

Para poner Ocultar Entradas (Atom) en tu blog de blogger

Ve a

• Diseño
• Diseñador de plantillas
• Avanzado
• Añadir CSS, y ahí en el campo, para Añadir código CSS personalizado, agregamos el siguiente código:

/*Entradas (Atom)
-----------*/
.feed-links{
display:none
}

Leer más »

Flechas de Ir arriba e Ir abajo con jQuery

Para poner en tu blog de blogger las Flechas de Ir arriba e Ir abajo con jQuery

  

Ve a

• Diseño
• Diseñador de plantillas
• Avanzado
• Añadir CSS, y ahí en el campo, para añadir CSS personalizado, agregamos el siguiente código:

/* Flecha de Ir arriba e Ir abajo con jQuery
----------------------------------------------- */
.nav_up{
padding:7px; /* Distancia entre el borde y el ícono */
background-color:white;
border:1px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5vlx3JUleWUIbH9eYW_biIhD3ZMH6U7vWZyrV-8fCQpR0oGCz8eTPV4rwQJmW_YwNbRw_frrpJG2ciS_luthTUWM1h0yeeVXcSqReKMTYywdyd9Mh87G_o91Dx_k8XH5wlhNiIo3lty2k/w40-h40-p/1412275859_icon-ios7-arrow-up-64.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Ancho del botón */
height:20px; /* Alto del botón */
bottom:250px; /* Distancia desde abajo */
right: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:1px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSOJwgyBVSNTUyxVS10hTJHm-HpwfwlMEmid0GjvfBgnmJFJrH-w5urTaowksSfa-ZES_IvYTc0tXRw1rAumjeRG5gNtuSegCFhlbSPnSgcz9epCcmkVFqAXQdKZFaplpnp7Un-aDUnfWp/w40-h40-p/1412275877_icon-ios7-arrow-down-64.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Ancho del botón */
height:20px; /* Alto del botón */
bottom:250px;/* Distancia desde abajo */
right: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);
}

Luego ir a

Plantilla → Editar HTML → Crtl + f → buscamos </body> → pegar arriba de </body> el siguiente <script>

<div class='nav_up' id='nav_up' style='display:none;'/>
<div class='nav_down' id='nav_down' style='display:none;'/>
<script>
//<![CDATA[
(function(){var special=jQuery.event.special,uid1='D'+(+new Date()),uid2='D'+(+new Date()+1);special.scrollstart={setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}else{evt.type='scrollstart';jQuery.event.handle.apply(_self,_args)}timer=setTimeout(function(){timer=null},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid1,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid1))}};special.scrollstop={latency:300,setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}timer=setTimeout(function(){timer=null;evt.type='scrollstop';jQuery.event.handle.apply(_self,_args)},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid2,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid2))}}})();
$(function() {
var $elem = $('body');
$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');
$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});
$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
} );
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
} );});
//]]></script>

Así tendremos nuestras Flechas de Ir arriba e Ir abajo con jQuery en nuestro blog

Leer más »

Avatares redondeados en comentarios

Avatares redondeados en comentarios
Ve a

• Diseño
• Diseñador de plantillas
• Avanzado
• Añadir CSS, y ahí en el campo, para añadir CSS personalizado, agregamos el siguiente código:

 .comments .avatar-image-container {
position:relative;
float: left;
overflow: hidden;
width: 50px ;
height: 50px;
max-height: 50px ;
margin: 0 0 0 -15px;
padding: 0px;
border: 2px solid #ff1493;
border-radius: 50px; }
.comments .avatar-image-container img {
width: 50px;
height: 50px;
max-width:50px;
border-radius:50px;}

►En border: 2 px solid #ff1493; se puede cambiar el ancho del borde y el color.

Leer más »