Ocultar Suscribirse a: Entradas (Atom) de Blogger

Si quieres quitar el texto que aparece a lo ultimo de cada entrada Suscribirse a Entradas Atom solamente tienen que seguir estos pasos cortos y listo

1. Nos dirigimos a Diseño> Edición de HTML.
2. Pulsamos en el teclado Ctrl + F y buscamos el siguiente código: ]]></b:skin>
3. Y antes del código encontrado copiamos y pegamos el siguiente código:

.feed-links {
display: none;
visibility: hiden;
}

Seguir leyendo»

Como agregar Gadget de 5 estrellas en Blogger

Con este tutorial sera posible que sus lectores y visitantes de su blog. Puendan calificar sus entradas Con Este Gadget de Clasificacion de Estrella para su blog las estrellas pueden ser colocadas en la parte superior o inferior en cada entrada de su blog para que los visitantes pueden clasificar su articulo

Instalar el widget de 5 estrellas en blogger :

Plantilla - Editar HTML

Ahora solo buscar </head> , Después de encontrar la etiqueta Copiar el siguiente código y pegarlo justo encima o antes de el.

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

Ahora tambien buscar el siguiente:  <data:post.body/> y pegar el codigo de abajo  por encima  o debajo 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

Eso fue todo espero que les agrade

Seguir leyendo»

Hermoso Contador Gadget de Redes Sociales

Hola en esta ocacion les traigo Un Contador de Seguidores  Gadget de Redes Sociales seguidores de Facebook, Twitter y Google + 

 Este widget es muy fácil de instalar y servirá a tus seguidores a que te sigan en tus redes sociales y ver la cantidad de seguidores que tienes en las redes.

 Pasos para instalar el widget a su blog:

• Ir a Blogger > 
• Diseño 
• Elija Añadir un gadget o Añadir un elemento de página Seleccione HTML / JavaScript 
• Pegue el siguiente código en su interior

<br/><br/><div class="arqam-widget-counter arq-flat arq-col3">
 <ul>
 <li class="arq-facebook">
 <a href="URL DE TU PAGINA FACEBOOK" target="_blank">
 <i class="arqicon-facebook"></i>
 <span class="share__count"></span>
 <small>Seguidores</small>
 </a>
 </li>
 <li class="arq-twitter">
 <a href="URL DE TU TWITTER " target="_blank">
 <i class="arqicon-twitter"></i>
 <span class="tshare__count"></span>
 <small>Seguidores</small>
 </a>
 </li>
 <li class="arq-google">
 <a href="URL DE TU GOOGLE +" target="_blank">
 <i class="arqicon-gplus"></i>
 <span class="gshare__count"></span>
 <small>Seguidores</small>
 </a>
 </li>
 </ul>
</div>
<link href='https://googledrive.com/host/0B0LTexRNPYFjQTRiV290Umo4bm8/arqam.css' rel='stylesheet' type='text/css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var f_page = 'Tu Nombre de usuario de facebook';
var t_page = 'Tu nombre de usuario de twitter';
var g_page = 'Tu nombre de usuario de google +';
var g_key = 'AIzaSyDV4Tsar8AblExfmdCt5E8mEPWuLtF_cP0';
var I1l='==wOpkSZwF2YzV2XoUGchN2cl5WdoUGdpJ3duQnbl1Wdj9GZ7kCMwkEKkxWaoNEZuVGcwFmLwAzTKsTXwsVKnQWYlh2JoUWbh50ZhRVeCNHduVWblxWR0V2ZuQnbl1Wdj9GZg0DIwAzTgIXY2pwOpwkUV5CduVWb1N2bkhCduVmbvBXbvNUSSVVZk92YuV2Kn0DbyVnJnsSKyVmcyVmZlJnL05WZtV3YvRGK05WZu9Gct92QJJVVlR2bj5WZrcSPmVmcmcyKns2b9MmczRXZn9zLt92YuUGdhN2c1ZmYvlXbukGch9yL6AHd0h2Jg0DIjJ3cuADMJpwOpcCdwlmcjN3JoQnbl1WZsVUZ0FWZyNmL05WZtV3YvRGI9ACMwkEIyFmd7cSRzUCdwlmcjN3LDNTJCNTJ5ITJEdTJBBTJwITJwITJCNTJ5ITJEdTJBBTJCNTJ5ITJ05WdvN2XfVmchh2cnhjMlwWb0hmL5ITJ3ITJ05WdvN2XfVmchh2cn5yNyUCOyUCNyUSQwUiQzUCR1UyNyUCduV3bDVmbPNXdsB3NyUiQ1USY0FGZwITJENTJwITJ05WdvN2XfVmchh2cnFEMlI0NlAjMlkjMlEGdhRGOyUibvlGdj5WdmBjMlMkMlcjMlY0MlQ0Mls2YhJGbsF2Y2ITJ3ITJrkXZr91ZrcjMlQ0MlkXZrZ0MlcjMlsSZnFGcfd2K3ITJvUGbw9WZw9SM29yc1xGcv02bj5ycpBXYlx2Zv92Zuc3d39yLBNTJzBHd0h2NyUCOyUiTPNlS0V2ZuQjMlEEMlI0MlkjMlQ0NlEEMlI0MlkjMlQnb192Yf9VZyFGazRHOyUCbtRHaukjMlcjMlQnb192Yf9VZyFGazRnL3ITJ4ITJ0ITJBBTJCNTJEVTJ3ITJ05WdvN2XzJXZ39Gbs9mZ3ITJCVTJhRXYkBjMlQ0MlAjMlQnb192Yf9VZyFGazRXQwUiQ3UCMyUSOyUSY0FGZ4ITJu9Wa0Nmb1ZGMyUyQyUyNyUiRzUCRzUyajFmYsxWYjZjMlcjMlsSZnFGcfR3K3ITJENTJl1WYu9lblVmcjNnRzUibvNnauc3boN3LzJXZzV3Lx8SbvNmLyVGd0l2d05SawFmLuR2Yv8SQzUCc0RHa3ITJ4ITJO90UKRXZn5CNyUSQwUiQzUSOyUCR3USQwUiQzUSOyUCduV3bj91XlJXYoNHOyUCbtRHaukjMlcjMlQnb192Yf9VZyFGaz5yNyUCOyUCNyUSQwUiQzUCR1UyNyUycltWasdjMlIUNlEGdhRGMyUCRzUCMyUCduV3bj91XlJXYoNHMyUichZXQwUiQ3UCMyUSOyUSY0FGZ4ITJu9Wa0Nmb1ZGMyUyQyUyNyUiRzUCRzUyajFmYsxWYjZ0MlcjMlsSZnFGcfZ2K3ITJv02bj5yav9mYlNWYm5CawFmcn9yLBNTJzBHd0h2NyUCOyUiTPNlS0V2ZuQjMlEEMlI0NlkjMlgjMl42bpR3YuVnZ4ITJ5RWYlJnL5ITJ05WZtV3YvRGOyUCNyUSRzUCdwlmcjN3QzUyJ9UGchN2cl9FIyFmd';var _0x84de=["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=","","charAt","indexOf","fromCharCode","length"];function _0Ol(data){var OOIlOI=_0x84de[0];var o1,o2,o3,h1,h2,h3,h4,bits,i=0,enc=_0x84de[1];do{h1=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h2=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h3=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h4=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));bits=h1<<18|h2<<12|h3<<6|h4;o1=bits>>16&0xff;o2=bits>>8&0xff;o3=bits&0xff;if(h3==64){enc+=String[_0x84de[4]](o1);} else {if(h4==64){enc+=String[_0x84de[4]](o1,o2);} else {enc+=String[_0x84de[4]](o1,o2,o3);} ;} ;} while(i<data[_0x84de[5]]);;return enc;} ;function OOI(string){var ret=_0x84de[1],i=0;for(i=string[_0x84de[5]]-1;i>=0;i--){ret+=string[_0x84de[2]](i);} ;return ret;} ;eval(_0Ol(OOI(I1l)));
</script>

Asegúrate de cambiar todo lo que esta en Color Rojo por tus datos eso fue todo espero que les guste

Seguir leyendo»

Barra flotante con botones de Facebook, Twitter y Google+ en Blogger

Hoy les traigo un tutorial para colocar barra flotante o deslizante con los botones de compartir de las redes sociales y también la opción cerrar empecemos el tutorial:

Características del la barra:

*Botones Facebook, twitter, google+.
*Esta flotando a la derecha zona media.
*Su posición es modificable.

Primero vamos a Plantilla > Editar HTML > y luego buscamos la etiqueta

</body>

Debajo de ella colocamos el siguiente codigo :

 <div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 Ahora vamos a Diseño>Añadir Gadget... y agregamos un gadget HTML/Javascript y en el pegamos este código:

<style type="text/css">
#menudesli {
background-color: #00FFFF; /* Color de fondo */
width: 75px;
padding-top:5px;
padding-bottom:25px;
text-align: center;
/* POSICION FLOTANTE */
position:fixed !important;
right:5%;  /* Esto decide Izquierda o derecha 5% */
top:200px;  /* Distancia de arriba para abajo */
z-index:10 !important
/* POSICION FLOTANTE */
/* REDONDEADO */
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
/* REDONDEADO */
  border:-color: #000000; /* Color de borde */
  border-width: 2px;
  border-style: solid;
}
</style>
<div id="light" class="white_content">
<div class="menudesli" id="menudesli">

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://3.bp.blogspot.com/-_0qFToAh1VM/UVtBehic5GI/AAAAAAAAHBE/y8k-BUg54PE/s1600/cerr.png" border="0"/></a>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="75" data-show-faces="false" data-font="arial"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="tall">
</div>

 y Listo ya lo tenemos listo nuestra barra para blogger es muy fácil editar el código para los colore si quieren cambiar la Imagen en el código verán el link VERDE esa es la imagen lo que esta en ROJO son botones aleatorios de twitter y facebok los pueden cambiar por el codigo de sus fan pages o respectivos twitters espero que les haya gustado el tutorial.

Seguir leyendo»

Cambiar Cursos en blogger

Hola amigos de Trucos gadgets blogger Hoy les traigo un truco de como cambiar el cursor de mi blog blogger de de una manera facil y sencilla y rápida.

Primero vamos a esta pagina que ofrece este servicio de: Gif Animados elijan el que mas les guste, yo elijo este :

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/umbreon.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/umbreon.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

Ahora vamos a nuestra plantilla y pegamos el codigo de arriba justo antes de la etiqueta  </body> y tendra nuevo cursos

Seguir leyendo»

Alinear imagenes videos elementos y gadgets del blog

En esta ocacion les dejo un tutorial de como alinear los elementos o gadgers del blog, ya sea centrarlos o alinearlos a un lado especifico

Sirve para alinear los siguientes elementos imágenes  vídeos contenedores etc les dejo los códigos para alinear :

Centrar

<div align="center">
Aquí va lo que se quiere centrar
</div>

A la izquierda

<div align="left">
Aquí va lo que se quiere a la izquierda
</div>

A la derecha

<div align="right">
Aquí va lo que se quiere a la derecha
</div>

Solo tienes que agregar donde se indica poner el código del elemento que quieres alinear  ya sea algo que este dentro de una entrada o un gadget

Seguir leyendo»

Como Agregar un gadget de posts al azar con imagen en miniatura

¿Buscas un gadget que muestre post aleatorios en tu blog?
¿Y que ademas muestre una imagen en miniatura?

Buscar como poner gadget de post al azar con imagen en miniatura a tu blog blogger bueno este es el tutorial que buscas muy sencillo y facil de instalar

para instalar el gadget vamos a :

Escritorio de Blogger > Diseño > Añadir un Gadget > HTML/JavaScript

Y pegamos el siguiente codigo en un HTML/JavaScript

<style type="text/css">
 #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}
</style>
<ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Comentarios';
    var rdp_disable='Comments Disabled';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYigkKmFo4EWXlolzibzfAr-Lz5UwVbTzP1urbAADaDzVvGoQr9I7x6UBYhLfY-Pz35XzsZbaU7DRl7d8ncwGKyJVrVe_PPcJR4FAVWjcdWiuKUJrtSDubkIKPoNEreqTzO5oFWDwpfw/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>

El numero 5 en color rojo es la cantidad que post a mostrar en tu blog si quieres puedes modificarlo espero que les guste 

Blog de prueba : DEMO

Seguir leyendo»