viernes, 30 de octubre de 2015

Tutorial: Cómo hacer una bruja con palítos de helado [Halloween]

Ya que estamos en estas fechas de Halloween les mostraré como hacer una bonita manualidad para adornar sus casas.


Veremos cómo hacer una brujita con palitos de paleta o abatelenguas.

¿Que necesitamos?

* Palitos de paletas o abatelenguas
* Tijeras
* Pistola de silicon
* Pintura acrílica y pinceles
* Cartón
* Marcador negro permanente
* Foami o goma eva

Dificultad

Medio

¿Cuanto gastaremos?

No más de $30 mexicanos [2$ E.U.A]

Paso 1:

Una vez tengamos los materiales, vamos a comenzar.


Lo primero que tenemos que hacer es diluir la pintura acrílica, en este caso pintaremos los palitos de paleta de un color verde, si se ve un poco azul es porque la pintura aún no está seca.


Pintamos todos los palitos y tomamos el pedazo de cartón.

Paso 2:

Vamos a recortar un cuadrado que sea de menor tamaño a el tamaño deseado de la bruja, les recomendamos 8 palitos para un tamaño normal. Y pegamos los palitos al cartón:


Ahora con el foami recortamos unas figuras como las de la imagen y las pegamos sobre la base que ya estamos construyendo:


Les recomiendo color negro para que convine con el color de una bruja animada.

Paso 3:

Lo siguiente es dibujar el sombrero y recortarlo:


Una vez pegado lo podemos adornar de esta forma:


Tu le puedes añadir todos los detalles que quieras.

Paso 4:

Y bien, por último dibujaremos los ojos, la nariz y la boca con el marcador permanente:


Nosotros te damos solo una idea, tu puedes realizar los diseños que tu quieras, no hay límites con la imaginación.

Y bueno, de esta manera es como podemos hacer un bruja con palitos de paleta para halloween. Es una bonita manualidad para Halloween o día de muertos.

Fin del tutorial

jueves, 22 de octubre de 2015

Tutorial: Cómo poner un botón de seguir en Instagram en tu blog

Para los usuarios de Instagram que cuenten con un blog o sitio web este tutorial les puede ser de utilidad.


Hoy les mostraré cómo poner un botón de seguir en Instagram. En este caso serían Insignias de Instagram las que agregaríamos, ya que botones en si, no hay.

¿Que necesitamos?

* Blog o sitio en donde colocar el código
* Cuenta en Instagram

Dificultad

Fácil

Paso 1:

Bien, pues como les digo, botones oficialesde Instagram para seguir usuarios no hay, pero si unas bonitas insignias o badges que facilitan el acceso a tu cuenta de Instagram para los usuarios. Te mostraré cómo implementarlas en tu blog.

Lo primero que debes hacer es seleccionar cual de las siguientes insignias te gusta más:
Instagram
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>
<div align="center"><a href="http://instagram.com/TUUSUARIOAQUÍ?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a></div>
Instagram
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }</style>
<div align="center"><a href="http://instagram.com/TUUSUARIOAQUÍ?ref=badge" class="ig-b- ig-b-32"><img src="//badges.instagram.com/static/images/ig-badge-32.png" alt="Instagram" /></a></div>
Instagram
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-24 { width: 24px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png); background-size: 60px 178px; } }</style>
<div align="center"><a href="http://instagram.com/TUUSUARIOAQUÍ?ref=badge" class="ig-b- ig-b-24"><img src="//badges.instagram.com/static/images/ig-badge-24.png" alt="Instagram" /></a></div>
Instagram
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }</style>
<div align="center"><a href="http://instagram.com/TUUSUARIOAQUÍ?ref=badge" class="ig-b- ig-b-16"><img src="//badges.instagram.com/static/images/ig-badge-16.png" alt="Instagram" /></a></div>
Instagram
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<div align="center"><a href="http://instagram.com/TUUSUARIOAQUÍ?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a></div>

Ahora solo debes copiar el código y pegarlo en donde quieras que la insignia sea visible.
Una vez que coloques el código debes reemplazar el texto naranja por tu nombre de usuario en Instagram.
El resultado final lo puedes ver ahí mismo justo arriba del código al que corresponden.

Como podrás notar, son botones que envían a tu perfil de Instagram a quien los pulse, con esto facilitas el acceso a tus imágenes a tus usuarios y de esta manera ganar más seguidores en Instagram. Y bueno, esto es todo sobre cómo poner un botón de seguir en Instagram.

Fin del tutorial

viernes, 16 de octubre de 2015

Tutorial: Cómo descargar videos de Youtube desde tu Android

¿Alguna vez te ha gustado mucho un video de Youtube y lo has querido descargar desde tu Android pero no has podido? Bien, pues aquí te traigo la solución.


En esta ocasión les muestro un tutorial sobre cómo descargar videos de Youtube para Android de manera rápida y sencilla, solo requiere de la instalación de un navegador y su complemento.

¿Que necesitamos?

* UC Browser: [Enlace]
* Complemento: [Enlace]

Dificultad

Fácil

Paso 1:

Lo primero que vamos a hacer es descargar el UC Browser desde Android, el enlace está en la lista de materiales. Una vez instalado vamos a entrar. Veremos un menú de inicio así:


Ahora lo que haremos será descargar el complemento para UC Browser, el enlace también está en la lista de materiales. Una vez finalizada la descargar e instalación nos mostrará un botón así:


Pulsamos sobre el.

Paso 2:

Ahora ya estamos en Youtube, lo que resta es buscar el video a descargar.
Una vez encontrado el video esperamos un momento y veremos que una opción nueva es visible sobre el reproductor:



Paso 3:

Damos clic sobre esa opción de descarga e inmediatamente la descarga del video comenzará:


Ahora solo restaría esperar a que se finalice la descarga y ya para que puedas verlo desde el reproductor que la aplicación te ofrece o desde tu galería.


Te dejo un video para que veas la aplicación en acción.

Video

Y bien, eso sería todo sobre cómo descargar videos de Youtube desde tu android. Si este método no te ha gustado después subiremos otros métodos diferentes para descargar videos de Youtube desde Android, aunque de igual eficacia.

Fin del tutorial

Tutorial: Cómo descargar Minecraft PE 0.12.1 [APK][Build 13][MEGA]

La más reciente actualización de Minecrarft Pocket Edition, 0.12.1 y está disponible para ser descargada sin errores.
En este tutorial te muestro cómo descargar Minecraft PE 0.12.1 en tu dispositivo Android.

¿Que necesitamos?

* Minecraft PE 0.12.1 Build 13: [MEGA][Enlace]

Dificultad

Fácil

Paso 1:

Esta versión incluye todo lo de la Build 13 de Minecraft, viene con errores corregidos y mucho mejor que las versiones anteriores.

Lo primero que haremos será descargar el archivo que les dejo en la lista de materiales, ya sea desde su PC o desde su dispositivo Android directamente. Una vez descargado el archivo procedemos a instalarlo:


Esperamos a que termine el proceso de instalación.

Paso 2:

Y una vez cargado el juego ya podremos empezar a jugar, sin necesidad de haber pagado por el juego:


Te dejo un video en el que te explico un poco más claro todo.

Video

Y bueno, eso sería todo sobre cómo descargar Minecraft Pocket Edition 0.12.1 en tu dispositivo Android.

Fin del tutorial

martes, 13 de octubre de 2015

Tutorial: Cómo agregar Sitemap con categorías a tu blog

Tener una tabla de contenido o Sitemap en tu blog es muy importante para ofrecer a tus lectores una navegación más rápida por el contenido de tu blog.


Es por eso que es este tutorial te muestro cómo agregar un sitemap con categorías a tu blog.

¿Que necesitamos?

* Blog en blogger

Dificultad

Fácil

Paso 1:

Te recomiendo que implementes el código dentro de una página estática en el blog.
Esto para dar una mejor imagen a la tabla de contenidos.
Si quieres ver como luce este Sitemap puedes verlo directamente ya implementado en este blog, arriba en el menú de lado izquierdo da clic sobre "Sitemap" para ver el código en ejecución.
¡IMPORTANTE! No cambies a vista "Redactar" una vez que hayas implementado el código, hacer esto echaría a perder el código.
Bien pues el código a implementar es éste:
<style>
#SiteMapBlogger {
width:99%;
margin:0 auto;
background-color: #0A366D; /* Color de la barra lateral */
overflow:hidden;
position:relative;
color:#333
}
#SiteMapBlogger .loadingPosts {
display:block;
padding:5px 10px;
font:normal bold 10px Arial, Sans-Serif;
color:#FFF
}
#SiteMapBlogger ul, #SiteMapBlogger ol, #SiteMapBlogger li {margin:0;padding:0;list-style:none;background:none;}
#SiteMapBlogger .sitemapTabs {width:20%;float:left}
#SiteMapBlogger .sitemapTabs li a {
display:block;
font:normal bold 10px/28px Arial,Sans-Serif;
height:28px;
overflow:hidden;
text-overflow:ellipsis;
color:#FFF; /* Color de las etiquetas */
text-transform:uppercase;
text-decoration:none;
padding:0 12px;
cursor:pointer
}
#SiteMapBlogger .sitemapTabs li a:hover {
background-color:#FFF; /* Color de fondo de las etiquetas al pasar el cursor */
color:#333
}
#SiteMapBlogger .sitemapTabs li a.active-tab {
background-color:#125E8E; /* Color de la pestaña activa */
color:#FFF; /* Color del texto de la pestaña activa */
position:relative;
z-index:5;
margin:0 -1px 0 0
}
#SiteMapBlogger .sitemapContent, #SiteMapBlogger .divider-layer {
width:80%;
float:right;
background-color:#FFF; /* Fondo de los post principales */
border-left: 5px solid #125E8E; /* Color del borde que separa las entradas de las etiquetas */
box-sizing:border-box
}
#SiteMapBlogger .divider-layer {float:none;display:block;position:absolute;top:0;right:0;bottom:0;}
#SiteMapBlogger .panel {position:relative;z-index:5;font:normal normal 10px Arial,Sans-Serif}
#SiteMapBlogger .panel li a {
display:block;
position:relative;
font-weight:700;
font-size:11px; /* Tamaño del título de las entradas */
color:#333; /* Color del título de las entradas */
line-height:30px;
height:30px;
padding:0 12px;
text-decoration:none;
outline:none;
overflow:hidden
}
#SiteMapBlogger .panel li time {
display:block;
font-style:italic;
font-weight:400;
font-size:9px; /* Tamaño de la fecha */
color: #ECECEC; /* Color de la fecha */
float:right
}
#SiteMapBlogger .panel li .sitemapSummary {
display:block;
padding:10px 12px;
font-style:italic;
overflow:hidden
}
#SiteMapBlogger .panel li .sitemapSummary img.sitemapThumbnail {
float:left;
display:block;
margin:0 8px 0 0;
padding:4px;
width:72px; /* Ancho del contenedor de las miniaturas */
height:72px; /* Alto del contenedor de las miniaturas */
border:1px solid #dcdcdc; /* Borde de las miniaturas */
}
#SiteMapBlogger .panel li:nth-child(even) {
background-color:#CBDFDE; /* Color de fondo secundario de las entradas */
font-size:10px;
color:#333 /* Color de texto secundario de las entradas */
}
#SiteMapBlogger .panel li a:hover,#SiteMapBlogger .panel li a:focus, #SiteMapBlogger .panel li a:hover time, #SiteMapBlogger .panel li.bold a {
background-color:#125E8E; /* Color de fondo del título de las entradas (modo sumario) y color de fondo del título de las entradas al pasar el cursor (modo normal) */
color:#FFF;
outline:none
}
#SiteMapBlogger .panel li.bold a:hover, #SiteMapBlogger .panel li.bold a:hover time {
background-color:#444
}
@media (max-width:700px) {
#SiteMapBlogger {
background-color:#fff; /* Color de fondo de pestaña activada por cursor */
border:0 solid #888; /* Color de letra de pestaña activada por cursor */
}
#SiteMapBlogger .sitemapTabs, #SiteMapBlogger .sitemapContent {
overflow:hidden;
width:auto;
float:none;
display:block
}
#SiteMapBlogger .sitemapTabs li {
display:inline;
float:left
}
#SiteMapBlogger .sitemapTabs li a, #SiteMapBlogger .sitemapTabs li a.active-tab {
background-color:#125E8E; /* Color de post */
color:#FFF
}
#SiteMapBlogger .sitemapTabs li a.active-tab {
background-color:#CBDFDE;
color:#fff
}
#SiteMapBlogger .sitemapContent {
border:none
}
#SiteMapBlogger .divider-layer, #SiteMapBlogger .panel li time {
display:none
}
}
</style>
<div id="SiteMapBlogger">
<span class="loadingPosts">Cargando...</span></div>
<br />
<script>
var tabbedTOC = {
blogUrl: "http://www.nombre-de-tu-blog.blogspot.com/",
containerId: "SiteMapBlogger",
activeTab: 1,
showDates: true,
showSummaries: false,
numChars: 100,
showThumbnails: false,
thumbSize: 40,
noThumb: "//lh4.googleusercontent.com/-ELPJlqQBEWg/VGOtHaYDk9I/AAAAAAAAGJM/f2jRyUgZet0/s128/imagen.png",
monthNames: ["Enero","Febrero","Marzo","April","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
newTabLink: true,
maxResults: 99999,
preload: 0,
sortAlphabetically: false,
showNew: 7,
newText: " - <i style='color:#e69138;'>¡Nuevo!</i>"
};
</script>
<script>
/*
* Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman
* Free for change but keep the original attribution.
* URL: https://plus.google.com/108949996304093815163 */
function clickTab(e){var t=document.getElementById(tabbedTOC_defaults.containerId),n=t.getElementsByTagName("ol"),r=t.getElementsByTagName("ul")[0],i=r.getElementsByTagName("a");for(var s=0;s<n.length;s++){n[s].style.display="none";n[parseInt(e,10)].style.display="block"}for(var o=0;o<i.length;o++){i[o].className="";i[parseInt(e,10)].className="active-tab"}}function showTabs(e){var t=parseInt(e.feed.openSearch$totalResults.$t,10),n=tabbedTOC_defaults,r=e.feed.entry,i=e.feed.category,s="",o=[];for(var u=0;u<(n.showNew===true?5:n.showNew);u++){if(u==r.length)break;r[u].title.$t=r[u].title.$t+(n.showNew!==false?n.newText:"")}r=n.sortAlphabetically?r.sort(function(e,t){return e.title.$t.localeCompare(t.title.$t)}):r;i=n.sortAlphabetically?i.sort(function(e,t){return e.term.localeCompare(t.term)}):i;s='<span class="divider-layer"></span><ul class="sitemapTabs">';for(var a=0,f=i.length;a<f;a++){s+='<li class="sitemapItem-'+a+'"><a href="javascript:clickTab('+a+');">'+i[a].term+"</a></li>"}s+="</ul>";s+='<div class="sitemapContent">';for(var l=0,c=i.length;l<c;l++){s+='<ol class="panel" data-category="'+i[l].term+'"';s+=l!=n.activeTab-1?' style="display:none;"':"";s+=">";for(var h=0;h<t;h++){if(h==r.length)break;var p,d=r[h],v=d.published.$t,m=n.monthNames,g=d.title.$t,y="summary"in d&&n.showSummaries===true?d.summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,n.numChars)+"…":"",b="media$thumbnail"in d&&n.showThumbnails===true?'<img class="sitemapThumbnail" style="width:'+n.thumbSize+"px;height:"+n.thumbSize+'px;" alt="" src="'+d.media$thumbnail.url.replace(/\/s72(\-c)?\//,"/s"+n.thumbSize+"-c/")+'"/>':'<img class="sitemapThumbnail" style="width:'+n.thumbSize+"px;height:"+n.thumbSize+'px;" alt="" src="'+n.noThumb.replace(/\/s72(\-c)?\//,"/s"+n.thumbSize+"-c/")+'"/>',w=d.category?d.category:[],E=n.showDates?'<time datetime="'+v+'" title="'+v+'">'+v.substring(8,10)+" "+m[parseInt(v.substring(5,7),10)-1]+" "+v.substring(0,4)+"</time>":"";for(var S=0;S<d.link.length;S++){if(d.link[S].rel=="alternate"){p=d.link[S].href;break}}for(var x=0,T=w.length;x<T;x++){var N=n.newTabLink?' target="_blank"':"";if(w[x].term==i[l].term){s+='<li title="'+w[x].term+'"';s+=n.showSummaries?' class="bold"':"";s+='><a href="'+p+'"'+N+">"+g+E+"</a>";s+=n.showSummaries?'<span class="sitemapSummary">'+b+y+'<span style="display:block;clear:both;"></span></span>':"";s+="</li>"}}}s+="</ol>"}s+="</div>";s+='<div style="clear:both;"></div>';document.getElementById(n.containerId).innerHTML=s;clickTab(n.activeTab-1)}var tabbedTOC_defaults={blogUrl:"http://www.ciudadblogger",containerId:"SiteMapBlogger",activeTab:1,showDates:false,showSummaries:false,numChars:200,showThumbnails:false,thumbSize:40,noThumb:"//lh4.googleusercontent.com/-ELPJlqQBEWg/VGOtHaYDk9I/AAAAAAAAGJM/f2jRyUgZet0/s128/imagen.png",monthNames:["Enero","Febrero","Marzo","April","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],newTabLink:true,maxResults:99999,preload:0,sortAlphabetically:true,showNew:false,newText:" - <em style='color:red;'>¡Nuevo!</em>"};for(var i in tabbedTOC_defaults){tabbedTOC_defaults[i]=typeof tabbedTOC[i]!==undefined&&typeof tabbedTOC[i]!=="undefined"?tabbedTOC[i]:tabbedTOC_defaults[i]}(function(){var e=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript";t.src=tabbedTOC_defaults.blogUrl+"/feeds/posts/summary?alt=json-in-script&max-results="+tabbedTOC_defaults.maxResults+"&orderby=published&callback=showTabs";if(tabbedTOC_defaults.preload!=="onload"){setTimeout(function(){e.appendChild(t)},tabbedTOC_defaults.preload)}else{window.onload=function(){e.appendChild(t)}}})()
</script>
Lo único que tienen que hacer es copiarlo e implementarlo en su blog, lo pueden colocar en una página individual, o en un post, aunque no es muy recomendado.

Pero el estilo y la configuración que va con el código es el que yo utilizo en el blog.
Veamos como configurar  y personalizar el Sitemap a su gusto.

Paso 2:

Bien, pues lo primero que debemos editar es el texto que está en color rojo, ahí debes colocar la URL de tu blog.

Despues, he dejado en forma de comentarios los colores que pueden editar para que convine con el tema de su blog, solo sustituye los valores que están de lado izquierdo de los /* comentarios en naranja */.

También puedes editar el tamaño de las fuentes, la fuente del texto, etc.

El estilo está en vivo en el blog, pero te muestro como se ve aquí mismo:


Este Sitemap incluye código Responsive, esto quiere decir que el Sitemap se adapta al tamaño de tu blog, incluso se podrá ver desde móviles:


Paso 3:

Lo último sería configurar las opciones que este Sitemap nos permite:
activeTab - Es la pestaña que aparecerá seleccionada por defecto.
showDates - Cambiar a false para no mostrar la fecha.
showSummaries - Cambiar a true para mostrar resúmenes de los post.
numChars - Número de caracteres en el resumen.
showThumbnails - Cambiar a true para mostrar imágenes de los post.
thumbSize - tamaño de las imágenes.
noThumb - Imagen predeterminada para las entradas que no tienen imagen..
monthNames - Nombre de los meses, si gustas los puedes editar.
newTabLink - Cambiar a true para abrir las entradas en una pestaña nueva.
sortAlphabetically - Cambiar a false para ordenar los post por fecha, true para alfabéticamente.
showNew - Cambiar a false para ocultar el texto "¡Nuevo!" y define cuántos post recientes tendrán ese texto.
newText - Texto "¡Nuevo!" de las entradas recientes, lo puedes modificar y también su color.
Y bueno, no hay más por explicar, la personalización y configuración del Sitemap ya depende de ustedes y sus necesidades.

Sería todo sobre cómo agregar tabla de contenidos o sitemap con categorías a tu blog. Espero te sea de utilidad.

Fin del tutorial

domingo, 11 de octubre de 2015

Tutorial: Cómo agregar la caja de comentarios de Google+ en Blogger

En estos tiempos, la gran mayoría de lectores están conectados a una cuenta de Google, así que, que mejor que tener una caja de comentarios de Google en tu blog para facilitar la comunicación con tus lectores.


Por eso en esta ocasión te traigo una forma de agregar la caja de comentarios de Google+ en Blogger.

¿Que necesitamos?

* Blog en Blogger

Dificultad

Fácil

Paso 1:

Lo primero es tener el lugar en el que vamos a colocar el código, si lo quieres dentro de un post, o al final de todos tus post, una vez que sepas en que parte de tu plantilla lo pondrás copia el siguiente código y pégalo ahí:
<b:if cond='data:post.allowNewComments'>
  <h4>Comentarios de Google+</h4>
  <div class="comment-form">
    <script src="https://apis.google.com/js/plusone.js"></script>
    <div class="g-comments"
        expr:data-href="data:post.url"
        data-width="600"
        data-first_party_property="BLOGGER"
        data-view_type="FILTERED_POSTMOD">
    </div>
  </div>
</b:if>
Paso 2:

El siguiente paso es la personalización.
El texto en azul corresponde al mensaje que se mostrará justo arriba de la caja de comentarios.
El número en rojo corresponde al ancho que quieres que tenga la caja de comentarios.
Así que bueno, en tu blog debería verse de esta forma:

El texto en naranja corresponde a la url que va a tener la caja de comentarios, "data:post.url" corresponde a la url del post en el que se encuentre, si lo quisieras para un post o página en especifico deberías cambiar ese texto por la url del post o página en la que quieres colocar la caja de comentarios.
Y bien, eso sería todo sobre como agregar la caja de comentarios de Google Plus en Blogger.

Fin del tutorial

sábado, 10 de octubre de 2015

Tutorial: Cómo restablecer la plantilla de tu blog

En el tutorial anterior vimos cómo hacer una copia de seguridad de tu blog, previniendo accidentes a la hora de modificar o realizar algún cambio en la plantilla.


Así que en este tutorial veremos la siguiente parte, suponiendo que algo haya salido mal y necesites restablecer una plantilla de tu blog ya guardada en tu equipo. Te muestro cómo restablecer la plantilla de tu blog.

¿Que necesitamos?

* Blog en Blogger
* Plantilla descargada anteriormente

Dificultad

Fácil

Paso 1:

Lo primero que tenemos que hacer es entrar a Blogger, y entrar a el panel de control de tu blog.
Una vez ahí daremos clic en "Plantilla":


Y dentro de esa ventana daremos clic en "Crear copiar de seguridad/Restablecer":


Paso 2:

Se nos mostrará una ventana como la siguiente, en ella daremos clic en "Seleccionar archivo":


Y en la ventana que se nos muestra buscaremos nuestro archivo de plantilla respaldado y una vez seleccionado daremos clic en "Abrir":


Ahora solo resta dar clic en "Subir" para que la plantilla se cargue a nuestro blog y listo.


Recuerda realizar copias de seguridad de tu blog periódicamente, mantener este habito te quitará muchos dolores de cabeza cuando cometas algún error a la hora de editar tu plantilla.
Y bueno, eso sería todo sobre cómo restablecer la copia de seguridad de tu blog, espero te haya sido de utilidad.

Fin del tutorial

Tutorial: Cómo hacer una copia de seguridad de tu blog

Antes de realizar algún cambio o modificación en tu blog es muy importante tener un respaldo de tu plantilla, teniendo así un repuesto en caso de que algo salga mal.


Por eso en esta ocasión te dejo un tutorial sobre cómo hacer una copia de seguridad de la plantilla de tu blog en Blogger.

¿Que necesitamos?

* Blog en Blogger

Dificultad

Fácil

Paso 1:

Lo primero que tenemos que hacer es entrar a Blogger, y entrar a el panel de control de tu blog.
Una vez ahí daremos clic en "Plantilla":


Y dentro de esa ventana daremos clic en "Crear copiar de seguridad/Restablecer":


Paso 2:

Se nos mostrará una ventana como la siguiente, en ella daremos clic en "Descargar la plantilla completa":


Y la descarga comenzará automáticamente:


Paso 3:

Ahora solo hay que ir a la carpeta en la que se descargó el archivo:


Y cambiar el nombre para que recordemos la fecha que se hizo ese respaldo:


Y así en caso de cometer algún error o un cambio mal hecho ya no tienes que preocuparte por haber echado a perder tu blog. Con ese archivo puedes recuperarlo en cualquier momento.
Puedes ver cómo se restablece un blog de Blogger aquí: Tutorial: Cómo restablecer la plantilla de tu blog.
Y eso sería todo respecto a cómo hacer una copia de seguridad de tu blog, espero te haya sido de utilidad.

Fin del tutorial

viernes, 9 de octubre de 2015

Tutorial: Cómo comentar en negrita, cursiva y tachado en Youtube y Google+

Seguramente en Youtube o Google+ hayas visto algunos comentarios que sobresalen de los demás, ya sea porque están en negrita, cursiva o tachado.


Pues en este tutorial te voy a mostrar cómo comentar en negrita, cursiva y tachado en Youtube y Google Plus.

¿Que necesitamos?

Nada

Dificultad

Fácil

Paso 1:

Bien, pues lo primero que necesitamos es estar en la caja de comentarios del video que queremos comentar, en caso de que sea Youtube:


Una vez ahí nos guiaremos del siguiente formato para poder comentar según de la forma que queramos:
*Comentario en negrita*    ||  Texto en negrita
_Comentario en cursiva_   ||  Comentario en cursiva
-Comentario tachado-       ||  Comentario tachado
Ten cuidado de no dejar espacios antes ni después de los signos que van al inicio y al final, sino no funcionará.

Forma incorrecta: * Comentario en negrita *
Forma correcta:    *Comentario en negrita*
El resultado en Youtube sería algo como esto:


Te dejo un video para que veas la forma práctica.

Video

Y bueno, esa es la forma de cómo comentar en negrita, cursiva y tachado en Youtube y Google+. Espero te haya sido de utilidad.

Fin del tutorial

Tutorial: Cómo saber si tu Sistema Operativo es de 32 o 64 bits

En ocasiones nos topamos con la necesidad de descargar un programa para nuestra computadora, pero nos encontramos con dos versiones, 32 bits y 64 bits del mismo programa.. Y nos preguntamos, ¿Cual debemos descargar?


Bien pues ya no más, en este tutorial te mostraré cómo saber si tu Sistema Operativo es de 32 o 64 bits de una manera muy sencilla y sin descargar ningún programa.

¿Que necesitamos?

* Nada

Dificultad

Fácil

Paso 1:

Lo primero que haremos será dar clic derecho sobre el icono de "Inicio de Windows" y dar clic sobre "Explorador de archivos":


Paso 2:

Ahora de lado izquierdo buscaremos "Este equipo" y daremos clic derecho sobre el, y seleccionamos "Propiedades":


Se nos mostrará una ventana como ésta:


Y ahí nos vamos a la parte de "Tipo de Sistema" nos dará las caracteristicas de nuestro Sistema Operativo, y nos especifica si es de 32 o 64 bits.

Te dejo un video para que lo veas de manera práctica.

Video

Y bueno, esa es la manera de cómo saber si tu Sistema operativo es de 32 o 64 bits. Espero te haya sido de utilidad.

Fin del tutorial

jueves, 8 de octubre de 2015

Tutorial: Cómo descargar e instalar Proteus 8.1 [Simulino v3][FULL][MEGA]

Proteus es un software utilizado principalmente para realizar simulaciones con Arduino, pero a veces su instalación se complica un poco por cuestiones de la activación y todo eso.


Por eso en esta ocasión te traigo este tutorial de cómo descargar e instalar Proteus 8.1 con librería Simulino v3.

¿Que necesitamos?

* Proteus 8.1 [Simulino v3][MEGA][Enlace]

Dificultad

Medio

Paso 1:

Lo primero que haremos sin aún no tenemos el programa será descargarlo desde la lista de materiales, les recomiendo descargar esta versión que les dejo aquí porque esa incluye la activación completa de Proteus y también incluye las librerias de Simulino v3 para poder trabajar con placas Arduino.

Una vez que tengamos descargado el archivo que les deje en los materiales nos vamos a encontrar con 2 carpetas:


Primero vamos a abrir a la de Proteus.Professional, una vez ahí veremos una carpeta llamada "Crack", entramos:


Y aquí abriremos la que dice "(Step1) Before Installing Proteus":


Se nos mostrarán 3 archivos, daremos doble clic sobre el que se llama "LICENCE", se nos mostrará un panel, nos posicionaremos sobre la primera linea "Pertican" y daremos clic en "Install":


Una vez que se nos muestre commo en la imagen anterior daremos clic en "Close".

Paso 2:

Bien, ahora regresamos a la carpeta principal y vamos a instalar Proteus:

Una vez finalizada la instalación es muy importante que no abras Proteus, solo da clic en "Close" para salir. ¡NO LO ABRAS!
Y bien, ahora regresamos a la carpeta "Crack" y entramos a "(Step2)", esas carpetas las pegaremos en las siguientes direcciones:


Carpeta BIN:
C:\Program Files\Labcenter Electronics\Proteus 8 Professional"
Carpeta MODELS:
C:\Documents and Settings\All Users\Application Data\Labcenter Electronics\Proteus 8 Professional
Una vez hecho eso, nos dirigimos a escritorio, ahí ya estará el acceso directo a Proteus, damos doble clic y entramos:


Paso 3:

Una vez dentro, Proteus ya está listo para usarse. Pero nos falta agregar las librerías Simulino v3 para que podamos utilizar las placas Arduino en nuestras simulaciones, para eso, dentro del programa vamos a ISIS, y después en el panel de dispositivos damos clic en la "L".

Se nos mostrará una ventana con librerías, ahí nos dirigimos a la parte de abajo y damos clic en "Create Library":


Ahora vamos a la otra carpeta que teníamos en escritorio, "SimulinoV3" y copiamos los dos archivos de nombre "ARDUINO":


Vamos a la ventana de nuevo y pegamos ahí dentro los archivos que acabamos de copiar:


¡Y listo! Cerramos Proteus y con eso ya podremos utilizar placas Arduino como dispositivos en nuestras simulaciones.

Te dejo un video en el que se muestra mucho más detallada la instalación:

Video

Y bueno, pues de esa manera es cómo se instala Proteus 8.1 con librerias Simulino v3. Espero que te haya sido de utilidad.

Fin del tutorial
 
Este sitio utiliza cookies propias y de terceros, éstas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar diversos análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. ACEPTO Más información.