tag:blogger.com,1999:blog-22837350044408624962024-03-15T20:43:07.252-07:00Bloggin RedBlogger, programación e informáticaAndrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.comBlogger437125tag:blogger.com,1999:blog-2283735004440862496.post-71405591699362533622023-10-16T10:43:00.007-07:002023-12-16T21:28:46.412-08:00El servidor de base de datos no se encuentra [PRESTASHOP] Solución 2024<p>Al momento de conectar la base de datos de Prestashop en las versiones más recientes en mi caso la <i><b><span style="background-color: #fcff01; font-family: helvetica;">8.1.2</span></b></i> te da el siguiente error:</p><p style="text-align: center;"><b><i></i></b></p><blockquote><b><i><span style="background-color: #fcff01;">El servidor de base de datos no se encuentra. Por favor, compruebe los campos de login, contraseña y servidor (DbPDO)</span></i></b></blockquote><p></p><p>Bueno, te compartiré la solución que me ha funcionado, pero antes una definición gráfica del error mostrado por prestashop:<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpqD0T7ixrW7z3Jb6p-3fY2hChf6jwtBkH4rdj5Ze9TaKVImoraz5PaGCUtzYGWuFjsSxZfW9s_veacygCu5y48V2LB7Id7lMEGFoqZQoXURm216z33aQXyy7ycHzZypsluQBkPhmL8sVad_iqkFS2NTX5oQsJb2hW28RRNDyssXJuSAVZ-Fy6y7gBvdg/s1227/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="584" data-original-width="1227" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpqD0T7ixrW7z3Jb6p-3fY2hChf6jwtBkH4rdj5Ze9TaKVImoraz5PaGCUtzYGWuFjsSxZfW9s_veacygCu5y48V2LB7Id7lMEGFoqZQoXURm216z33aQXyy7ycHzZypsluQBkPhmL8sVad_iqkFS2NTX5oQsJb2hW28RRNDyssXJuSAVZ-Fy6y7gBvdg/w640-h304/Captura.PNG" width="640" /></a></div><p><span style="color: #6aa84f;"><i><b><span style="font-family: verdana; font-size: large;">SOLUCIÓN DEL ERROR</span></b></i></span></p><p>En internet hay múltiples soluciones ya que este error es relativo a su causa, pero asumo que estás escribiendo la misma base de datos, mismo nombre de usuario y misma contraseña sin falla, y aún así cuando tratas de conectar entonces no te deja, recuerda que el prefijo de las tablas de prestashop no se mueve "<i><b><span style="background-color: #fcff01;">ps_</span></b></i>", entonces:</p><p><b><i><span style="background-color: #fcff01;">1.</span></i></b> Si lo dicho anteriormente es verdad, y aún no puedes conectar la base de datos vamos a ir a nuestro cpanel > Bases de datos damos click: </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsmRGQBa9zjHY5ROe2hpIDnEYl_KtX2p0V7dsKqYiwhIdppK1XB_aT9jW1ael63z7Yd7MjlPCSQZQh_Ckl6uyV4xZA_PCig3icStleMN0AhxYrzMfsDf5VGqSWFXc7I6-Om2Wk6EwobAofYC5yapsNMTnDBLPZRsKKbAWB14ViJER-at-Bh2OAkIviLY/s1292/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="364" data-original-width="1292" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsmRGQBa9zjHY5ROe2hpIDnEYl_KtX2p0V7dsKqYiwhIdppK1XB_aT9jW1ael63z7Yd7MjlPCSQZQh_Ckl6uyV4xZA_PCig3icStleMN0AhxYrzMfsDf5VGqSWFXc7I6-Om2Wk6EwobAofYC5yapsNMTnDBLPZRsKKbAWB14ViJER-at-Bh2OAkIviLY/w640-h180/Captura.PNG" width="640" /></a></div><p>La primera gran falla es que no tengas relacionado un usuario a la base de datos como se ve en la siguiente imagen:<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihg5jItkNadbcVP54IpkgeJi_evsU2hG9zCXfW71-lKk5tuK1K_e_UIR34KUj0V3kAYCU968nJGj8WfK-Yes5U5Fuea2FFhx2671Y-F07agZILp_XY5wbgYRRDvEM56zovIdcqy-R2RXmsmtZ4Oqflgnnz8i5ep6FPdDSHJEOYbfWAS5K5dPW6mUHUPno/s1263/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="440" data-original-width="1263" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihg5jItkNadbcVP54IpkgeJi_evsU2hG9zCXfW71-lKk5tuK1K_e_UIR34KUj0V3kAYCU968nJGj8WfK-Yes5U5Fuea2FFhx2671Y-F07agZILp_XY5wbgYRRDvEM56zovIdcqy-R2RXmsmtZ4Oqflgnnz8i5ep6FPdDSHJEOYbfWAS5K5dPW6mUHUPno/w640-h222/Captura.PNG" width="640" /></a></div><br /><p><b><i><span style="background-color: #fcff01;">2.</span></i></b> Entonces vamos a relacionar un usuario a la base de datos, si bajamos (scroll) un poco dentro de esa misma pestaña habrá algo parecido a lo siguiente escogemos el usuario y la base de datos que vamos a relacionar:<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRkX8f3cnEd8WXp-JzNe_2w3bl3ZB-gs21Q7-Ovc_WZ3Q5_wvd8WPYaIgOU98mjKgzix9jH6caHR9HDDmjZXAEjcgjWDcm-RuHupiNkRlRiySpiWDlFAn9S-DxkL27y6fGkrMgz9hkIfER7KqhAYdddBXpXOdwkciVwCJPzI8CZK857Bq6dWSvlfwceo/s903/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="516" data-original-width="903" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRkX8f3cnEd8WXp-JzNe_2w3bl3ZB-gs21Q7-Ovc_WZ3Q5_wvd8WPYaIgOU98mjKgzix9jH6caHR9HDDmjZXAEjcgjWDcm-RuHupiNkRlRiySpiWDlFAn9S-DxkL27y6fGkrMgz9hkIfER7KqhAYdddBXpXOdwkciVwCJPzI8CZK857Bq6dWSvlfwceo/w400-h229/Captura.PNG" width="400" /></a></div><br /><p>Una vez hecho saldrá los permisos que queremos habilitar <i><b>PARA ESTE CASO CON PRESTASHOP</b></i> le daremos que todos están habilitados:</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNyQFNk83DhZN3F_hNFrQ8zPjVYUCUh4KoOBCvKrc5p1n3EdQHf51BflwXQL5-MGAsopF65qWJZqoqUiJW8oBHQqA34C-D-V0InWRRQEu8_WA4g8mDRtV5gUFCDVRvutLhJ3ivaeVhj2jF0sXkj_9QS46_S65cdXsfMrXSmjjLWvRXeyT9QJzv4NwGSw/s893/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="710" data-original-width="893" height="509" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNyQFNk83DhZN3F_hNFrQ8zPjVYUCUh4KoOBCvKrc5p1n3EdQHf51BflwXQL5-MGAsopF65qWJZqoqUiJW8oBHQqA34C-D-V0InWRRQEu8_WA4g8mDRtV5gUFCDVRvutLhJ3ivaeVhj2jF0sXkj_9QS46_S65cdXsfMrXSmjjLWvRXeyT9QJzv4NwGSw/w640-h509/Captura.PNG" width="640" /></a></div><br /><i><b><span style="background-color: #fcff01;">3.</span></b></i> Guardamos los cambios, entonces la pestaña (<i><b><span style="font-family: helvetica;">Bases de datos actuales</span></b></i>) tendrá relacionado el usuario con todos los permisos completos y se verá así:<p></p><p></p><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT40C5bGIbAJ8tnRlayo-QjkA26XOsZoU-qI1HMoNFbFE1y_tLfivuf7UL16mV8-BGhcG7UVfqBz5vHqfywPbHwlX33xi74BH0AiHa9CC0T4CqoxUwW4RYslE-4phAmovAvL4YdX9tILUwsK6Az_aTi5-7AcSWlg0DK-0imwBLZNxeY1qpM4DfQEoi9YM/s1251/Captura.PNG"><img alt="Clic para ver más grande" border="0" data-original-height="259" data-original-width="1251" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT40C5bGIbAJ8tnRlayo-QjkA26XOsZoU-qI1HMoNFbFE1y_tLfivuf7UL16mV8-BGhcG7UVfqBz5vHqfywPbHwlX33xi74BH0AiHa9CC0T4CqoxUwW4RYslE-4phAmovAvL4YdX9tILUwsK6Az_aTi5-7AcSWlg0DK-0imwBLZNxeY1qpM4DfQEoi9YM/w640-h133/Captura.PNG" title="Clic para ver más grande" width="640" /></a></div><p></p><p>Ahora solo queda ir al instalador de prestashop y continuar el proceso, dando click en conectar la base de datos, si todo sale bien debería salir en verde y poder continuar.<br /></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6j5clKiPRfqwbR3BF8LW3euC0GOp3nE5LmQvE6avtTnXkF7QceKdSEsgtJheJv-ta7d2Zve7gimRMlI7Exbxv9oImf2McGhTSXIBYcju15UzzZVBs95Q2Q0LXYdV5k3JTeptgOXrOF_L4_gG4o9OdNXFYN2v5buKISX7JKbfFB3AtIkMGRr520WSBWxc/s880/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="548" data-original-width="880" height="399" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6j5clKiPRfqwbR3BF8LW3euC0GOp3nE5LmQvE6avtTnXkF7QceKdSEsgtJheJv-ta7d2Zve7gimRMlI7Exbxv9oImf2McGhTSXIBYcju15UzzZVBs95Q2Q0LXYdV5k3JTeptgOXrOF_L4_gG4o9OdNXFYN2v5buKISX7JKbfFB3AtIkMGRr520WSBWxc/w640-h399/Captura.PNG" width="640" /></a></div><p><b><i><span style="background-color: #fcff01;"><span style="font-family: verdana; font-size: large;">ACLARACIONES</span></span></i></b></p><p>- Si ya tienes un usuario vinculado a la base de datos y el error persiste revisa los permisos dando click sobre el usuario como se ve en la 1ra imagen del pase 3 le das todos los permisos y guardas.</p><p>- Recuerda guardar el usuario y contraseña de tu base de datos quizá en algún futuro lo necesites.</p><p>- La dirección de la base de datos del servidor por lo general es la misma siempre 127.0.0.1 o "localhost". </p><p><br /></p><p>Espero esta información te hubiese servido. Hasta la próxima,<br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-54533760432412467922023-02-19T13:30:00.006-08:002023-02-19T13:34:54.971-08:00[SOLUCIÓN] "No cuentas con autorización para utilizar este dominio" Activación HTTPS dominio blogger<p>Varios usuarios en el Foro español/Inglés de blogger a lo largo de estos meses han
presentando un problema que aunque tiene solución no todos cuentan con
la posibilidad de encontrar o hacer un paso a paso para resolverlo con
completa claridad, así la idea es mediante este artículo lograrlo.</p><p> <b>EL PROBLEMA</b></p><div><br /></div><div>Cuando los usuarios de blogger tienen y <a href="https://support.google.com/domains/answer/6069231?hl=es-419" rel="nofollow noopener" target="_blank">configuran un dominio personalizado</a> (.com .net . co .org etc) por defecto Blogger activa el protocolo http quedando "<a href="http://miblog.com" rel="nofollow noopener" target="_blank">http://miblog.com</a>"
sin embargo por buenas prácticas, SEO, seguridad entre otras variables,
muchos al integrar su dominio personalizado quieren que tenga el
protocolo https activo siendo así la nueva URL "<a href="https://miblog.com" rel="nofollow noopener" target="_blank">https://miblog.com</a>" pero al hacerlo en Configuración > HTTPS > Disponibilidad de HTTPS, arroja el siguiente error:</div><div> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054976.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="249" data-original-width="494" height="161" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054976.PNG" width="320" /></a></div><p></p><div>Y al dar en reintentar múltiples ocasiones este error no cambiará, como resultado nunca se activará HTTPS en Blogger.</div><div><br /></div><div><br /></div><div><b style="color: #6aa84f;"><span style="font-size: large;"><i><span style="font-family: verdana;">LA SOLUCIÓN</span></i></span></b></div><div><br /></div><div>Implementar
la solución no es realmente complicado sin embargo aunque sí funciona
con seguridad (Luego de hacer pruebas en 3 dominios personalizados
activando HTTPS) puede terminarse el proceso con éxito entre 30 minutos a
2 días en función de la propagación de los registro a implementar en la
configuración del dominio, así que:</div><div><br /></div><div><b><span style="background-color: #fcff01; font-family: helvetica;"><i>1.</i></span> </b>Vamos a <a href="https://search.google.com/search-console" rel="nofollow noopener" target="_blank">Google Search Console</a> allí agregaremos una nueva propiedad de dominio, escogemos la opción de la izquierda "<b>DOMINIO</b>" y en el campo la URL de nuestro blog "miblog.com" y continuar:</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823055555.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="661" data-original-width="800" height="530" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823055555.PNG" width="640" /></a></div><br /><b><i><span style="background-color: #fcff01; font-family: helvetica;">2.</span></i> </b>Escogemos "<u>Instrucciones para cualquier proveedor de DNS</u>" y copiamos el código que allí se nos da:</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823056134.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="763" data-original-width="788" height="619" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823056134.PNG" width="640" /></a></div><br /><b><span style="background-color: #fcff01; font-family: helvetica;"><i>3.</i></span></b> Este paso puede ser relativo ya que existen cientos de
empresas que proveen servicios DNS y de dominio como Godaddy, 1&1,
hostgator, Google domains etc. así que la visualización de sus
plataformas estilos y demás puede ser distinto pero en principio es el
mismo proceso de configuración, se agregará el código que sea copio como
un registro TXT quedando algo así para el caso del ejemplo: </div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057914.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="800" height="314" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057914.jpg" width="640" /></a></div><br /><b><span style="background-color: #fcff01; font-family: helvetica;"><i>4.</i></span></b> Una vez hechos los cambios se aconseja esperar unos 5 o 10 minutos, volvemos a Google Search console y damos en "<b>verificar</b>" si se hizo correctamente debería mostrarnos un mensaje de la siguiente manera:</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054397.jpeg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="497" data-original-width="800" height="398" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054397.jpeg" width="640" /></a></div><br /><b><span style="background-color: #fcff01; font-family: helvetica;"><i>5.</i></span></b> Ahora vamos a Blogger, habilitaremos nuevamente la opción
HTTPS y el error que causaba el origen del problema no debería salir
más, pero esto no sería todo aunque se deja habilitar dirá "<b>Estado: Desconocido</b>":</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823056713.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="449" data-original-width="612" height="293" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823056713.PNG" width="400" /></a></div><br /> Al cabo de un corto rato un par de minutos por lo general el estado pasa a ser pendiente:</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057292.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="274" data-original-width="575" height="191" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057292.PNG" width="400" /></a></div><span style="background-color: #fcff01; font-family: helvetica;"><i><b>6.</b></i></span> Finalmente, a partir de este estado se aconseja esperar unos
20 minutos más o en el peor de los casos no perder la paciencia puede
tomar hasta día y medio pero el estado debe cambiar a "<b>Disponible</b>":</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057871.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="234" data-original-width="641" height="146" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823057871.PNG" width="400" /></a></div><br /> Con esto si vamos a nuestro blog con "<a href="https://miblog.com" rel="nofollow noopener" target="_blank">https://miblog.com</a>" debería estar habilitado y cargando con el candadito característico de SSL HTTPS:</div><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054354.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="63" data-original-width="191" src="https://storage.googleapis.com/support-forums-api/attachment/thread-188916920-15375431301823054354.PNG" /></a></div></div><div></div><div></div><div><br /><div>Con esto se da por terminada la configuración de HTTPS para dominio
personalizado en blogger en este tipo de casos con ese tipo de errores,
y habremos logrado solucionar el problema.<br /><br /><b>PD1: Si a la
primera no nos carga el blog con HTTPS o da error de algún tipo, borrar
cookies caché e historial y esperar máximo 1 hora, si queremos ver el
resultado inmediato hay que abrir el blog en otro navegador que no
usemos.</b></div><div><br /></div><div><b>PD2: No olvidemos activar la opción redigir a HTTPS por temas de indexación de contenido y similares. <br /></b></div><div><b><br /></b></div><div><b>PD3:
Implementé esta solución en 3 blogs con dominios .com los cuales quería
con HTTPS en blogger por lo cual no considero que falle el método sin
embargo si hay alguna dificultad en el proceso podés responder a este
hilo en el Foro de Blogger.</b></div><div><b><br /></b></div><div>Salu2,<b><br /></b></div></div><p></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-59523651670527874102022-12-25T17:20:00.002-08:002022-12-25T17:22:20.431-08:00Gadget Nieve cayendo blog blogger - Estilo más realista<p>Un efecto/gadget más para blogger podrás utilizarlo en tu blog se trata de nieve cayendo ya habíamos visto un <a href="https://www.blogginred.com/2022/10/efecto-nieve-cayendo-en-blog-de-blogger.html" target="_blank">tutorial hace poco</a>, sin embargo este es completamentedistinto en cuánto a cada copo de nieve que cae.<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhn1wldskhWqVfjHy130Giq2FRAeGiqTyzedpM4W6riqgOraDyeMiaijHY2jO9aS7aIuDRa4c1FwbZ3Z3I5YdTXCejDUtZWlgi01k7gNvjMPI7Rgad9QbwqfOhpaHRIWyW__Xu0_db3QIvXQ3gVYo8lL7MnKMLXltnAN_JBcq3ZoFDzueor04s48G/s570/NIEVE.webp" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="320" data-original-width="570" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhn1wldskhWqVfjHy130Giq2FRAeGiqTyzedpM4W6riqgOraDyeMiaijHY2jO9aS7aIuDRa4c1FwbZ3Z3I5YdTXCejDUtZWlgi01k7gNvjMPI7Rgad9QbwqfOhpaHRIWyW__Xu0_db3QIvXQ3gVYo8lL7MnKMLXltnAN_JBcq3ZoFDzueor04s48G/w363-h204/NIEVE.webp" width="363" /></a></div><p></p><p>En el siguien link podrás ver un demo del efecto aplicado sobre un blog de blogger:</p><div class="separator" style="clear: both; text-align: center;"><a href="http://ciudadbloggerblack.blogspot.com/p/nieve-en-el-blog.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="50" data-original-width="200" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxRXlz8zE_1AQgZGksXOyRPW_S1_bXgLQ1o7Yf1owLn3wbhM2sExVVTOmnoX1a38jWJiX16j1YA4QW_rWbLl2l-_75a5MNYAJMkZXZvJ7N8lyTRRmy0b_jHkPByy17Mw6ainChYMUeuy-u3WQbkr91DuDcdUxfv7ZZhAq43LeS_HllY4PnwfO5mJe/s16000/boton%20demo%20post.png" width="200" /></a></div><p><b><i>¿Entretenido, cierto?</i></b> para aplicarlo haremos lo siguiente.</p><p><span style="background-color: #fcff01;"><i><b>1.</b></i></span> Iremos a <b>Diseño > Añadir un gadget > HTML/Javascript</b> y allí pegaremos el siguiente código:</p><div class="separator" style="clear: both; text-align: center;"><a href="#" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="122" data-original-width="396" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMbtDNdww1T4yI_FV1WMwNHxuTqtJgmPBJ-AkbZNZtjl9Uw0R5x_VlWrPIjMIDwsZl7kBotZsQvcwdZ9DbzOkudl7M4ZLLejfwGc0AmKiBA96WSwEmDet5DphpvbMvSVziNkZ-mC6dX4lfC-XecyIhZ3vktGdL0jDOLOfaQR6hEyqPBtP3NSLTES5m/w293-h90/Captura.PNG" width="293" /></a></div><p></p><p></p>
<pre class="brush: js"><script type="text/javascript">
//<![CDATA[
// Nieve en el blog
/** @license
DHTML Snowstorm! JavaScript-based Snow for web pages
--------------------------------------------------------
Version 1.42.20111120 (Previous rev: 1.41.20101113)
Copyright (c) 2007, Scott Schiller. All rights reserved.
Code provided under the BSD License:
https://schillmania.com/projects/snowstorm/license.txt
*/
var snowStorm=function(e,d){function g(a,d){isNaN(d)&&(d=0);return Math.random()*a+d}function o(){e.setTimeout(function(){a.start(true)},20);a.events.remove(i?d:e,"mousemove",o)}function r(){if(!a.excludeMobile||!s)a.freezeOnBlur?a.events.add(i?d:e,"mousemove",o):o();a.events.remove(e,"load",r)}this.flakesMax=128;this.flakesMaxActive=64;this.animationInterval=40;this.excludeMobile=true;this.flakeBottom=null;this.followMouse=true;this.snowColor="#ffffff";this.snowCharacter="&bull;";this.snowStick=true;
this.targetElement=null;this.useMeltEffect=true;this.usePositionFixed=this.useTwinkleEffect=false;this.freezeOnBlur=true;this.flakeRightOffset=this.flakeLeftOffset=0;this.flakeHeight=this.flakeWidth=8;this.vMaxX=5;this.vMaxY=4;this.zIndex=0;var a=this,y=this,i=navigator.userAgent.match(/msie/i),z=navigator.userAgent.match(/msie 6/i),A=navigator.appVersion.match(/windows 98/i),s=navigator.userAgent.match(/mobile/i),B=i&&d.compatMode==="BackCompat",t=s||B||z,h=null,k=null,j=null,m=null,u=null,v=null,
p=1,n=false,q;a:{try{d.createElement("div").style.opacity="0.5"}catch(C){q=false;break a}q=true}var w=false,x=d.createDocumentFragment();this.timers=[];this.flakes=[];this.active=this.disabled=false;this.meltFrameCount=20;this.meltFrames=[];this.events=function(){function a(b){var b=f.call(b),c=b.length;l?(b[1]="on"+b[1],c>3&&b.pop()):c===3&&b.push(false);return b}function d(a,c){var e=a.shift(),f=[b[c]];if(l)e[f](a[0],a[1]);else e[f].apply(e,a)}var l=!e.addEventListener&&e.attachEvent,f=Array.prototype.slice,
b={add:l?"attachEvent":"addEventListener",remove:l?"detachEvent":"removeEventListener"};return{add:function(){d(a(arguments),"add")},remove:function(){d(a(arguments),"remove")}}}();this.randomizeWind=function(){var c;c=g(a.vMaxX,0.2);u=parseInt(g(2),10)===1?c*-1:c;v=g(a.vMaxY,0.2);if(this.flakes)for(c=0;c<this.flakes.length;c++)this.flakes[c].active&&this.flakes[c].setVelocities()};this.scrollHandler=function(){var c;m=a.flakeBottom?0:parseInt(e.scrollY||d.documentElement.scrollTop||d.body.scrollTop,
10);isNaN(m)&&(m=0);if(!n&&!a.flakeBottom&&a.flakes)for(c=a.flakes.length;c--;)a.flakes[c].active===0&&a.flakes[c].stick()};this.resizeHandler=function(){e.innerWidth||e.innerHeight?(h=e.innerWidth-(!i?16:16)-a.flakeRightOffset,j=a.flakeBottom?a.flakeBottom:e.innerHeight):(h=(d.documentElement.clientWidth||d.body.clientWidth||d.body.scrollWidth)-(!i?8:0)-a.flakeRightOffset,j=a.flakeBottom?a.flakeBottom:d.documentElement.clientHeight||d.body.clientHeight||d.body.scrollHeight);k=parseInt(h/2,10)};this.resizeHandlerAlt=
function(){h=a.targetElement.offsetLeft+a.targetElement.offsetWidth-a.flakeRightOffset;j=a.flakeBottom?a.flakeBottom:a.targetElement.offsetTop+a.targetElement.offsetHeight;k=parseInt(h/2,10)};this.freeze=function(){var c;if(a.disabled)return false;else a.disabled=1;for(c=a.timers.length;c--;)clearInterval(a.timers[c])};this.resume=function(){if(a.disabled)a.disabled=0;else return false;a.timerInit()};this.toggleSnow=function(){a.flakes.length?(a.active=!a.active,a.active?(a.show(),a.resume()):(a.stop(),
a.freeze())):a.start()};this.stop=function(){var c;this.freeze();for(c=this.flakes.length;c--;)this.flakes[c].o.style.display="none";a.events.remove(e,"scroll",a.scrollHandler);a.events.remove(e,"resize",a.resizeHandler);a.freezeOnBlur&&(i?(a.events.remove(d,"focusout",a.freeze),a.events.remove(d,"focusin",a.resume)):(a.events.remove(e,"blur",a.freeze),a.events.remove(e,"focus",a.resume)))};this.show=function(){var a;for(a=this.flakes.length;a--;)this.flakes[a].o.style.display="block"};this.SnowFlake=
function(a,e,l,f){var b=this;this.type=e;this.x=l||parseInt(g(h-20),10);this.y=!isNaN(f)?f:-g(j)-12;this.vY=this.vX=null;this.vAmpTypes=[1,1.2,1.4,1.6,1.8];this.vAmp=this.vAmpTypes[this.type];this.melting=false;this.meltFrameCount=a.meltFrameCount;this.meltFrames=a.meltFrames;this.twinkleFrame=this.meltFrame=0;this.active=1;this.fontSize=10+this.type/5*10;this.o=d.createElement("div");this.o.innerHTML=a.snowCharacter;this.o.style.color=a.snowColor;this.o.style.position=n?"fixed":"absolute";this.o.style.width=
a.flakeWidth+"px";this.o.style.height=a.flakeHeight+"px";this.o.style.fontFamily="arial,verdana";this.o.style.overflow="hidden";this.o.style.fontWeight="normal";this.o.style.zIndex=a.zIndex;x.appendChild(this.o);this.refresh=function(){if(isNaN(b.x)||isNaN(b.y))return false;b.o.style.left=b.x+"px";b.o.style.top=b.y+"px"};this.stick=function(){t||a.targetElement!==d.documentElement&&a.targetElement!==d.body?b.o.style.top=j+m-a.flakeHeight+"px":a.flakeBottom?b.o.style.top=a.flakeBottom+"px":(b.o.style.display=
"none",b.o.style.top="auto",b.o.style.bottom="0px",b.o.style.position="fixed",b.o.style.display="block")};this.vCheck=function(){if(b.vX>=0&&b.vX<0.2)b.vX=0.2;else if(b.vX<0&&b.vX>-0.2)b.vX=-0.2;if(b.vY>=0&&b.vY<0.2)b.vY=0.2};this.move=function(){var d=b.vX*p;b.x+=d;b.y+=b.vY*b.vAmp;if(b.x>=h||h-b.x<a.flakeWidth)b.x=0;else if(d<0&&b.x-a.flakeLeftOffset<-a.flakeWidth)b.x=h-a.flakeWidth-1;b.refresh();if(j+m-b.y<a.flakeHeight)b.active=0,a.snowStick?b.stick():b.recycle();else{if(a.useMeltEffect&&b.active&&
b.type<3&&!b.melting&&Math.random()>0.998)b.melting=true,b.melt();if(a.useTwinkleEffect)if(b.twinkleFrame)b.twinkleFrame--,b.o.style.visibility=b.twinkleFrame&&b.twinkleFrame%2===0?"hidden":"visible";else if(Math.random()>0.9)b.twinkleFrame=parseInt(Math.random()*20,10)}};this.animate=function(){b.move()};this.setVelocities=function(){b.vX=u+g(a.vMaxX*0.12,0.1);b.vY=v+g(a.vMaxY*0.12,0.1)};this.setOpacity=function(a,b){if(!q)return false;a.style.opacity=b};this.melt=function(){!a.useMeltEffect||!b.melting?
b.recycle():b.meltFrame<b.meltFrameCount?(b.meltFrame++,b.setOpacity(b.o,b.meltFrames[b.meltFrame]),b.o.style.fontSize=b.fontSize-b.fontSize*(b.meltFrame/b.meltFrameCount)+"px",b.o.style.lineHeight=a.flakeHeight+2+a.flakeHeight*0.75*(b.meltFrame/b.meltFrameCount)+"px"):b.recycle()};this.recycle=function(){b.o.style.display="none";b.o.style.position=n?"fixed":"absolute";b.o.style.bottom="auto";b.setVelocities();b.vCheck();b.meltFrame=0;b.melting=false;b.setOpacity(b.o,1);b.o.style.padding="0px";b.o.style.margin=
"0px";b.o.style.fontSize=b.fontSize+"px";b.o.style.lineHeight=a.flakeHeight+2+"px";b.o.style.textAlign="center";b.o.style.verticalAlign="baseline";b.x=parseInt(g(h-a.flakeWidth-20),10);b.y=parseInt(g(j)*-1,10)-a.flakeHeight;b.refresh();b.o.style.display="block";b.active=1};this.recycle();this.refresh()};this.snow=function(){for(var c=0,d=0,e=0,f=null,f=a.flakes.length;f--;)a.flakes[f].active===1?(a.flakes[f].move(),c++):a.flakes[f].active===0?d++:e++,a.flakes[f].melting&&a.flakes[f].melt();if(c<a.flakesMaxActive&&
(f=a.flakes[parseInt(g(a.flakes.length),10)],f.active===0))f.melting=true};this.mouseMove=function(c){if(!a.followMouse)return true;c=parseInt(c.clientX,10);c<k?p=-2+c/k*2:(c-=k,p=c/k*2)};this.createSnow=function(c,d){var e;for(e=0;e<c;e++)if(a.flakes[a.flakes.length]=new a.SnowFlake(a,parseInt(g(6),10)),d||e>a.flakesMaxActive)a.flakes[a.flakes.length-1].active=-1;y.targetElement.appendChild(x)};this.timerInit=function(){a.timers=!A?[setInterval(a.snow,a.animationInterval)]:[setInterval(a.snow,a.animationInterval*
3),setInterval(a.snow,a.animationInterval)]};this.init=function(){var c;for(c=0;c<a.meltFrameCount;c++)a.meltFrames.push(1-c/a.meltFrameCount);a.randomizeWind();a.createSnow(a.flakesMax);a.events.add(e,"resize",a.resizeHandler);a.events.add(e,"scroll",a.scrollHandler);a.freezeOnBlur&&(i?(a.events.add(d,"focusout",a.freeze),a.events.add(d,"focusin",a.resume)):(a.events.add(e,"blur",a.freeze),a.events.add(e,"focus",a.resume)));a.resizeHandler();a.scrollHandler();a.followMouse&&a.events.add(i?d:e,"mousemove",
a.mouseMove);a.animationInterval=Math.max(20,a.animationInterval);a.timerInit()};this.start=function(c){if(w){if(c)return true}else w=true;if(typeof a.targetElement==="string"&&(c=a.targetElement,a.targetElement=d.getElementById(c),!a.targetElement))throw Error('Snowstorm: Unable to get targetElement "'+c+'"');if(!a.targetElement)a.targetElement=!i?d.documentElement?d.documentElement:d.body:d.body;if(a.targetElement!==d.documentElement&&a.targetElement!==d.body)a.resizeHandler=a.resizeHandlerAlt;
a.resizeHandler();a.usePositionFixed=a.usePositionFixed&&!t;n=a.usePositionFixed;if(h&&j&&!a.disabled)a.init(),a.active=true};a.events.add(e,"load",r,false);return this}(window,document);
//]]>
</script></pre><p>
<span style="background-color: #fcff01;"><i><b>2.</b></i></span> Y listo solo queda guardar cambios y verlos en nuestro blog.</p><p></p><p>Si tienes dudas comenta para ayudarte. 💢💢<br />
<br /><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-86048542245216884712022-11-01T17:32:00.003-07:002023-12-16T21:29:16.549-08:00Slider horizontal con entradas recientes tipo carrusel Blogger [2024]<p><span face=""verdana" , sans-serif"></span></p><blockquote><span face=""verdana" , sans-serif"><span style="background-color: #fcff01;"><b><span style="color: red;">01/11/2022:</span> Actualicé los Scripts para que funcionara con Blogger 2024 sin problemas ✅✅ </b></span></span></blockquote><span face=""verdana" , sans-serif">Muchos visitantes del blog me han solicitado que comparta el slider que tengo actualmente en el blog, y por si acaso en un futuro lo llego a quitar dejo una imagen del slider:</span><br />
<br />
<p></p><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-GDJ61zxw3k8/WUFyKsQ0LVI/AAAAAAAATvQ/KIBHXGTdfF4BC3TM5QcIHbfEmjF_dfXWACLcBGAs/s1600/sliderhorizontalblogger.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="179" data-original-width="931" height="123" src="https://3.bp.blogspot.com/-GDJ61zxw3k8/WUFyKsQ0LVI/AAAAAAAATvQ/KIBHXGTdfF4BC3TM5QcIHbfEmjF_dfXWACLcBGAs/s640/sliderhorizontalblogger.PNG" width="640" /></a></div>
<br />
<span face=""verdana" , sans-serif">¡<b>Listo</b>! Básicamente el Slider como se ve, es horizontal separado por 4 bloques para mostrar las entradas más recientes de forma automática, cada cierto tiempo irá avanzando mostrando todo el contenido fresco de tu blog poco a poco, en lo personal es un slider bastante dinámico y útil ya que no requiere mucho espacio se ve muy bien y su implementación es bastante fácil. ¡<span face=""trebuchet ms" , sans-serif"><i><b>El demo lo puedes ver justamente en este blog más arriba</b></i></span>!.</span><br />
<br />
<b><span style="font-size: large;"><span style="color: #6aa84f;"><span face=""verdana" , sans-serif">¡Colocándolo en tu blog!</span></span></span></b><br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>1.</i></b></span></span> Lo primero será establecer donde pondremos el slider claramente lo más ideal es ubicarlo arriba de todas las entradas y la sidebar ya que su ancho es superior que el de muchos blogs en blogger (<span face=""trebuchet ms" , sans-serif">Claro todo depende de la plantilla que tengas</span>).</span><br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>2.</i></b></span></span> Ahora vamos a <span face=""trebuchet ms" , sans-serif"><b><i>Plantilla o tema > E</i></b></span><span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><b><i>ditar HTML ></i></b></span> Búscamos el si<span face=""verdana" , sans-serif">guiente código <span face=""trebuchet ms" , sans-serif"><b><i>]]> </ b: skin></i></b></span> y j<span face=""verdana" , sans-serif">usto encima pegamos el siguiente CSS: </span></span></span></span><br />
<blockquote class="tr_bq">
<span face=""trebuchet ms" , sans-serif"><span face=""verdana" , sans-serif">#carousel{<br />margin:auto;<br />width:898px; /*--<span style="color: blue;">Ancho completo del carrusel</span>--*/<br />height:200px;/*--<span style="color: blue;">Alto completo del carrusel</span>--*/<br />border:1px solid #fff;<br />position:relative;<br />display:block;<br />background:#FFFFFF; /*--<span style="color: blue;">Color del fondo del carrusel</span>--*/<br />}<br />#carousel .container{<br />position:absolute;<br />left:25px;<br />width:815px;/*--<span style="color: blue;">Ancho del carrusel Interior</span>--*/<br />height:200px;/*--<span style="color: blue;">Alto del carrusel Interior</span>--*/<br />overflow:hidden<br />}<br />#carousel #previous_button{<br />position:absolute;<br />width:25px;height:200px;background:url(http://3.bp.blogspot.com/-SFH7pfuPOg4/UAVZimY-OuI/AAAAAAAAHqE/MOKZ4nE0EFM/s1600/prev.png) center;z-index:100;cursor:pointer;}<br />#carousel #next_button{position:absolute;right:0;width:25px;height:200px;background:url(http://4.bp.blogspot.com/-pFR58sZNzCo/UAVZh9I72lI/AAAAAAAAHp8/JTIiHJfsqHA/s1600/next.png) center;z-index:100;cursor:pointer;}<br />#carousel #next_button:hover,#carousel #previous_button:hover,#carousel ul li:hover{filter:alpha(opacity=80);opacity:.8}<br />#carousel ul{width:100000px;position:relative;margin-top:10px;}<br />#carousel ul li{background:#fff ;display:inline;float:left;text-align:center;font-weight:600;line-height:1.1em;width:183px;height:165px;margin:0 1px 10px 12px; padding:6px}<br />#carousel ul li a.slider_title{color:#242424;display:block;margin-top:-6px;}/*--<span style="color: blue;">color texto</span>--*/<br />#carousel ul li a.slider_title:hover{color:#9B0606;}/*--<span style="color: blue;">color texto al pasar cursor</span>--*/</span></span></blockquote>
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>3.</i></b></span></span> Ahora pegaremos justo arriba de <span face=""trebuchet ms" , sans-serif"><i><b><</b></i></span><span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><i><b>/head></b></i></span> el siguiente s<span face=""verdana" , sans-serif">cript que será vital para su correcto funcionamien<span face=""verdana" , sans-serif">to <u><i>(Recomiendo que este código siempre queda de primera por encima de la etiqueta </head>)</i></u>: </span></span></span></span></span></span></span><br />
<blockquote class="tr_bq">
<span face=""trebuchet ms" , sans-serif"><span face=""verdana" , sans-serif"><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/></span><br /><br /><script type='text/javascript'> //<![CDATA[<br />(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel)div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery); //]]></script><br /><br /><script type='text/javascript'> //<![CDATA[<br />imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=140;summaryTitle=25;numposts1=15;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="183" height="120" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write(trtd);j++}document.write('</ul>')} //]]></script></span></span></blockquote>
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>4.</i></b></span></span> <span face=""verdana" , sans-serif">Final<span face=""verdana" , sans-serif">mente el código que tendrá la <i><u>estructura HTML</u></i> de n<span face=""verdana" , sans-serif">ue</span>stro Slider c<span face=""verdana" , sans-serif">arrusel horizontal una idea sería buscar</span></span></span> en <span face=""verdana" , sans-serif">la plantilla de tu blog el siguiente código <span face=""trebuchet ms" , sans-serif"><i><b><div id='main-wrapper'></b></i></span> y justo encima p<span face=""verdana" , sans-serif">egar esto: </span></span></span></span></span></span></span></span></span><br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><br /></span></span></span></span></span></span></span></span></span>
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><b><span style="color: red;">NOTA: </span>si no te sale el código a buscar del paso 4 procura agregar todo como un gadget HTML y ponlo arriba de las entradas en diseño a ver que tal.</b></span></span><br />
<blockquote class="tr_bq">
<span face=""trebuchet ms" , sans-serif"><span face=""verdana" , sans-serif"><div id='carousel'><br /><div id='previous_button'/><br /><div class='container'><br /><script><br />document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);<br /></script><br /><div class='clear'/><br /></div><br /><div id='next_button'/><br /></div><br /><script type='text/javascript'><br />(function($) { $(document).ready(function(){<br />$(&quot;#carousel .container&quot;).jCarouselLite({<br />auto:4000,<br />scroll: 1,<br />speed: 800,<br />visible: 4,<br />start: 0,<br />circular: true,<br />btnPrev: &quot;#previous_button&quot;,<br />btnNext: &quot;#next_button&quot;<br />});<br />})})(jQuery)<br /></script></span></span></blockquote>
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>5.</i></b></span></span> Guarda cambios y obser<span face=""verdana" , sans-serif">va la magia.</span></span></span></span></span></span></span></span></span></span></span><br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"> </span></span> </span></span> </span></span></span> </span></span></span></span><br />
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif">- Lo que tenemos en color <span style="color: blue;"><span face=""trebuchet ms" , sans-serif"><b><i>azul</i></b></span></span>, son los comentarios de los parámetros CSS para retocar el sl<span face=""verdana" , sans-serif">ider cad<span face=""verdana" , sans-serif">a uno es claro.</span></span></span></span></span></span><br />
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif">- En color <span style="color: red;"><span face=""trebuchet ms" , sans-serif"><b><i>rojo </i></b></span></span>tenemos el script de Jquery<span face=""verdana" , sans-serif">, si ya <span face=""verdana" , sans-serif">estás usando Jquery en tu blog recuerda elim<span face=""verdana" , sans-serif">inar esta línea por otr<span face=""verdana" , sans-serif">a parte recuerda que puedes sustitu<span face=""verdana" , sans-serif">ir por la versión más actual para ello puedes guiarte por <a href="http://www.blogginred.com/2016/04/como-usar-y-saber-la-ultima-version-de.html" target="_blank">este post</a><span face=""verdana" , sans-serif">.</span></span></span></span></span></span> </span></span> </span></span></span></span><br />
<br />
<span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif"><span face=""verdana" , sans-serif">No es más por este post recuerda que si s<span face=""verdana" , sans-serif">urge la duda p<span face=""verdana" , sans-serif">uedes comentar, hasta la próxima ;)</span></span> </span></span></span> </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com22tag:blogger.com,1999:blog-2283735004440862496.post-78736468635977173392022-10-29T22:33:00.007-07:002023-12-16T21:29:31.414-08:00Efecto "Nieve cayendo" en blog de blogger Navidad 2024<p> En este post aprenderás a poner el efecto de nieve cayendo en tu blog de blogger es en extremo fácil y bastará algunos cuántos clics y listo así que sin más empecemos con este corto tutorial.</p><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-Yk2ovlPwEpQ/VICPZZwYj7I/AAAAAAAAHiU/x3X8d7pU7M8/s400/nieve_blog_jessi_diyva.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="286" data-original-width="400" src="http://2.bp.blogspot.com/-Yk2ovlPwEpQ/VICPZZwYj7I/AAAAAAAAHiU/x3X8d7pU7M8/s16000/nieve_blog_jessi_diyva.PNG" /></a></div><br /><p>A continuación podrás ver un demo:</p><div class="separator" style="clear: both; text-align: center;"><a href="http://probandotres.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="50" data-original-width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxRXlz8zE_1AQgZGksXOyRPW_S1_bXgLQ1o7Yf1owLn3wbhM2sExVVTOmnoX1a38jWJiX16j1YA4QW_rWbLl2l-_75a5MNYAJMkZXZvJ7N8lyTRRmy0b_jHkPByy17Mw6ainChYMUeuy-u3WQbkr91DuDcdUxfv7ZZhAq43LeS_HllY4PnwfO5mJe/s16000/boton%20demo%20post.png" /></a></div><p></p><p>¿Divertido verdad? bueno el paso a paso para agregarlo es el siguiente:<br /><br /><span style="background-color: #fcff01;"><b><i>1.</i></b></span> Copia el siguiente código completo:</p>
<pre class="brush: js"><script type='text/javascript'>
var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}
var numObjs=20, waft=50, fallSpeed=10, wind=0;
newObject("http://2.bp.blogspot.com/--fII5xz-9vY/UM-djWHHwgI/AAAAAAAABrI/tEKS6_ctv_k/s400/nieve2_jessi_diyva.png",22,22);
newObject("http://3.bp.blogspot.com/-DPHwVIctTlg/UM-di9jKOiI/AAAAAAAABq8/wV567ynxL2U/s400/nieve1_jessi_diyva.png",22,22);
function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}
function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}
function fallObject(num,vari,nu){
objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }
}
function fall(){
for(i=0;i<numObjs;i++){
var fallingObject=document.getElementById('fO'+i);
if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}
objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}
}
setTimeout("fall()",31);
}
var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
fall();
</script>
</pre><p>
<span style="background-color: #fcff01;"><i><b>2.</b></i></span> En blogger irás a <b><i>Diseño > Añadir un gadget</i></b>:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkovCewpHVDZKmUCuyHHVjeBbFN0D7cNyrzogLSCkyp3gpplzpkvbqnI-nXk69NqeUMRYZ8D4TRuAcu-ucrOYzESY797zZwAyvFFSLLGxsCXzc5RftroixZh3CmY25yqweZxk9hmQ4sxTz30F5OqV571eoClgsHKu03t6OMD8mXDQU1dpeZYJfmoHM/s756/Captura.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="167" data-original-width="756" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkovCewpHVDZKmUCuyHHVjeBbFN0D7cNyrzogLSCkyp3gpplzpkvbqnI-nXk69NqeUMRYZ8D4TRuAcu-ucrOYzESY797zZwAyvFFSLLGxsCXzc5RftroixZh3CmY25yqweZxk9hmQ4sxTz30F5OqV571eoClgsHKu03t6OMD8mXDQU1dpeZYJfmoHM/w400-h88/Captura.PNG" width="400" /></a></div><p></p><p>Pegas el código guardas y listo visualiza si el efecto funciona en tu blog.</p><p>¡Fácil! Es todo en este tutorial. ✊<br /></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-50894720581956112142021-08-25T21:21:00.004-07:002023-12-16T21:33:53.262-08:00Lunar plantilla Blogger responsive con modo noche / oscuro 2024 gratis<span face=""verdana" , sans-serif">Navegando por tierras desconocidas me topé con una plantilla para Blogger muy bonita y muy atractiva con la funcionalidad de modo noche / oscuro que al menos de forma nativa no he visto implementada en un tema y desde luego que trabaje tan bien, así que bueno aquí compartiré un poco de la plantilla y la opción para que la puedan descargar gratis.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ceqidx3nDMc/XcCog7lHJiI/AAAAAAAAisE/XzMithocGQQh-QGRhe_NVoz6MksgqEIpgCLcBGAsYHQ/s1600/plantilla%2BBLogger%2Bmodo%2Bnoche%2Bgratis.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="651" data-original-width="1343" height="308" src="https://1.bp.blogspot.com/-ceqidx3nDMc/XcCog7lHJiI/AAAAAAAAisE/XzMithocGQQh-QGRhe_NVoz6MksgqEIpgCLcBGAsYHQ/s640/plantilla%2BBLogger%2Bmodo%2Bnoche%2Bgratis.JPG" width="640" /></a></div>
<br />
<br />
<span face=""verdana" , sans-serif"> <a href="https://lunarblogid.blogspot.com/" target="_blank">Demo</a> || <a href="https://www.mediafire.com/file/nnzw1spbt814q10/Lunar_Responsive_Blogger_Template.rar/file" target="_blank">Descargar</a></span>
<br />
<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center><p>
<br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Para activar el modo noche en el demo o cuando cargues la plantilla a tu blog en la parte superior derecho activa la opción que dice "<span face=""trebuchet ms" , sans-serif"><i><b>Night Mode</b></i></span>" además agrego que la plantilla ha sido creada por Arlina dzgn y naminakiky según parece. </span></p><p><span style="color: red;"><b><span face=""verdana" , sans-serif"> RESPONDIENDO DUDAS SOBRE LA PLANTILLA:</span></b></span></p><p><span face=""verdana" , sans-serif"><span style="background-color: #fcff01;"><b>1.</b></span> <i>¿Cómo coloco el gadget de seguidores de blogger o archivo del blog?</i></span></p><p><span face=""verdana" , sans-serif">Primero debes entender que la plantilla trabaja a una solo columna es decir su diseño esconde la sidebar y los elementos que pongas allí desaparecerán, todo lo que se señalado a la derecha llamado "<b>sidebarright</b>" no se verá por más que lo pongas:</span></p><p><span face=""verdana" , sans-serif"></span></p><div class="separator" style="clear: both; text-align: center;"><span face=""verdana" , sans-serif"><a href="https://1.bp.blogspot.com/-iW-E6nikS1c/YScUGIKfO7I/AAAAAAAA6os/IXHEClWAQio6l5qpWwU-4DcC2e_00_4EgCLcBGAsYHQ/s511/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="511" data-original-width="448" src="https://1.bp.blogspot.com/-iW-E6nikS1c/YScUGIKfO7I/AAAAAAAA6os/IXHEClWAQio6l5qpWwU-4DcC2e_00_4EgCLcBGAsYHQ/s16000/nuevocorreoencpanel2021.PNG" /></a></span></div><span face=""verdana" , sans-serif">Ahora si quieres visualiza algún gadget deberás mover el de seguidores por ejemplo encima o debajo del bloque de entradas llamado "<b>mainblogger</b>" quedando así: </span><p></p><p><span face=""verdana" , sans-serif"><br /></span></p><div class="separator" style="clear: both; text-align: center;"><span face=""verdana" , sans-serif"><a href="https://1.bp.blogspot.com/-fxXu_HtRS4U/YScU9zJEMBI/AAAAAAAA6o0/iEssNxCwxHIp67l6mOUctDQA7c3hnudZQCLcBGAsYHQ/s913/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="473" data-original-width="913" height="332" src="https://1.bp.blogspot.com/-fxXu_HtRS4U/YScU9zJEMBI/AAAAAAAA6o0/iEssNxCwxHIp67l6mOUctDQA7c3hnudZQCLcBGAsYHQ/w640-h332/nuevocorreoencpanel2021.PNG" width="640" /></a></span></div><span face=""verdana" , sans-serif">Como se ve en la anterior imagen es como en la pestaña diseño de tu blog debe quedar sea arriba del bloque "<b><i>Entradas del blog</i></b>" o debajo, ahora si visualizamos en vivo nuestro blog se verá así y el o los gadgets ya está visible para todos:</span><p></p><p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-qpbySyUQkY8/YScVtCzaAaI/AAAAAAAA6o8/JcSteYFTrdAMYecojFJEhkD5xEp9j0QrQCLcBGAsYHQ/s858/nuevocorreoencpanel2021.PNG" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="596" data-original-width="858" height="445" src="https://1.bp.blogspot.com/-qpbySyUQkY8/YScVtCzaAaI/AAAAAAAA6o8/JcSteYFTrdAMYecojFJEhkD5xEp9j0QrQCLcBGAsYHQ/w640-h445/nuevocorreoencpanel2021.PNG" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b>Gadget de seguidores visible en las entradas</b><br /></td></tr></tbody></table><p></p><p><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">¿Alguna duda? comenta. 💬</span></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com11tag:blogger.com,1999:blog-2283735004440862496.post-11965608549041966832021-08-25T20:21:00.006-07:002023-12-16T21:34:03.398-08:00Prestashop 1.7 - SOLUCIÓN "se ha producido un error al enviar el mensaje" 2024<p>Si tienes <b><span style="background-color: #fcff01;">Prestashop 1.7</span></b> o actualizaste hace poco puede pasarte que al enviar correos de cambio de estado de pedido, formulario de contacto o un cliente quiere recuperar su contraseña arroje el siguiente error:</p><p style="text-align: center;"><span style="color: red;"><b><i>Se ha producido un error al enviar un correo electrónico al cliente.</i></b></span></p><p>Y es que solucionar esto lo más pronto es importante pues no podremos obtener y dar ninguna notificación desde prestashop a nuestro clientes así que vamos con el paso a paso si este es tu caso.</p><p><span style="font-family: verdana;"><span style="font-size: large;"><span style="color: #6aa84f;"><i><b>SOLUCIÓN AL PROBLEMA</b></i></span></span></span></p><p><span style="font-family: verdana;"><b><span style="background-color: #fcff01;">1.</span></b></span> Vamos a probar que pasa, vamos entonces al backoffice prestashop luego, <b><i>Parámetros avanzados > Dirección de correo electrónico</i></b>, allí baja al final de esa configuración e intenta enviar un correo de prueba si te bota el siguiente error, entonces continua con el paso a paso:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-sUriY33i800/YSbgsqiOlYI/AAAAAAAA6nE/kgd8NSuCTwg6qo_RAvlVEgFe_RG5SdPfgCLcBGAsYHQ/s1313/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="441" data-original-width="1313" height="214" src="https://1.bp.blogspot.com/-sUriY33i800/YSbgsqiOlYI/AAAAAAAA6nE/kgd8NSuCTwg6qo_RAvlVEgFe_RG5SdPfgCLcBGAsYHQ/w640-h214/Captura.PNG" width="640" /></a></div><p></p><p>Si el error es el mismo entonces vamos a crear un nuevo correo electrónico directamente desde cpanel para ello ve al cpanel de tu dominio con tu proveedor de hosting y en donde se ve señalado daremos click:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Z2FlHE6R9hs/YSbiqJizUwI/AAAAAAAA6nM/9NbJascbIPMQZ5x1DogO5S8Lwi-G4O2AgCLcBGAsYHQ/s574/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="382" data-original-width="574" src="https://1.bp.blogspot.com/-Z2FlHE6R9hs/YSbiqJizUwI/AAAAAAAA6nM/9NbJascbIPMQZ5x1DogO5S8Lwi-G4O2AgCLcBGAsYHQ/s16000/Captura.PNG" /></a></div><p></p><p><span style="background-color: #fcff01;"><span style="font-family: verdana;"><i><b>2.</b></i></span></span> Damos en +crear para el nuevo correo:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-yN-ToQkdVAM/YSbllGwY7jI/AAAAAAAA6nU/xr2ph8sUP0QIfmbtMd7X8gF2_-JN1uDMQCLcBGAsYHQ/s383/Captura.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="265" data-original-width="383" src="https://1.bp.blogspot.com/-yN-ToQkdVAM/YSbllGwY7jI/AAAAAAAA6nU/xr2ph8sUP0QIfmbtMd7X8gF2_-JN1uDMQCLcBGAsYHQ/s16000/Captura.PNG" /></a></div><p>Asignamos un nombre al correo el que se quiera poner, en mi caso lo dejaré como "<span style="font-family: inherit;"><i><b>hola</b></i></span>" y el dominio, luego una contraseña y establece en configuraciones adicional un almacenamiento de 1024 MB:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-wcplU0RsJTc/YSbmbfer5NI/AAAAAAAA6nc/UTxZMe7yY2AB5ubwkoP3B27_5TfUBvQYACLcBGAsYHQ/s640/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="609" src="https://1.bp.blogspot.com/-wcplU0RsJTc/YSbmbfer5NI/AAAAAAAA6nc/UTxZMe7yY2AB5ubwkoP3B27_5TfUBvQYACLcBGAsYHQ/s16000/nuevocorreoencpanel2021.PNG" /></a></div><p></p><p>Damos en crear una vez más y habrá quedado listo el nuevo correo, ahora vamos a desplegar los detalles de ese nuevo correo electrónico dando clic en "<b><i>Connect device</i></b>": </p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-QdYATEoMhqw/YSb0Et87PRI/AAAAAAAA6oE/5jlpTM_DDYc2DrUU06BAHqAae_mxbE3FACLcBGAsYHQ/s1141/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="343" data-original-width="1141" height="192" src="https://1.bp.blogspot.com/-QdYATEoMhqw/YSb0Et87PRI/AAAAAAAA6oE/5jlpTM_DDYc2DrUU06BAHqAae_mxbE3FACLcBGAsYHQ/w640-h192/nuevocorreoencpanel2021.PNG" width="640" /></a></div><br /> Una vez dentro la información que te dejo señalada en amarillo es la que necesitaremos en el paso 4, esta la info que necesitaremos:<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-SYC5lvio2d0/YSb1WSbp5uI/AAAAAAAA6oM/mWZYQbbYv9ceHqIw6418PIitHG_Y_41aQCLcBGAsYHQ/s581/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="389" data-original-width="581" src="https://1.bp.blogspot.com/-SYC5lvio2d0/YSb1WSbp5uI/AAAAAAAA6oM/mWZYQbbYv9ceHqIw6418PIitHG_Y_41aQCLcBGAsYHQ/s16000/nuevocorreoencpanel2021.PNG" /></a></div><p></p><p><span style="background-color: #fcff01;"><span style="font-family: verdana;"><b><i>3.</i></b></span></span> Ahora necesitaremos instalar el siguiente módulo llamada "<b><i>ps_mailalerts</i></b>" <a href="https://github.com/PrestaShop/ps_emailalerts" target="_blank">da click aquí para descargarlo</a>, o bien puedes ir <a href="https://github.com/PrestaShop/ps_emailalerts" target="_blank">directamente al repositorio de GitHub</a> y obtenerlo también eres libre de decidir, una vez descargado en el backoffice de prestashop vamos a subir el modulo en formato <b>.zip </b>aquí:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3GJbzwu1WkA/YSbskUVQvTI/AAAAAAAA6nk/mG-EB8bMG7ELF4iSCOSk4PiZDg-p9sa2wCLcBGAsYHQ/s778/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="206" data-original-width="778" height="169" src="https://1.bp.blogspot.com/-3GJbzwu1WkA/YSbskUVQvTI/AAAAAAAA6nk/mG-EB8bMG7ELF4iSCOSk4PiZDg-p9sa2wCLcBGAsYHQ/w640-h169/nuevocorreoencpanel2021.PNG" width="640" /></a></div><p> Una vez cargado el módulo le damos en configurar:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-A2btANR5VLw/YSbs9TNatqI/AAAAAAAA6ns/w0PXx7h-vLMrczCbkX5SDWQsCrigycHTQCLcBGAsYHQ/s156/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="156" data-original-width="153" height="156" src="https://1.bp.blogspot.com/-A2btANR5VLw/YSbs9TNatqI/AAAAAAAA6ns/w0PXx7h-vLMrczCbkX5SDWQsCrigycHTQCLcBGAsYHQ/s0/nuevocorreoencpanel2021.PNG" width="153" /></a></div><p>Allí la configuración que hay por defecto no la tocaremos y solo al final pondremos el correo que hemos creado en cpanel hace unos pasos atrás:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-wh_iVuxsYaY/YSbtj3I9NDI/AAAAAAAA6n0/GdV8T-KWHWUVK8E7N19tI0gX_bnW3FpzgCLcBGAsYHQ/s556/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="437" data-original-width="556" src="https://1.bp.blogspot.com/-wh_iVuxsYaY/YSbtj3I9NDI/AAAAAAAA6n0/GdV8T-KWHWUVK8E7N19tI0gX_bnW3FpzgCLcBGAsYHQ/s16000/nuevocorreoencpanel2021.PNG" /></a></div><p><span style="font-family: verdana;"><span style="background-color: #fcff01;"><i><b>4.</b></i></span></span> Una vez guardados los cambios del paso anterior, vamos nuevamente por <b><i>P</i><i>arámetros avanzados > Dirección de correo electrónico, </i></b>bajamos un poco y seleccionamos las siguientes opciones tal cual:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-HdkRXlnr0Fg/YSbuQMhrz6I/AAAAAAAA6n8/VKBAA4F9RewKl_ZWOuY6wOrTFD9p_JBFQCLcBGAsYHQ/s712/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="301" data-original-width="712" height="271" src="https://1.bp.blogspot.com/-HdkRXlnr0Fg/YSbuQMhrz6I/AAAAAAAA6n8/VKBAA4F9RewKl_ZWOuY6wOrTFD9p_JBFQCLcBGAsYHQ/w640-h271/nuevocorreoencpanel2021.PNG" width="640" /></a></div><p>Más abajo veremos un formulario el cual debemos llenar con los datos que obtuvimos en la última imagen del cpanel al crear el correo del <b><i>paso 2</i></b>:</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-vWikUQMKinI/YSb3BJdNL-I/AAAAAAAA6oU/G78FUWUVjOgBjv-rbsot4MnV2OZRxsrrACLcBGAsYHQ/s574/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="352" data-original-width="574" src="https://1.bp.blogspot.com/-vWikUQMKinI/YSb3BJdNL-I/AAAAAAAA6oU/G78FUWUVjOgBjv-rbsot4MnV2OZRxsrrACLcBGAsYHQ/s16000/nuevocorreoencpanel2021.PNG" /></a></div><p><br />Debes copiarlo tal cual te salió a ti el cifrado y el puerto también.</p><p><span style="font-family: verdana;"><span style="background-color: #fcff01;"><i><b>5.</b></i></span></span> Finalmente guardamos los cambios de la modificación anterior, y volvemos a probar a enviar un correo de pruebas en el mismo apartado mostrado anteriormente si todo está bien debería verse un mensaje como el que se ve a continuación:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-KxLqV8T1fG4/YScHDH1MRFI/AAAAAAAA6oc/5CZF07iVQpspjRJbCKCMwSPH6HpV2Z_nACLcBGAsYHQ/s936/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="330" data-original-width="936" height="226" src="https://1.bp.blogspot.com/-KxLqV8T1fG4/YScHDH1MRFI/AAAAAAAA6oc/5CZF07iVQpspjRJbCKCMwSPH6HpV2Z_nACLcBGAsYHQ/w640-h226/nuevocorreoencpanel2021.PNG" width="640" /></a></div><p>Si revisamos ese correo de pruebas hecho en gmail debería estar el correo que prestashop envió por lo cual el problema está solucionado y ahora todos nuestros clientes recibirán sus correos:<br /></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-jiVB3PM5W94/YScH6LKQ1nI/AAAAAAAA6ok/hM8ic4JqiZAQNMbjLqcyabJs5lsAwh5FwCLcBGAsYHQ/s1041/nuevocorreoencpanel2021.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="1041" height="278" src="https://1.bp.blogspot.com/-jiVB3PM5W94/YScH6LKQ1nI/AAAAAAAA6ok/hM8ic4JqiZAQNMbjLqcyabJs5lsAwh5FwCLcBGAsYHQ/w640-h278/nuevocorreoencpanel2021.PNG" width="640" /></a></div><br /> Y eso sería todo el proceso detallado paso a paso, recuerda que si tienes alguuna duda puedes comentar el post.<p></p><p>Hasta la próxima, 👈<br /></p><p><br /></p><p><br /></p><p></p><p><br /><i></i><b><i></i></b></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com2tag:blogger.com,1999:blog-2283735004440862496.post-65595465421528942692021-08-25T16:47:00.000-07:002021-08-25T16:47:02.244-07:00Actualizar tienda prestashop 1.6.x - 1.7.x a la última versión más estable con "1-Click Upgrade"<p> Hoy veremos como actualizar una tienda prestashop de una versión 1.6.x o 1.7.x a la última más estable usando la herramientas de "<b><i>1-Click Upgrade</i></b>" esto nos ayudará a estar con las más recientes acualizaciones en lo que a prestashop se refiere, así que sin más vamos a ver:</p><p><span style="font-family: helvetica;"><i><span style="background-color: #fcff01;"><b>1.</b></span></i></span> Lo primero será ir al Backoffice de Prestashop y dirigirnos al menú "<b>Catálogo de módulos</b>" y buscamos el módulo "<b><i>1-Click Upgrade</i></b>" bastará con dar clic en instalar recuerden que es gratuito: </p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-fR2BFdNKguw/YQ79vp-o6_I/AAAAAAAA56o/TwzOtfBe7BwYcxovC8ZKc1D62iONWNWkwCLcBGAsYHQ/s795/1-CLICK%2BUPGRADE.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="569" data-original-width="795" height="458" src="https://1.bp.blogspot.com/-fR2BFdNKguw/YQ79vp-o6_I/AAAAAAAA56o/TwzOtfBe7BwYcxovC8ZKc1D62iONWNWkwCLcBGAsYHQ/w640-h458/1-CLICK%2BUPGRADE.PNG" width="640" /></a></div><p><span style="font-family: helvetica;"><span style="background-color: #fcff01;"><b><i>2.</i></b></span></span> Una vez instalado el módulo actualizamos la pestaña del navegador con F5 y veremos al final de menú de prestashop "<span style="background-color: #fcff01;"><b><i>1-Click Upgrade</i></b></span>" procedemos abrirla:</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-V2SEvZctqwA/YQ7_gMa-KkI/AAAAAAAA56w/lEjuBbvUFxgw7twe_6KS0K9vcAft1h7aQCLcBGAsYHQ/s359/1-CLICK%2BUPGRADE.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="272" data-original-width="359" height="251" src="https://1.bp.blogspot.com/-V2SEvZctqwA/YQ7_gMa-KkI/AAAAAAAA56w/lEjuBbvUFxgw7twe_6KS0K9vcAft1h7aQCLcBGAsYHQ/w332-h251/1-CLICK%2BUPGRADE.PNG" width="332" /></a></div><br />Una vez abrimos el módulo Vamos a la opción llamada "<span style="font-family: helvetica;"><b><i>Lista de comprobación pre-actualización</i></b></span>" allí si todo está bien y tu tienda no tiene algún problema de configuración deberá salirte todo en verde menos una opción que es la de tienda en modo mantenimiento:<p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Z4whqqibCrk/YQ8BI-miGNI/AAAAAAAA564/0xJNVo1xcOckTwZZHSa6fgguythAfB_VQCLcBGAsYHQ/s1080/1-CLICK%2BUPGRADE.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="513" data-original-width="1080" height="304" src="https://1.bp.blogspot.com/-Z4whqqibCrk/YQ8BI-miGNI/AAAAAAAA564/0xJNVo1xcOckTwZZHSa6fgguythAfB_VQCLcBGAsYHQ/w640-h304/1-CLICK%2BUPGRADE.PNG" width="640" /></a></div><br /><p></p><p><span style="background-color: #fcff01;"><span style="font-family: helvetica;"><i><b>3.</b></i></span></span> Activaremos el modo mantenimiento de nuestra tienda dando click en el recuadro que lo indiicar de la anterior imagen mostrada, la página se actualizará automáticamente marcando todos los requisitos con chulito verde para continuar solo queda bajar un poco en "<u>Comenzar actualización</u>" y dar click en "<span style="background-color: #ffa400;"><i><b><span style="font-family: helvetica;">UPGRADE PRESTASHOP NOW!</span></b></i></span>":</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-xLF0ipcvGUk/YQ8CVxKaSbI/AAAAAAAA57A/VjjnnhpsGjwZmJyabt9Bb9RXDAyiEF3BgCLcBGAsYHQ/s404/1-CLICK%2BUPGRADE.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="231" data-original-width="404" src="https://1.bp.blogspot.com/-xLF0ipcvGUk/YQ8CVxKaSbI/AAAAAAAA57A/VjjnnhpsGjwZmJyabt9Bb9RXDAyiEF3BgCLcBGAsYHQ/s16000/1-CLICK%2BUPGRADE.PNG" /></a></div><p></p><p>Empezará a cargar un log mostrandonos el avance de archivos actualizados:</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ZAXUt92egVg/YQ8C6sDgqbI/AAAAAAAA57I/6A2VZcrcek8lXIGZBA9cECmarNROGy9SQCLcBGAsYHQ/s472/1-CLICK%2BUPGRADE.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="472" src="https://1.bp.blogspot.com/-ZAXUt92egVg/YQ8C6sDgqbI/AAAAAAAA57I/6A2VZcrcek8lXIGZBA9cECmarNROGy9SQCLcBGAsYHQ/s16000/1-CLICK%2BUPGRADE.PNG" /></a></div><br />Es posible que tarde entre 10 a 20 minutos según que tanto tengas en productos configuraciones módulos y otros más, si todo salió bien entonces debe decirte lo siguiente:<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-41e6zrR-j_c/YQ8RL7B2yEI/AAAAAAAA57Q/-rexG1mqROA1zqI_N7jHkmlVx9PtVESGACLcBGAsYHQ/s660/actualizacion%2Bversion%2Bprestashop.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="402" data-original-width="660" height="390" src="https://1.bp.blogspot.com/-41e6zrR-j_c/YQ8RL7B2yEI/AAAAAAAA57Q/-rexG1mqROA1zqI_N7jHkmlVx9PtVESGACLcBGAsYHQ/w640-h390/actualizacion%2Bversion%2Bprestashop.PNG" width="640" /></a></div><p> Y listo eso sería todo lo que hay que hacer solo queda verificar en el backoffice de prestashop si todo funciona correctamente.</p><p><span style="color: red;"><i><b>RECOMENDACIÓN:</b></i></span> Borra las cookies y caché junto con el historial de tu navegador de más uso o donde abras el panel de administración de prestashop esto para forzar los cambios lo más pronto posible y no tener ciertos errores desde el navegador además, debes ir a <i><u>Prestashop > Parámetros avanzados > Rendimiento > Vaciar el caché o cookies permanentes</u></i>:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-Yn9ek2WLUM8/YSbWTAlWoQI/AAAAAAAA6m4/pFuIElYVGmQZFFHwUVzF4yJOEvIxMYq5gCLcBGAsYHQ/s332/Captura.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="90" data-original-width="332" height="87" src="https://1.bp.blogspot.com/-Yn9ek2WLUM8/YSbWTAlWoQI/AAAAAAAA6m4/pFuIElYVGmQZFFHwUVzF4yJOEvIxMYq5gCLcBGAsYHQ/s320/Captura.PNG" width="320" /></a></div><br /><p>Con eso te puedes dar por bien servido.</p><p>¿Alguna duda comenta?</p><p>Salu2,<br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-55452856865193530252021-06-01T21:32:00.001-07:002021-06-01T21:36:37.691-07:00Eliminar quitar "Tienda creada con PrestaShop" de Facebook y Google - Prestashop 1.7.x<p>Hoy vamos a ver como eliminar/quitar el texto "<span style="background-color: #fcff01;"><b><i>Tienda creada con Prestashop</i></b></span>", de los resultados de Google y cuando compartimos el link de nuestra tienda virtual en Facebook o Messenger, este tutorial estará orientado a la versión 1.7.x así que sin más veamos el proceso que es de por sí sencillo.<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R5Lc5KqhYDs/YLcGeXjuYRI/AAAAAAAA06c/4Bzb5y8ZvhAwZVYbE6Ll1PsZ2qLr5LZLwCLcBGAsYHQ/s500/QUITAR-tienda-creada-en-prestashop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="320" data-original-width="500" src="https://1.bp.blogspot.com/-R5Lc5KqhYDs/YLcGeXjuYRI/AAAAAAAA06c/4Bzb5y8ZvhAwZVYbE6Ll1PsZ2qLr5LZLwCLcBGAsYHQ/s16000/QUITAR-tienda-creada-en-prestashop.jpg" /></a></div><br /><p><span style="color: #6aa84f;"><span style="font-family: verdana;"><i><b>Paso a paso para eliminar la frase de prestashop...</b></i></span></span></p><p><span style="background-color: #fcff01;"><i><b>1.</b></i></span> Ingresa al Backoffice de tu tienda en Prestashop y dirígete a <span style="color: red;"><b><i>Configuración > Parámetros de la tienda > Tráfico & SEO</i></b></span>:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-yn53seleZyI/YLcHcJ3MzsI/AAAAAAAA06k/-_DL9rwGNVoNZNz3SKYsMeUOXVA1v2-ZACLcBGAsYHQ/s307/QUITAR-tienda-creada-en-prestashop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="307" data-original-width="208" src="https://1.bp.blogspot.com/-yn53seleZyI/YLcHcJ3MzsI/AAAAAAAA06k/-_DL9rwGNVoNZNz3SKYsMeUOXVA1v2-ZACLcBGAsYHQ/s0/QUITAR-tienda-creada-en-prestashop.jpg" /></a></div><p><span style="background-color: #fcff01;"><i><b>2.</b></i></span> Ahora buscamos la página que se llama "<span style="background-color: #fcff01;"><b><i>Index</i></b></span>" y le damos en el lápiz a la derecha para poderla editar:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-bAApVSj9B7w/YLcIU5YUSeI/AAAAAAAA06s/int_JkgQNy8gt7goVV8ffV2JIFehN-1tQCLcBGAsYHQ/s1050/QUITAR-tienda-creada-en-prestashop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="216" data-original-width="1050" height="132" src="https://1.bp.blogspot.com/-bAApVSj9B7w/YLcIU5YUSeI/AAAAAAAA06s/int_JkgQNy8gt7goVV8ffV2JIFehN-1tQCLcBGAsYHQ/w640-h132/QUITAR-tienda-creada-en-prestashop.jpg" width="640" /></a></div><br /><p><span style="background-color: #fcff01;"><i><b>3.</b></i></span> Ahora basta con cambiar la meta descripción de la página principal por el texto que tú desees indexar:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-6LZpLGJsqU0/YLcJBjBHhxI/AAAAAAAA060/HMGXnxp7ClYv0J6dU7J_6HcyOY2MWcO8ACLcBGAsYHQ/s563/QUITAR-tienda-creada-en-prestashop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="483" data-original-width="563" src="https://1.bp.blogspot.com/-6LZpLGJsqU0/YLcJBjBHhxI/AAAAAAAA060/HMGXnxp7ClYv0J6dU7J_6HcyOY2MWcO8ACLcBGAsYHQ/s16000/QUITAR-tienda-creada-en-prestashop.jpg" /></a></div><br /><p>Y listo ese sería todo el proceso es importante borrar Cookies y caché de nuestro navegador de preferencia ya que para poder visualizar los cambios lo anterior es un requisito.</p><p>Hasta la próxima,<br /></p><p><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-56646336588676414712021-05-30T14:12:00.007-07:002023-12-16T21:35:43.190-08:00Cómo hackear Facebook 2024 con Xploitv.NET Scam - Colombia y otros países<p> En mayo de 2021 hemos conseguido una herramienta con ello su entendimiento y desarrollo para lograr hackear una cuenta de Facebook a paritr del método de phishing o scam que parte básicamente de un engaño, así que sin más vamos a ver su funcionamiento y como hacer todo paso a paso:</p><p><b>¿Cómo funciona Xploitv.NET Scam?</b></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-5vWPUzAxaJI/YLPyYIxe02I/AAAAAAAA0sw/mH58S0J8jUYFHlSaNuizTK7qt1hXCAGUACLcBGAsYHQ/s380/hackear-facebook-colombia.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="217" data-original-width="380" src="https://1.bp.blogspot.com/-5vWPUzAxaJI/YLPyYIxe02I/AAAAAAAA0sw/mH58S0J8jUYFHlSaNuizTK7qt1hXCAGUACLcBGAsYHQ/s16000/hackear-facebook-colombia.jpg" /></a></div> <p></p><p>Como dije anteriormente bajo la técnica de Phishing o scam se le envía un enlace "<span style="background-color: #fcff01;"><i><b>Falso</b></i></span>" a la víctima para que allí inicie sesión y coloque sus datos de acceso finalmente en otro link que tendrás de forma privada serán donde lleguen los datos de la víctima obteniendo el acceso a su cuenta de Facebook.</p><p><span style="font-family: verdana;"><i><b><span style="color: #6aa84f;">¿CÓMO HACKEAR FACEBOOK CON XPLOITV.NET SCAM?</span></b></i></span></p><p><span style="background-color: #fcff01;"><i><b>1. </b></i></span>No hace falta descargar nada simplemente empezamos ingresando al siguiente sitio web:</p><p style="text-align: center;"><a href="https://xploitv.net/hackear-facebook" target="_blank">Clic aquí</a></p>
<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<p><span style="background-color: #fcff01;"><i><b>2. </b></i></span>Una vez dentro de la web tendremos la siguiente interfaz:</p><p></p><div style="text-align: center;"><a href="https://1.bp.blogspot.com/-djK1IPiVgkY/YLP4kp2l9bI/AAAAAAAA0s4/GqA5wnzI7SAZZUuGdnglMKf-FVuxvfJDwCLcBGAsYHQ/s1020/facebook-hacking-colombia.JPG"><img alt="Click en la imagen para ampliar" border="0" data-original-height="633" data-original-width="1020" height="398" src="https://1.bp.blogspot.com/-djK1IPiVgkY/YLP4kp2l9bI/AAAAAAAA0s4/GqA5wnzI7SAZZUuGdnglMKf-FVuxvfJDwCLcBGAsYHQ/w640-h398/facebook-hacking-colombia.JPG" title="Click en la imagen para ampliar" width="640" /></a></div><p><br />En la primera parte vemos el ID donde puedes colocar la palabra secreta con la que identificarás en el buscador de claves la búsqueda de las claves de las personas a quién le mandaste el link puedes escribir o dejar vacío (El sistema asigna una automática), todo lo demás se explica solo y es opcional llenarlo.</p><p> </p><p></p><p><i><span style="background-color: #fcff01;"><b>3.</b></span></i> Luego de llenar el formulario anterior en lo que consideres darás click en "<span style="background-color: #fcff01;"><i><b>Crear enlace</b></i></span>" ahora te abrirá una pestaña de publicidad y deberás dar clic en ella para esperar al menos 10 segundos, y leugo dar clic en el botón verde nuevamente entonces nos mostrará nuestro enlace de la siguiente manera:<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-vZ7MSose8hM/YLP8o2YqawI/AAAAAAAA0tA/Iai4VtD4snMSvw1xqfF689fpTqwpUg-8gCLcBGAsYHQ/s859/facebook-hacking-colombia.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="338" data-original-width="859" height="252" src="https://1.bp.blogspot.com/-vZ7MSose8hM/YLP8o2YqawI/AAAAAAAA0tA/Iai4VtD4snMSvw1xqfF689fpTqwpUg-8gCLcBGAsYHQ/w640-h252/facebook-hacking-colombia.JPG" width="640" /></a></div><p></p><p>Resaltado en amarillo tenemos el link que enviaremos a la victima en mi caso es el siguiente que pegaré y en color rojo encerrado es mi link donde obtendré los datos de la víctima:</p><p></p><blockquote><span style="color: red;"><span style="font-family: helvetica;"><b>http://fawok.es.tl/#b=NWlxanR1dHZ3ZXI%3D&f=facebook&lang=es_LA&e=&u=&time=MTYyMjQwOTAwMA%3D%3D&ip=&lima=regv</b></span></span></blockquote><p></p><p>Cuando lo abro y pongo unos datos de prueba que serán los siguientes:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-JymhNBfX7zM/YLP9UiDiyvI/AAAAAAAA0tI/z-c7XErd1LAi5ktqj-XfGVcLtR-9UsuCACLcBGAsYHQ/s511/facebook-hacking-colombia.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="272" data-original-width="511" src="https://1.bp.blogspot.com/-JymhNBfX7zM/YLP9UiDiyvI/AAAAAAAA0tI/z-c7XErd1LAi5ktqj-XfGVcLtR-9UsuCACLcBGAsYHQ/s16000/facebook-hacking-colombia.JPG" /></a></div><p></p><p>Al verificar el link que me dio la web para checar los datos de la víctima deben ser los mismos de la imagen anterior, veamos!!!:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-tKTYKpimEN0/YLP-2d88zpI/AAAAAAAA0tQ/yXK_NfLhxsQeABtR-fiM495vPrFmxdgggCLcBGAsYHQ/s721/facebook-hacking-colombia.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="316" data-original-width="721" height="280" src="https://1.bp.blogspot.com/-tKTYKpimEN0/YLP-2d88zpI/AAAAAAAA0tQ/yXK_NfLhxsQeABtR-fiM495vPrFmxdgggCLcBGAsYHQ/w640-h280/facebook-hacking-colombia.JPG" width="640" /></a></div><p>Entonces podemos comprobar que la web está funcionando, por supuesto debemos tener en cuenta que la veracidad de los datos es algo que tú debes comprobar ya que aunque la víctima ponga los datos no garantiza que sean los verdaderos así que deberás ingresar a checar lo más pronto posible.</p><p>Y es todo en este post, espero que te sea útil y salvo mi responsabilidad con lo que puedas llegar a hacer con esta información.</p><p> Hasta la próxima, <br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com88tag:blogger.com,1999:blog-2283735004440862496.post-68614258508379700582021-05-09T21:29:00.002-07:002023-12-16T21:34:12.846-08:00Cómo sacar las miniaturas o thumbnailUrl de vídeos de YouTube 2024<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;">Otro breve post hoy enseñaré como obtener y descargar las miniaturas en excelente calidad de los vídeos de YouTube en este caso cualquie vídeo así que vamos a ello en brevedad.</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="211" src="https://3.bp.blogspot.com/-rpiG96IV7dk/VtJRC_EqBlI/AAAAAAAALN0/UKwCMbMkDzQ/s400/PF5IVXI1500.jpg" width="400" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i><span style="font-family: Verdana,sans-serif;">Paso a paso...</span></i></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"><b>1.</b> Lo primero será tener el vídeo que le queremos sacar la respectiva miniatura para el ejemplo usaré este vídeo. </span></div>
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="font-family: "Trebuchet MS",sans-serif;"><b><i>LINK:</i></b> <a href="https://youtu.be/w_5B3VEjzEA">https://youtu.be/w_5B3VEjzEA</a></span></blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"><b>2.</b> Allí una vez en el vídeo presionamos las teclas "<i><span style="font-family: "Trebuchet MS",sans-serif;"><b>ctrl + U</b></span></i>" este nos abrirá algo similar a lo siguiente una ventana llena de códigos HTML y otros:</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-qlhrzXCqmRY/VtJRvavOhZI/AAAAAAAALN8/BBYtOC4egFA/s1600/youtubeminiaturasacar.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://4.bp.blogspot.com/-qlhrzXCqmRY/VtJRvavOhZI/AAAAAAAALN8/BBYtOC4egFA/s400/youtubeminiaturasacar.PNG" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"><b>3. </b>Luego, presionamos las teclas "<i><span style="font-family: "Trebuchet MS",sans-serif;"><b>ctrl + f</b></span></i>" en la parte de abajo nos saldrá un buscador en ese buscador pegamos la siguiente palabra "<i><span style="font-family: "Trebuchet MS",sans-serif;"><b>thumbnailUrl</b></span></i>" y el navegador la señalará:</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/--2JMwUgXBZA/VtJSRJJgICI/AAAAAAAALOA/Tnc1gWP69mI/s1600/youtubeminiaturasacar.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://2.bp.blogspot.com/--2JMwUgXBZA/VtJSRJJgICI/AAAAAAAALOA/Tnc1gWP69mI/s640/youtubeminiaturasacar.PNG" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"><b>4.</b> Al buscarla al frente de esa palabra estará el link (<span style="font-family: "Trebuchet MS",sans-serif;"><i>señalado en la línea azul</i></span>) que pertenece a la miniatura de ese vídeo que usé para el ejemplo. En conclusión mi imagen sería la siguiente:</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-8TaozFpuYyo/VtJSq9KKjjI/AAAAAAAALOI/EhD3hIh1jq4/s1600/PF5IVXI1500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://3.bp.blogspot.com/-8TaozFpuYyo/VtJSq9KKjjI/AAAAAAAALOI/EhD3hIh1jq4/s640/PF5IVXI1500.jpg" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;">Fácil no? y útil según cada quien espero les guste hasta la próxima, </span></div>
<div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com14tag:blogger.com,1999:blog-2283735004440862496.post-75071666212134919722020-10-15T18:11:00.008-07:002023-12-16T21:34:40.554-08:00Colocar firma imagen o texto a todos los mails/correos en gmail 2024<p> Hace algunos días opté por empezar a usar la función de gmail para colocar firmas en el correo, aquello que me identificará ante las demás personas en el momento que lean mi correo y no solo eso sino que podemos colocar cualquier información pero por lo general lleva: teléfono, nombre, sitio web entre otros.</p><p> Así que hoy vamos a ver como configurar una firma en nuestro correo electrónico de gmail paso por paso, vamos que de por sí no es para nada complejo.</p><p></p><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="199" data-original-width="357" src="https://1.bp.blogspot.com/-8hq8suD19c0/X4jsUvB6AwI/AAAAAAAAtd4/LyMuVo5iGssFSIWPtYKae1YzBoKywYoeACLcBGAsYHQ/s16000/Captura.JPG" /></div><p></p><p><span style="font-size: x-large;"><i><b><span style="color: #6aa84f;"> Tutorial...</span></b></i></span></p><p><span style="background-color: #fcff01;"><i><b>1.</b></i></span> Vamos a gmail.com, luego damos click en la herramienta al pie de nuestra foto de perfil > seleccionamos "<b>Ver todos los ajustes</b>": <br /></p><p><br /> <span style="background-color: #fcff01;"><i><b>2.</b></i></span> En la opción general, bajaremos hasta encontrar la opción "<b><span style="color: red;"><u><i>Firma</i></u></span></b>" o simplemente presiona las teclas "<span style="background-color: black;"><span style="color: #fcff01;"><b>Ctrl + f</b></span></span>" y busca la palabra "<b><span style="color: red;"><u><i>Firma</i></u></span></b>", luego seleccionamos +CREAR:</p><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="243" data-original-width="378" src="https://1.bp.blogspot.com/-X9epj9IhbKg/X4juszIfaWI/AAAAAAAAteE/nNhw3KrmsiINJJrIO0fbm3KvRtfZYVXpQCLcBGAsYHQ/s16000/Captura.JPG" /></div><p></p><p><span style="background-color: #fcff01;"><i><b>3.</b></i></span> Allí asignamos un nombre a nuestra firma el que deseemos, una vez creado nos pasará al editor de nuestra firma allí podrás colocar tu texto o imagen con los datos que quieres siempre salgan al final de cada correo que estamos redactando en mi caso lo he dejado así para solo texto:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-6U7t0H4fCxY/X4jw71MhMaI/AAAAAAAAteQ/BWTdumZCVK4t5HKmAeCo9eAKj5SF1UucQCLcBGAsYHQ/s472/Captura.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="191" data-original-width="472" src="https://1.bp.blogspot.com/-6U7t0H4fCxY/X4jw71MhMaI/AAAAAAAAteQ/BWTdumZCVK4t5HKmAeCo9eAKj5SF1UucQCLcBGAsYHQ/s16000/Captura.JPG" /></a></div><br /><p><b><span style="background-color: #fcff01;">4.</span> </b>Una vez hecho, veremos un poco más abajo los parámetros de configuración para nuestra firma debemos escoger para ambos la firma que creamos en mi caso la llame "<i><b>Prueba</b></i>" así que debe quedar así:</p><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="135" data-original-width="706" src="https://1.bp.blogspot.com/-8khhvwALIKU/X4jxlZEhGkI/AAAAAAAAteY/QtU7nPoudYU-614wdQAR1VB3EfzUt-bagCLcBGAsYHQ/s16000/Captura.JPG" /></div><p></p><p>Esta configuración será desde luego para que cada que escribamos nuevos correos, respondamos o reenviemos uno, la firma siempre esté presente, finalmente bajamos otro poco más y damos en "<span style="background-color: #ffa400;"><b>Guardar cambios</b></span>":</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-FCOQA3jqAsE/X4jyYRmy2tI/AAAAAAAAtek/Rn9-Og95WagKp6viowIJr6Ehj2tZsag4gCLcBGAsYHQ/s278/Captura.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="50" data-original-width="278" src="https://1.bp.blogspot.com/-FCOQA3jqAsE/X4jyYRmy2tI/AAAAAAAAtek/Rn9-Og95WagKp6viowIJr6Ehj2tZsag4gCLcBGAsYHQ/s16000/Captura.JPG" /></a></div><p><span style="background-color: #fcff01;"><i><b>5.</b></i></span> Ahora vamos a comprobar que todo esté bien y bastará con redactar un nuevo correo y ver que automáticamente la firma se ha puesto sin necesidad de nosotros redactar, veamos:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-8eqMkdWbhE8/X4jy40_14KI/AAAAAAAAtes/IDTVWSDIQZcIzpjwcZ9k2VYu2Afbx4ERgCLcBGAsYHQ/s509/Captura.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="397" data-original-width="509" src="https://1.bp.blogspot.com/-8eqMkdWbhE8/X4jy40_14KI/AAAAAAAAtes/IDTVWSDIQZcIzpjwcZ9k2VYu2Afbx4ERgCLcBGAsYHQ/s16000/Captura.JPG" /></a></div><p>Eso sería todo en este corto post. ¿Alguna duda? recuerda que puedes comentar. </p><p>Saludos,<br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-61864946891527395372020-09-27T16:42:00.004-07:002023-12-16T21:41:33.331-08:00Cargar/Subir plantilla a la nueva versión de Blogger 2024<span face=""verdana" , sans-serif">Hoy veremos como subir una plantilla/template común y corriente a la nueva versión de Blogger, aunque realmente es fácil algunos usuarios han tenido confusiones con este nuevo diseño de Blogger para este año 2024.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div>
<br />
<br />
<span style="color: #6aa84f;"><i><b><span face=""trebuchet ms" , sans-serif"><span style="font-size: large;">¿Cómo subir una plantilla en Blogger 2024?</span></span></b></i></span><br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>1.</i></b></span></span> Vamos por <a href="http://www.blogger.com/"><span face=""trebuchet ms" , sans-serif"><b><i>www.blogger.com</i></b></span></a>, luego seleccionamos tema: </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="40" data-original-width="157" src="https://1.bp.blogspot.com/-SwfasKroRJw/XlyKBfO4YWI/AAAAAAAAmcc/uHjiT5wvV_sDE8NAngKodqlEX59toSDwACLcBGAsYHQ/s1600/blogger2020.JPG" /></div>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>2.</i></b></span></span> Allí veremos un rectángulo naranja con una flecha así que la desplegaremos:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-gthw7GYIz3k/X3EjOw78PEI/AAAAAAAAs9M/8pXU8qTwAI4drje5CY8SjN9sU-b9q9T7QCLcBGAsYHQ/s451/tcc.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="160" data-original-width="451" src="https://1.bp.blogspot.com/-gthw7GYIz3k/X3EjOw78PEI/AAAAAAAAs9M/8pXU8qTwAI4drje5CY8SjN9sU-b9q9T7QCLcBGAsYHQ/s320/tcc.jpg" width="320" /></a></div><br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>3.</i></b></span></span> Seleccionamos la opción de "<b><span face=""trebuchet ms" , sans-serif"><i>Restaurar</i></span></b>":</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="249" data-original-width="351" src="https://1.bp.blogspot.com/-Nt0rLvEkU9g/XlyK-1SdUlI/AAAAAAAAmcw/UGrRatdGD_0BpuwsQUBZHU096YCuNGv6ACLcBGAsYHQ/s1600/blogger2020.JPG" /></div>
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>4.</i></b></span></span> Finalmente nos aparecerá la opción para cargar nuestra plantilla:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="255" data-original-width="462" src="https://1.bp.blogspot.com/-Auzr2ybQ8K0/XlyLeaHg25I/AAAAAAAAmc4/yPgERyjf2zofWGuDm8Fdhx0WMDau3VMKQCLcBGAsYHQ/s1600/Captura.JPG" /></div>
<br />
<span face=""verdana" , sans-serif">Y eso sería todo, solo recordemos que el único archivo que Blogger admitirá será el que termine en extensión <span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>.XML</i></b></span></span>, además hay que subir plantillas que se hayan obtenido de webs al menos reconocidas para así no ganarnos algún tipo de molestía con código malicioso.</span><br />
<br />
<span face=""verdana" , sans-serif">Aquí tienes algunas plantillas gratis:</span><br />
<br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2019/11/lunar-plantilla-blogger-responsive-con.html" target="_blank">Lunar</a>, plantilla responsive con modo noche. </span><br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2018/06/soracart-plantilla-tienda-online-para.html" target="_blank">Soracart</a>, plantilla tienda online.</span><br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2017/11/plantilla-fuutheme-v14-para-blogger.html" target="_blank">Fuutheme</a>, plantilla para blogs de escritura diaria. </span><br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2016/11/sorbet-plantilla-responsive-tipo-tumblr.html" target="_blank">Sorbet</a>, plantilla tipo Tumblr. </span><br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2014/01/brand-mag-ux-plantilla-blogger.html" target="_blank">Brand Mag Ux</a>, plantilla elegantes para blogs diarios.</span><br />
<span face=""verdana" , sans-serif">- <a href="http://www.blogginred.com/2013/01/dione-plantilla-de-peliculas-online.html" target="_blank">Dione</a>, plantilla para blogs de películas online. </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com2tag:blogger.com,1999:blog-2283735004440862496.post-7593990758229956982020-09-27T09:19:00.006-07:002023-12-16T21:34:53.177-08:00Poner reproductor de música en blog de blogger 2024 [OBSOLETO]<div style="text-align: justify;">
<blockquote class="tr_bq">
<div style="text-align: center;">
<span face=""verdana" , sans-serif"><b><span face=""trebuchet ms" , sans-serif"><span style="color: red;">Actualización 01/11/2022:</span> El tutorial no está funcionando para blogger, se ha contactado con el desarrollador para que nos diga que pudo pasar.<br /></span></b></span></div>
</blockquote>
<br />
<span face=""verdana" , sans-serif">El día de hoy explicaré brevemente como poner en nuestro blog de Blogger un reproductor de música <b><i><span face=""trebuchet ms" , sans-serif">(música la cual nosotros configuraremos)</span></i></b> así que vamos a ello. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://4.bp.blogspot.com/-T6gJNsChpoQ/Vi2Z7k3qa9I/AAAAAAAAKqI/xNDSVrux8Qs/s1600/gdh.PNG" /></div>
<br />
<span face=""verdana" , sans-serif">Antes de hacer el tutorial en tu blog prueba mirando un demo en uno de nuestros blogs de pruebas:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bloggin-prueba.blogspot.com.co/" target="_blank"><img alt="http://bloggin-prueba.blogspot.com.co/" border="0" src="https://1.bp.blogspot.com/-jhqka1fu7K8/VdIyyaoxk7I/AAAAAAAAIVk/y2Y_KNJLtSk/s1600/boton%2Bdemo%2Bpost.png" /></a></div>
<br />
<span style="color: #6aa84f;"><span style="font-size: large;"><b><i><span face=""verdana" , sans-serif">EL TUTORIAL... </span></i></b></span></span><br />
<blockquote class="tr_bq">
<span style="color: #6aa84f;"><span style="font-size: large;"><span face=""trebuchet ms" , sans-serif"><span style="color: black;"><span style="font-size: small;"><span style="color: red;"><b>Nota:</b></span> Para que el reproductor funcione, debes desactivar HTTPS en tu blog y marcar "<span style="background-color: yellow;"><b>No</b></span>", ve a <b><i>configuración > básico > HTTPS > No</i></b>, y con ello podrás ver el reproductor de música.</span></span></span><b><i><span face=""verdana" , sans-serif"><br /></span></i></b></span></span></blockquote>
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><b>1.</b></span></span> Lo primero que haremos será ingresar al sitio web SCM Music Player:</span><br />
<br />
<span face=""trebuchet ms" , sans-serif"><a href="http://scmplayer.co/" target="_blank">Click para ir</a></span><br />
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><b>2.</b></span></span> Una vez allí bajamos un poco, hasta encontrarnos con la selección del reproductor que queremos y posteriormente lo escogemos:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="460" src="https://3.bp.blogspot.com/-KacuyJNXXmE/Vi2XoQpM3MI/AAAAAAAAKp8/_XAwN5UHFRE/s640/gdh.PNG" width="640" /></div>
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><b>3.</b></span></span> Luego daremos en Next, y allí configuraremos la puesta de audio para que nuestro reproductor ejecute la música, para ello tenemos dos opciones:</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">- Crear una lista de reproducción manual</span><br />
<span face=""verdana" , sans-serif">- Lista de reproducción tomada o creada en soundcloud <span style="color: purple;"><b><span style="font-size: x-small;"><i>(recomendado)</i></span></b></span></span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Para este ejemplo explicaré tomando una lista de reproducción de SoundCloud: </span><br />
<span face=""verdana" , sans-serif"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="314" src="https://2.bp.blogspot.com/-bIK0D-GynkA/Vi2a_UbyVuI/AAAAAAAAKqU/rs_cDYrEQ50/s640/gdh.PNG" width="640" /></div>
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">En el campo playlist URL, pegarás la URL de tu lista de reproducción hecha en <span face=""trebuchet ms" , sans-serif"><b><u><i>soundcloud.com</i></u></b></span> o simplemente en ese mismo sitio busca la música que te guste y como dije copia la lista de reproducción, para el ejemplo del demo la lista que usé de sound cloud es esta:</span><br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="color: red;"><span face=""trebuchet ms" , sans-serif">https://soundcloud.com/dkcinemafilms/sets/lista-de-reproduccion</span></span></blockquote>
</div>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b>4.</b></span></span> Luego damos en next, y seguirá la configuración del reproductor allí se editan factores como:</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">- Si entran a tu blog la música suena automáticamente o no.</span><br />
<span face=""verdana" , sans-serif">- Volumen por defecto cuando ingresen a tu blog.</span><br />
<span face=""verdana" , sans-serif">- Si queremos que se repita la lista de música.</span><br />
<span face=""verdana" , sans-serif">- La posición del reproductor por defecto será en el top (<span face=""trebuchet ms" , sans-serif"><i><b>parte superior de tu blog por cuestiones de comodidad</b></i></span>).</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="276" src="https://4.bp.blogspot.com/-6SJpEQqtxf8/Vi2cTARhXaI/AAAAAAAAKqg/HKfquCEGcfw/s640/gdh.PNG" width="640" /></div>
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif"> No es necesario que cambien algo sólo si lo desean, al final dan en <u><i>Done</i></u>.</span><br />
<br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b>5.</b></span></span> El último paso será copiar el código que nos dan:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="341" data-original-width="679" height="321" src="https://3.bp.blogspot.com/-r15Lf6uJVOA/XH_yCiNFi8I/AAAAAAAAeVg/1mNeWZN_an8PxZGLqpTDiYUPmPUgYgNQQCLcBGAs/s640/musicaenloblogblogger2019.PNG" width="640" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span face=""verdana" , sans-serif">Y vamos a la plataforma Blogger allí damos en <span face=""trebuchet ms" , sans-serif"><b><i>Tema > Desplegamos la flecha naranja > Editar HTML > buscamos la etiqueta <body></i></b></span> y debajo de ella pegarás el código del reproductor.</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Luego guardas, vas a tu blog y verificas que esté puesto en la parte superior😀</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Y listo debería salirte sin problemas,</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Es todo en este post amigos.</span><br />
<br />
<span face=""verdana" , sans-serif"> Hasta la próxima,</span></div>
<div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com46tag:blogger.com,1999:blog-2283735004440862496.post-53419786488789765282020-08-07T22:07:00.000-07:002020-08-07T22:07:16.558-07:00Blog Blogger no se puede ver redirecciona a widgetserver.com - [SOLUCIÓN]<p><span style="font-family: verdana;">Si al ingresar a tu blog en blogger pasado poco más de 2 segundos automáticamente se redirecciona a un sitio web completamente diferente como por ejemplo "<span style="background-color: #fcff01;"><span style="font-family: helvetica;"><b><i>ww6.widgetserver.com</i></b></span></span>" es muy probable que todo sea culpa de un gadget que implementaste en tu blog, este tipo de problemas suele pasar con aquellos usuarios que llevan poco tiempo usando Blogger y es el patrón que he podido notar de usuarios que llegan al <a href="https://support.google.com/blogger/thread/62640144" target="_blank">Foro Oficial de Blogger</a> pidiendo ayuda por este lío.</span></p><p><span style="font-family: verdana;"></span></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-Bfhe14QGQHg/Xy4IYF2cB3I/AAAAAAAArZE/uStt6cPFFD0olw-poCovMFJWgoB2bJjYwCLcBGAsYHQ/s868/redirecci%25C3%25B3n-autom%25C3%25A1tica-virus-blogger.gif" style="display: block; margin-left: auto; margin-right: auto; padding: 1em 0px;"><img border="0" data-original-height="452" data-original-width="868" src="https://1.bp.blogspot.com/-Bfhe14QGQHg/Xy4IYF2cB3I/AAAAAAAArZE/uStt6cPFFD0olw-poCovMFJWgoB2bJjYwCLcBGAsYHQ/s640/redirecci%25C3%25B3n-autom%25C3%25A1tica-virus-blogger.gif" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><b><span style="font-size: small;"><span style="font-family: helvetica;">Ejemplo gráfico de redirección sin permiso</span></span></b><br /></td></tr></tbody></table><p><span style="font-family: verdana;"><span style="font-family: verdana;">Así entonces, hoy explicaré muy fácil como solucionar este problema de raíz, lo he expuesto en dos soluciones se podría decir así que cada quien escogerá la que vea de más facilidad finalmente lo que hay que hacer es bastante fácil. </span></span></p><p><span style="color: #6aa84f;"><i><b><span style="font-size: x-large;"><span style="font-family: verdana;">La solución...</span></span></b></i></span></p><p><span style="font-family: verdana;"><span style="font-family: verdana;"><span style="background-color: #fcff01;"><span style="font-family: helvetica;"><i><b>1.</b></i></span></span> Lo primero será identificar los gadgets que tenemos instalados en el blog, y reconocer cual ha sido el que hemos instalado de un servicio de terceros es decir aquellos que encontramos en tutoriales o sitios web externos, por lo general son calendarios, minipianos, herramientas musicales, sliders en flash, animaciones flash entre otros; entonces vamos a <b><span style="font-family: helvetica;"><i>blogger.com > Diseño</i></span></b>:</span></span></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="38" data-original-width="166" src="https://1.bp.blogspot.com/-Q_pidOeI7LE/Xy4QBd4bIUI/AAAAAAAArZQ/Pjn5UiwGvnwHXeV6v1B7Uuv3PK9eu2PQQCLcBGAsYHQ/d/dsdsdsdsd.JPG" /></div></div><p><span style="font-family: verdana;"><span style="font-family: verdana;"><span style="background-color: #fcff01;"><i><b><span style="font-family: helvetica;">2.</span></b></i></span> Una vez identificado el gadget bórralo y verifica ingresando a tu blog para ver si la redirección continúa o no:</span></span></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><a href="https://1.bp.blogspot.com/-dq9sZPX9M24/Xy4vahAvv3I/AAAAAAAArZ0/ZELTygImM-wgHF0rY01r9c6u6SQINhBuACLcBGAsYHQ/s532/dsdsdsdsd.JPG" imageanchor="1" style="display: block; padding: 1em 0px;"><img border="0" data-original-height="532" data-original-width="481" src="https://1.bp.blogspot.com/-dq9sZPX9M24/Xy4vahAvv3I/AAAAAAAArZ0/ZELTygImM-wgHF0rY01r9c6u6SQINhBuACLcBGAsYHQ/s0/dsdsdsdsd.JPG" /></a></div><div class="separator" style="margin-left: 1em; margin-right: 1em;"></div></div><p><span style="font-size: x-large;"><span style="color: #6aa84f;"><i><b><span style="font-family: verdana;"><span style="font-family: verdana;">Otra forma...</span></span></b></i></span></span></p><p><span style="font-family: verdana;"><span style="font-family: verdana;"><span style="font-family: helvetica;"><span style="background-color: #fcff01;"><b><i>3.</i></b></span></span> Si lo anterior te deja inconforme o te confunde vamos a un método que a mi criterio es más complejo pero bueno a quién quiera usarlo no está de más explicarlo, iremos a nuestro blog en mi caso <span style="font-family: helvetica;"><b>blogginred.com</b></span>, presiona las teclas "<span style="background-color: #fcff01;"><span style="font-family: helvetica;"><b>ctrl + U</b></span></span>" y ahora las teclas "<span style="background-color: #fcff01;"><span style="font-family: helvetica;"><b>Ctrl + F</b></span></span>", nos saldrá un pequeño buscador donde pondremos "<span style="background-color: #04ff00;"><b>widgetserver</b></span>" con eso comprobaremos si tenemos algún script malicioso en nuestro blog que es quien hace la redirección sin permiso:</span></span></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="232" data-original-width="562" src="https://1.bp.blogspot.com/-65xlTFgyYcg/Xy4sCO70HgI/AAAAAAAArZo/n15xTs1E2n8YFWYXlono-0Ml6xqWXfZqwCLcBGAsYHQ/s0/dsdsdsdsd.JPG" /></div></div><p><span style="font-family: verdana;"><span style="font-family: verdana;"><span style="font-family: verdana;"><span style="background-color: #fcff01;"><span style="font-family: helvetica;"><i><b>4.</b></i></span></span> Finalmente vamos al panel de <span style="background-color: #04ff00;"><span style="font-family: helvetica;"><b>escritorio blogger > Tema > Editar HTML ></b></span></span> y busca el mismo "<b><span style="background-color: #04ff00;">widgetserver</span></b>" identifica toda la línea y bórrala en mi caso sería así:</span></span></span></p><p></p><blockquote>
<span style="font-family: helvetica;"><br />
</div><div class='widget HTML' data-version='1' id='HTML9'>
<h2 class='title'>TOCO EL PIANO</h2>
<div class='widget-content'>
<script type="text/javascript" src="http://cdn.<span style="color: red;"><b>widgetserver.com</b></span>/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('fac9bbf5-7770-4a41-9650-f73bee2b3b37');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/mini-piano">Mini Piano</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>
</div> </span> </blockquote><p></p><p><span style="font-family: verdana;"><span style="background-color: #fcff01;"><span style="font-family: helvetica;"><i><b>5.</b></i></span></span> Una vez hecho cualquiera de los pasos anteriores guardamos y comprobamos que la redirección ya no se realice. </span></p><p><span style="font-family: verdana;"></span></p><blockquote><b><span style="font-family: helvetica;"><span style="color: red;">NOTA:</span> Técnicamente ejecutando el paso 4 de búsqueda de "widgetserver" directamente en el código HTML y borrarlo ya sería efectivo pero expongo distintos puntos de vista y análisis a modo de aprendizaje.</span></b></blockquote><p></p><p><span style="font-family: verdana;">Y esto ha sido todo en este artículo, si en tu blog pasa este problema y aún con el artículo no das solución comenta la URL de tu blog y te ayudaré a resolver el problema.</span></p><p><span style="font-family: verdana;">Saludos.💬 </span><br /></p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-91673045308138539482020-03-06T14:23:00.004-08:002023-12-16T21:40:12.255-08:00 5 páginas generador de crucigramas gratis online 2024<span face=""verdana" , sans-serif">Hoy compartiré las 5 webs más fáciles para generar crucigramas en línea, no hace falta descargar ningún tipo de programa y sólo necesitaremos una conexión a internet, de todos los 5 que mostraré será cuestión de gustos decidir cual se quiere usar.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-VRK9-yUzrOw/XmLNCgcfLKI/AAAAAAAAmlg/fa3nX8WzAY0tW_6niXkvftAfMJCTG-JpACLcBGAsYHQ/s1600/5-paginas-generadores-de-crucigramas-cruciletras-crosswords-online.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="234" data-original-width="430" src="https://1.bp.blogspot.com/-VRK9-yUzrOw/XmLNCgcfLKI/AAAAAAAAmlg/fa3nX8WzAY0tW_6niXkvftAfMJCTG-JpACLcBGAsYHQ/s1600/5-paginas-generadores-de-crucigramas-cruciletras-crosswords-online.jpg" /></a></div>
<br />
<br />
<span style="color: #6aa84f;"><span style="font-size: large;"><span face=""trebuchet ms" , sans-serif"><i><b>5 páginas para generar crucigramas en línea 2024</b></i></span></span></span><br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><b><i>1. Educima - crucigramas</i></b></span></span><br />
<br />
<span face=""verdana" , sans-serif">Este generador es simple de usar, está en español y una vez terminado se podrá descargar, la creación del crucigrama es fácil se podrá ver un ejemplo a continuación: </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-uPB5pIHKDxQ/XmK2OLl6aBI/AAAAAAAAmjs/SlrxuhRr5KY-c_adpnmD1Sjv84AQuj5SACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="387" data-original-width="748" height="331" src="https://1.bp.blogspot.com/-uPB5pIHKDxQ/XmK2OLl6aBI/AAAAAAAAmjs/SlrxuhRr5KY-c_adpnmD1Sjv84AQuj5SACLcBGAsYHQ/s640/generador-crucigrama-online.JPG" width="640" /></a></div>
<br />
<span face=""verdana" , sans-serif"> Una vez generado se verá así:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-TbjL0bHXNo8/XmK221Mce7I/AAAAAAAAmj0/dqjjYMsa1pA6Cq6evdFPMu14gfECZfPcACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="423" data-original-width="505" src="https://1.bp.blogspot.com/-TbjL0bHXNo8/XmK221Mce7I/AAAAAAAAmj0/dqjjYMsa1pA6Cq6evdFPMu14gfECZfPcACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" /></a></div>
<br />
<div style="text-align: center;">
<span face=""verdana" , sans-serif"><a href="https://www.educima.com/crosswordgenerator.php" target="_blank"><span face=""trebuchet ms" , sans-serif"><b>Clic para ir a Educima</b></span></a>
<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center> </span></div>
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><i><b>2. Generador Olesur - Crucigrama</b></i></span></span><br />
<br />
<span face=""verdana" , sans-serif">Este generador está en español, la creación del mismo es muy fácil sin embargo no permite poner pistas y en vez de ellos coloca directamente las palabras que deben ir:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-YGZWhHEZMmM/XmK6lv8zKTI/AAAAAAAAmkI/fzX02JsQItUEVwNOmbjO-jO5LKXSe0UCQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="456" data-original-width="612" src="https://1.bp.blogspot.com/-YGZWhHEZMmM/XmK6lv8zKTI/AAAAAAAAmkI/fzX02JsQItUEVwNOmbjO-jO5LKXSe0UCQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<span face=""verdana" , sans-serif">Y una vez generado el crucigrama se verá así:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/--pL8li0Vapk/XmK7Qc32KnI/AAAAAAAAmkU/M282eM5zGbY6Aptphqdbdb1SR1QESZMpQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="547" src="https://1.bp.blogspot.com/--pL8li0Vapk/XmK7Qc32KnI/AAAAAAAAmkU/M282eM5zGbY6Aptphqdbdb1SR1QESZMpQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" /></a></div>
<center>
<span face=""verdana" , sans-serif"> </span><br /><span face=""Trebuchet MS", sans-serif"><b><a href="https://www.olesur.com/educacion/crucigrama.asp" target="_blank"><span face=""verdana" , sans-serif">Clic para ir a Olesur</span></a></b></span></center>
<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<br />
<span style="background-color: yellow;"><i><b><span face=""verdana" , sans-serif">3. Crucigramas-online.com</span></b></i></span> <br />
<br />
<span face="Verdana, sans-serif">Quizá el más completo ya que permite personalizar muchas opciones del crucigrama que se esté creando por ejemplo, color de fondo,color de cada casilla, tamaño del crucigrama entre otras:</span><br />
<span face="Verdana, sans-serif"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ZwS0Dw0muE8/XmLAymt4IkI/AAAAAAAAmkg/V9NeLKGOigInirptVMF38A9r8DINwDemACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="554" data-original-width="747" height="474" src="https://1.bp.blogspot.com/-ZwS0Dw0muE8/XmLAymt4IkI/AAAAAAAAmkg/V9NeLKGOigInirptVMF38A9r8DINwDemACLcBGAsYHQ/s640/generador-crucigrama-online.JPG" width="640" /></a></div>
<br />
<span face="Verdana, sans-serif"></span><br />
<br />
<br />
<span face="Verdana, sans-serif">Y el resultado se verá así:</span><br />
<span face="Verdana, sans-serif"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-CgjW27Eq5iM/XmLBDfifMaI/AAAAAAAAmkk/Aqp-Crz-kSk3FUEghYRDj6Vg4s8z3AmiACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="884" height="308" src="https://1.bp.blogspot.com/-CgjW27Eq5iM/XmLBDfifMaI/AAAAAAAAmkk/Aqp-Crz-kSk3FUEghYRDj6Vg4s8z3AmiACLcBGAsYHQ/s640/generador-crucigrama-online.JPG" width="640" /></a></div>
<span face="Verdana, sans-serif"><br /></span>
<div style="text-align: center;">
<a href="https://www.crucigrama-online.com/crear-crucigramas" target="_blank"><b><span face=""Trebuchet MS", sans-serif">Clic para ir a crucigrama-online</span></b></a></div><center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<div style="text-align: center;">
<span style="background-color: yellow;"><i><b><span face="Verdana, sans-serif"><br /></span></b></i></span></div>
<div style="text-align: left;">
<span style="background-color: yellow;"><i><b><span face="Verdana, sans-serif">4. Crosswordpuzzlegames - crucigramas</span></b></i></span></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif"><br /></span></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif">Ya había <span face=""Trebuchet MS", sans-serif"><b><a href="http://www.blogginred.com/2012/10/hacer-crucigramas-en-linea-facil-y.html" target="_blank">mencionado esta plataforma online</a></b></span> hace casi 8 años, su uso es muy simple y rápido sin mucha publicidad intrusiva:</span></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-pKLw5ZWIKXk/XmLERUwV7PI/AAAAAAAAmk0/R0kbDFvsdMwoFQ0ztJGh9ygnRn7asAuuACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="618" data-original-width="472" src="https://1.bp.blogspot.com/-pKLw5ZWIKXk/XmLERUwV7PI/AAAAAAAAmk0/R0kbDFvsdMwoFQ0ztJGh9ygnRn7asAuuACLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" /></a></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif">Y al crearlo por completo se verá así:</span></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-d_H0R9CTmaw/XmLEkQQQ6wI/AAAAAAAAmk8/fC6PLK46TQkz0q1T2lsM1BXro4HIUtiZQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="336" src="https://1.bp.blogspot.com/-d_H0R9CTmaw/XmLEkQQQ6wI/AAAAAAAAmk8/fC6PLK46TQkz0q1T2lsM1BXro4HIUtiZQCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" /></a></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif"><br /></span></div>
<br />
<div style="text-align: center;">
<span face=""Trebuchet MS", sans-serif"><b><a href="http://www.crosswordpuzzlegames.com/create.html" target="_blank">Clic para ir a crossworldpuzzle</a></b></span></div><center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<br />
<span style="background-color: yellow;"><i><b><span face="Verdana, sans-serif">5. Teacher corner - crucigrama</span></b></i></span><br />
<span face="Verdana, sans-serif"><br /></span>
<span face="Verdana, sans-serif">Lo coloco en el quinto lugar como última opción porque la forma para realizar el crucigrama me parece algo incómoda mucho color y muy junto como la publicidad intrusiva que tiene, sin embargo a la final cumple con su función:</span><br />
<span face="Verdana, sans-serif"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-stjO0A8u6zs/XmLGyZpBUSI/AAAAAAAAmlI/9AG9N5lKaD0ucI291Myov18y8noLcL_BwCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="734" height="235" src="https://1.bp.blogspot.com/-stjO0A8u6zs/XmLGyZpBUSI/AAAAAAAAmlI/9AG9N5lKaD0ucI291Myov18y8noLcL_BwCLcBGAsYHQ/s400/generador-crucigrama-online.JPG" width="400" /></a></div>
<span face="Verdana, sans-serif"><br /></span>
<span face="Verdana, sans-serif">Y una vez creado se verá de la siguiente manera:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-2stDKaPpzuE/XmLHrjpmQuI/AAAAAAAAmlU/Ltu9vBmSnIU7XBvK8v9HnZe9bqqWvoN4QCLcBGAsYHQ/s1600/generador-crucigrama-online.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="431" data-original-width="839" height="328" src="https://1.bp.blogspot.com/-2stDKaPpzuE/XmLHrjpmQuI/AAAAAAAAmlU/Ltu9vBmSnIU7XBvK8v9HnZe9bqqWvoN4QCLcBGAsYHQ/s640/generador-crucigrama-online.JPG" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://worksheets.theteacherscorner.net/make-your-own/crossword/" target="_blank"><b><span face=""Trebuchet MS", sans-serif">Clic para ir a Teacher corner</span></b></a></div><center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif">Y estas serían las 5 recomendaciones más fáciles y rápidas para hacer crucigramas en línea sin descargar programa alguno.</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span face="Verdana, sans-serif"><span face=""Trebuchet MS", sans-serif"><b><i>¿Alguna duda?</i></b></span> comenta.</span></div>
<div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com1tag:blogger.com,1999:blog-2283735004440862496.post-68199825355347471522020-03-05T15:37:00.002-08:002020-03-05T15:39:50.375-08:00Desactivar WiFi y usar solo red LAN en portátil/laptop - Windows 10<span style="font-family: "verdana" , sans-serif;">Hoy veremos en un breve tutorial, ¿Cómo desactivar la tarjeta wifi del portátil? para solo usar el puerto LAN del mismo, aclaro que este método es simple y no afecta en nada las otras funciones del equipo y se podrá activar nuevamente sin problema alguno el WiFi.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="color: #6aa84f;"><b><i><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;">Desactivar wifi para usar solo LAN en portátil windows 10</span></span></i></b></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>1.</b></i></span></span> Como primer paso será ir al ícono de wifi dar click derecho y seleccionar "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Abrir configuración de red e internet</i></b></span>":</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="121" data-original-width="277" src="https://1.bp.blogspot.com/-pvSy5WeaNGs/XmGKT5FeJmI/AAAAAAAAmi4/nN82FeDysU01lS6T8_UGi1gVkwgV13lZgCLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" /></div>
<span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i><br /></i></b></span></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>2.</i></b></span></span> Ahora seleccionamos al costado derecho la opción "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Cambiar opciones del adaptador</i></b></span>":</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-o7sOBTK7N5Q/XmGK8ZLxC0I/AAAAAAAAmjA/EqcElv5tN6cvzV-XEibd5jqaEF6sWnTrgCLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="441" data-original-width="1004" height="280" src="https://1.bp.blogspot.com/-o7sOBTK7N5Q/XmGK8ZLxC0I/AAAAAAAAmjA/EqcElv5tN6cvzV-XEibd5jqaEF6sWnTrgCLcBGAsYHQ/s640/desactivar-wifi-para-usar-solo-lan.JPG" width="640" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><i><b><span style="font-family: "trebuchet ms" , sans-serif;">3.</span></b></i></span> Luego nos saldrá todas las conexiones de red que tenemos disponibles en nuestro portátil, en mi caso la que tiene el wifi activo es "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Wi-Fi 2</i></b></span>":</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="215" data-original-width="767" height="179" src="https://1.bp.blogspot.com/-BU629IP9q80/XmGLp1t0lnI/AAAAAAAAmjI/fGaafzXyFvkBJjxN-1GOw8QBGJyFdGMjACLcBGAsYHQ/s640/desactivar-wifi-para-usar-solo-lan.JPG" width="640" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Entonces daremos doble clic sobre el wifi que nos aparezca activo, luego seleccionamos "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Deshabilitar</i></b></span>":</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ip-llyHiplE/XmGMUAM1luI/AAAAAAAAmjQ/lz1TBC_XmJsspr_VtS39-6-2TBW1GDtyACLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="452" data-original-width="364" src="https://1.bp.blogspot.com/-ip-llyHiplE/XmGMUAM1luI/AAAAAAAAmjQ/lz1TBC_XmJsspr_VtS39-6-2TBW1GDtyACLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>4.</b></i></span></span> Finalmente confirmaremos que está desactivado el wifi, en las conexiones de red saldría así:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-W0JNqfEQyno/XmGMxgdji9I/AAAAAAAAmjY/DPxf_aOnBmsXywcllPZZ0QvHabLiThvKACLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="220" data-original-width="768" src="https://1.bp.blogspot.com/-W0JNqfEQyno/XmGMxgdji9I/AAAAAAAAmjY/DPxf_aOnBmsXywcllPZZ0QvHabLiThvKACLcBGAsYHQ/s1600/desactivar-wifi-para-usar-solo-lan.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Y eso sería, bastará con solo conectar el cable LAN para que siempre tenga prioridad al momento de usar nuestro portátil, como ven el proceso es fácil y si queremos recuperar la conexión wifi más adelante bastará con dar doble click sobre la red wifi de nuevo, así que esto sería todo en este corto post. </span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Hasta la próxima, </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-83717408308441604012020-02-23T18:16:00.002-08:002020-02-23T18:45:52.372-08:00Blogger: Etiquetas NOINDEX para páginas estáticas/entradas en Google<span style="font-family: "verdana" , sans-serif;">Hoy veremos como usar las etiquetas <b><i><span style="font-family: "trebuchet ms" , sans-serif;">NOINDEX</span></i></b> de Blogger para nuestras páginas estáticas o entradas, ya que es allí donde comúnmente se ponen pestañas como <i>contacto, política de privacidad, ¿Quiénes somos?</i>, entre otras y no es útil que este tipo de información se indexe en Google cuando busquen nuestro blog.</span><br />
<br />
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-size: large;"><i><b><span style="color: #6aa84f;"><span style="font-family: "verdana" , sans-serif;">¿Para que nos sirve hacer esto?</span></span></b></i></span></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">- Si tenemos información publicada en nuestro blog que queremos ocultar de las búsquedas de Google pero no del blog.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">-Optimizar los resultados de búsqueda e indexación de nuestro blog.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-AmxUDLSXNx4/XlMx5K4FqaI/AAAAAAAAmSY/hX3Ww7y9VAIsLOqvaZXYOpbtn-7rIu7IACLcBGAsYHQ/s1600/etiqueta-noidex-blogger-google-hacking.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="274" data-original-width="500" src="https://1.bp.blogspot.com/-AmxUDLSXNx4/XlMx5K4FqaI/AAAAAAAAmSY/hX3Ww7y9VAIsLOqvaZXYOpbtn-7rIu7IACLcBGAsYHQ/s1600/etiqueta-noidex-blogger-google-hacking.png" /></a></div>
<span style="font-family: "verdana" , sans-serif;"> </span><br />
<span style="font-family: "verdana" , sans-serif;">Muy bien si queremos colocar etiquetas <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>NOINDEX</i></b></span> a algunas de nuestras páginas estáticas o en su defecto entradas, haremos lo siguiente:</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>1.</b></i></span></span> Lo primero será ir <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>configuración > Preferencias para motores de búsqueda > Etiquetas de cabecera de robots personalizadas > Editar</i></b></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="215" data-original-width="692" src="https://1.bp.blogspot.com/-bwqFdXr-yws/XlMpoihtAJI/AAAAAAAAmRw/oRHmzummzvQdNoSbhCr--J7fhVtxATsJACLcBGAsYHQ/s1600/Sin%2Bt%25C3%25ADtulo.png" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>2.</i></b></span></span> Luego sadrá la pregunta <span style="font-family: "trebuchet ms" , sans-serif;"><i>¿Habilitar las etiquetas de cabeceras de robots personalizadas?</i></span> daremos en <span style="background-color: yellow;"><b><i>sí</i></b></span> y guardamos cambios:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="476" data-original-width="762" height="399" src="https://1.bp.blogspot.com/-iBq5WgkiywM/XlMqW4RgsuI/AAAAAAAAmR4/0MbuLrcD_h8p6FKn5-pm3IVOJvyC_BhnwCLcBGAsYHQ/s640/30t07q9.jpg.png" width="640" /></div>
<span style="font-family: "verdana" , sans-serif;"></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>3.</i></b></span></span> Ahora con lo anterior podremos usar etiquetas NOINDEX así que nos dirigimos a nuestra entrada o página estática, una vez allí veremos en configuración de la entrada la opión de "<span style="font-family: "trebuchet ms" , sans-serif;"><b>Etiquetas de robots personalizadas</b></span>", desmarcamos la opción de <span style="font-family: "trebuchet ms" , sans-serif;"><b>default</b></span> (<i><span style="font-family: "trebuchet ms" , sans-serif;">si nos llega a salir marcada</span></i>) y marcamos únicamente la opción <span style="font-family: "trebuchet ms" , sans-serif;"><b>noindex</b></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-wM_ot947apU/XlMtKv7tfHI/AAAAAAAAmSM/FUrLAn_ZpX42-LoZCVqlMjU1E8uKqBn_ACLcBGAsYHQ/s1600/30t07q9.jpg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="607" data-original-width="330" src="https://1.bp.blogspot.com/-wM_ot947apU/XlMtKv7tfHI/AAAAAAAAmSM/FUrLAn_ZpX42-LoZCVqlMjU1E8uKqBn_ACLcBGAsYHQ/s1600/30t07q9.jpg.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i><br /></i></b></span></span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>4.</i></b></span></span> Finalmente cuando tengamos la entrada o página estática lista solo publicamos o guardamos cambios si la mismo ya había sido creada previamente.</span><br />
<br /><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-57518422385884033192019-11-08T10:56:00.000-08:002020-02-14T18:32:53.989-08:00Todo sobre tu Perfil de usuario en Blogger - modificar, foto perfil, configuración y más<span style="font-family: "verdana" , sans-serif;">Desde el principio de los tiempos Blogger funcionaba con el famoso perfil de usuario nativo de la misma plataforma lo cual estaba bien, pero cuando llegó Google Plus se quiso imponer ante Blogger casi obligándonos a vincular nuestro perfil de Blogger con el de Google+ y así fuese el mismo prácticamente para todos los servicios de Google.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-SOve3S_-UUs/XcW3TroW8gI/AAAAAAAAi0g/1rw308J_ZF8Tw0j4btperPaRsgl_ZIWZgCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="278" data-original-width="464" src="https://1.bp.blogspot.com/-SOve3S_-UUs/XcW3TroW8gI/AAAAAAAAi0g/1rw308J_ZF8Tw0j4btperPaRsgl_ZIWZgCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Sin embargo últimamente al <span style="font-family: "trebuchet ms" , sans-serif;"><b><a href="https://support.google.com/blogger/thread/new?hl=es" target="_blank">Foro Oficial de Blogger</a></b></span> han llegado algunas dudas sobre como modificar algún parámetro de sus perfiles, entre las más comunes desean:</span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif;">- Cambiar la foto de perfil.</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif;">- Mostrar u ocultar la lista de blogs que siguen.</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif;">- Cambiar el nombre con el que publican en sus blogs.</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif;">- Agregar la ciudad donde viven a su perfil.</span></b></div>
</blockquote>
<br />
<span style="font-family: "verdana" , sans-serif;">Entre otras dudas, así que la idea de este post es explicar cual es la mejor configuración que podemos dejarle a nuestro perfil de Blogger y dar el enlace para que no nos compliquemos al momento de editar todo, empecemos.</span><br />
<br />
<br />
<span style="font-size: x-large;"><b><span style="color: #6aa84f;"><span style="font-family: "trebuchet ms" , sans-serif;">Configurar perfil de Blogger 2020</span></span></b></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>1.</i></b></span></span> Lo primero será ir al <span style="font-family: "trebuchet ms" , sans-serif;"><b><a href="https://www.blogger.com/edit-profile.g" target="_blank">siguiente enlace,</a> </b></span>recomiendo que se guarde en favoritos ya que en algún momento lo necesitaremos y hasta donde sé <i>(salvo que sea muy ciego)</i> en el escritorio de blogger no veo la opción directa para modificar nuestro perfil. </span><br />
<span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i><br /></i></b></span></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>2.</i></b></span></span> Una vez dentro veremos todos los parámetros posibles para cambiar:</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://1.bp.blogspot.com/-pddnJ1E4l1E/XcWO6kjEAHI/AAAAAAAAiyU/NTw1ILNmnXggS2mLSBbhYR6ZQq1s8AykgCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="614" data-original-width="922" height="426" src="https://1.bp.blogspot.com/-pddnJ1E4l1E/XcWO6kjEAHI/AAAAAAAAiyU/NTw1ILNmnXggS2mLSBbhYR6ZQq1s8AykgCLcBGAsYHQ/s640/perfilblogger2019.JPG" width="640" /></a></span></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>3.</i></b></span></span> Hasta lo anterior sería suficiente para muchos de nosotros pues es fácil modificar, pero la idea de este artículo no es dejar un enlace y es todo si no explicar que significa cada cosa por más obvia que sea y sepan por qué se modifica:</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>4.</i></b></span></span> <span style="font-size: large;"><b><i><span style="font-family: "verdana" , sans-serif;">Privacidad</span></i></b></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Configurar este apartado correctamente podrá salvarnos del <a href="http://www.blogginred.com/2016/10/denunciar-trafico-spam-en-blogger-mi.html" target="_blank"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>SPAM</i></b></span></a> en un futuro y por experiencia lo puedo decir, como recomendación es mejor ser un poco reservado para evitar molestias, dentro de privacidad tenemos:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="242" data-original-width="466" src="https://1.bp.blogspot.com/-Rby9NRixVGU/XcWdyR7kTHI/AAAAAAAAiyg/n_HFPeAQvC86_3kxH5XngSlf4ATkxkDNgCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>4.1.</b></i></span></span> <span style="color: red;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>Compartir mi perfil,</b></i></span></span> esta opción permite que alguien nos encuentre en Blogger o no, si deseas tener una reserva total recomiendo desactivar dicha opción. <b><span style="font-family: "trebuchet ms" , sans-serif;"><i>¿Y qué pasa si publico en mi blog pero no comparto mi perfil?</i></span></b> bueno cuando das clic en tu perfil o alguien lo hace saldrá algo así: </span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="176" data-original-width="841" height="133" src="https://1.bp.blogspot.com/-HVq0_T4Zefk/XcWgpDRbcNI/AAAAAAAAiys/ZQ-VHOq1ThYTfSuwaUFacIXWqlx4VxXaACLcBGAsYHQ/s640/perfilblogger2019.JPG" width="640" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><i><b><span style="font-family: "trebuchet ms" , sans-serif;">4.2.</span></b></i></span> <span style="color: red;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Mostrar mi dirección de correo electrónico,</i></b></span></span> Definitivamente este campo debemos desactivarlo en la era del SPAM en la que estamos, de nada sirve mostrar esto en nuestro perfil además si se trata de que nos contacten podemos usar formularios de contacto en nuestros blogs, si habilitas la opción se verá así en tu perfil:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-3LJPI42ptY0/XcWhabskVaI/AAAAAAAAiy0/3hzRdMKQ3zI-qYfLl6sYeibw5MYoKGAkwCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="442" src="https://1.bp.blogspot.com/-3LJPI42ptY0/XcWhabskVaI/AAAAAAAAiy0/3hzRdMKQ3zI-qYfLl6sYeibw5MYoKGAkwCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<span style="font-family: "verdana" , sans-serif;">Se mostrará una opción en nuestro perfil que dirá "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Correo electrónico</i></b></span>" y por una función mailto se podrá enviar un mensaje.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><i><b><span style="font-family: "trebuchet ms" , sans-serif;"><span style="background-color: yellow;">4.3.</span> <span style="color: red;">Mostrar mis blogs,</span></span></b></i> En tu perfil público saldrá la lista de blogs en los que eres administrador o autor por ejemplo:</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-nRX2RCOmXW4/XcWkGVDp59I/AAAAAAAAizE/7oEKwGXfGzoQGGX_MTvwPpSvxqM7ojqQACLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="237" data-original-width="420" src="https://1.bp.blogspot.com/-nRX2RCOmXW4/XcWkGVDp59I/AAAAAAAAizE/7oEKwGXfGzoQGGX_MTvwPpSvxqM7ojqQACLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Si damos en "<span style="font-family: "trebuchet ms" , sans-serif;"><b>Seleccionar los blogs que quieres mostrar</b></span>" podrás ocultarlos todos o solo dejar ver uno como se verá en este momento:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-eMpLnGJDt2U/XcWkhk-6-3I/AAAAAAAAizM/AME2pKFxPBIsVdydoUY7nG8XjibtjNYGACLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="239" data-original-width="432" src="https://1.bp.blogspot.com/-eMpLnGJDt2U/XcWkhk-6-3I/AAAAAAAAizM/AME2pKFxPBIsVdydoUY7nG8XjibtjNYGACLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i><span style="background-color: yellow;">4.4.</span> <span style="color: red;">Mostrar los sitios que sigo,</span></i></b></span> en este caso no podemos seleccionar cuales blogs se muestren ya que solo somos seguidores y no administradores, recomiendo inhabilitar esta opción si la lista de blogs que siguen es muy grande.</span><br />
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>5.</b></i></span></span> <i><b><span style="font-size: large;">Identidad</span></b></i></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">En la sección de identidad solo tenemos dos campos modificables y uno que no lo es, básicamente es lo siguiente:</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>5.1.</b></i></span></span> <span style="color: red;"><i><b><span style="font-family: "trebuchet ms" , sans-serif;">Nombre de usuario,</span></b></i></span> Es el correo electrónico vinculado a nuestro perfil esto suele causar confusión ya que no es el nombre de nuestro perfil con el que publicamos o el que se ve al momento de publicar en Blogger por ejemplo:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-MOiLaM1ztJc/XcWnF0As8RI/AAAAAAAAiz8/PfuqPKBaCQoTbvD4qOZF-F8a4GndWrX4gCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="228" data-original-width="383" src="https://1.bp.blogspot.com/-MOiLaM1ztJc/XcWnF0As8RI/AAAAAAAAiz8/PfuqPKBaCQoTbvD4qOZF-F8a4GndWrX4gCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Pienso que ese campo debería llamarse "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Correo vinculado al perfil</i></b></span>" y no "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Nombre de usuario</i></b></span>" ya que causa confusiones ligeras y para finalizar no es posible cambiarlo solo es informativo.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><b><i><span style="font-family: "trebuchet ms" , sans-serif;"><span style="background-color: yellow;">5.2.</span> <span style="color: red;">Dirección de Correo electrónico,</span></span></i></b> Este campo es útil si activaste mostrar el correo en el paso <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>4.2.</i></b></span> ya que será el que saldrá como se vio allí en la imagen, igualmente se debe dejar un correo escrito sea que se muestre o no el mismo, ya que es un campo obligatorio:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-573lExItqXo/XcWogjvcwNI/AAAAAAAAi0I/cX-Cqy2xiGME6WWH4QDTP1ym2la6UCaWwCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="90" data-original-width="513" src="https://1.bp.blogspot.com/-573lExItqXo/XcWogjvcwNI/AAAAAAAAi0I/cX-Cqy2xiGME6WWH4QDTP1ym2la6UCaWwCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><b><i><span style="font-family: "trebuchet ms" , sans-serif;"><span style="background-color: yellow;">5.3.</span> <span style="color: red;">Nombre para mostrar,</span></span></i></b> aquí es donde se cambia el nombre con el se publicarán las entradas en nuestros blogs como resalté en azul en la imagen del paso <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>5.1.</i></b></span> y también será el nombre que te identificará directamente en tu perfil de blogger:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-BwYq5ayQYf8/XcWwKkdAGhI/AAAAAAAAi0U/HQEvaB6axUsFKyZN4sUCldrLHeGpH1LlQCLcBGAsYHQ/s1600/perfilblogger2019.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="253" data-original-width="229" src="https://1.bp.blogspot.com/-BwYq5ayQYf8/XcWwKkdAGhI/AAAAAAAAi0U/HQEvaB6axUsFKyZN4sUCldrLHeGpH1LlQCLcBGAsYHQ/s1600/perfilblogger2019.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b><span style="background-color: yellow;">6.</span> <span style="color: red;">Foto de perfil,</span></b></i></span> bueno este es evidente saber de que se trata pero recuerden en lo posible subir una imagen cuadrada si no desean subir nada es posible dejarlo así tal y como se ven en la imagen anterior del paso<span style="font-family: "trebuchet ms" , sans-serif;"><i><b> 5.3. </b></i></span></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">Hasta aquí con las configuraciones ya explicadas nuestro perfil quedaría listo y ha sido lo más importante, todo lo que queda faltante podría llamarlo como <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>"El relleno"</i></b></span> para nuestro perfil y no es un obligatorio escribir sobre esos campos. Todo lo anterior es importante saberlo en especial si eres una persona que recién empieza con la plataforma Blogger.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "trebuchet ms" , sans-serif;"><i>¿Alguna duda?</i></span> Comenta. Hasta la próxima, </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-42829300730066239122019-11-06T12:21:00.000-08:002020-03-13T19:34:34.031-07:00DROPBOX como hosting de imágenes y vídeos para Blogger, wordpress etc.<span style="font-family: "verdana" , sans-serif;">Hace unos meses atrás compartí un post enseñando <span style="font-family: "trebuchet ms" , sans-serif;"><b><a href="http://www.blogginred.com/2019/03/dropbox-como-hosting-para-scripts-blogger.html" target="_blank">¿Cómo usar Dropbox de hosting para scripts, CSS y HTML?</a></b></span> bueno para ese momento no consideré la opción de que lo mismo sería con las imágenes o vídeos ya que en Blogger no requiero hosting pues la misma plataforma provee un espacio muy generoso para cargar nuestras imágenes.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ZEozMqdWwao/XcDXiOwhcRI/AAAAAAAAitY/30Iug1ZpBS8B-nGxT0KC5Av5nfbnA6kxwCLcBGAsYHQ/s1600/dropbox-como-hosting-de-imagenes-para-blogger-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="500" src="https://1.bp.blogspot.com/-ZEozMqdWwao/XcDXiOwhcRI/AAAAAAAAitY/30Iug1ZpBS8B-nGxT0KC5Av5nfbnA6kxwCLcBGAsYHQ/s1600/dropbox-como-hosting-de-imagenes-para-blogger-wordpress.png" /></a></div>
<br />
<br />
<span style="color: #6aa84f;"><b><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;">Usando Dropbox como hosting web de imágenes/vídeos</span></span></b></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>1.</i></b></span></span> Lo primero será ir a nuestra cuenta de Dropbox <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(No es necesario descargar la App de Dropbox a nuestro equipo)</i></b></span>.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>2.</i></b></span></span> Ahora vamos al escritorio de Blogger y crearemos una carpeta <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(A)</i></b></span> para ser ordenados la llamaremos "<span style="background-color: lime;"><b><span style="font-family: "trebuchet ms" , sans-serif;">Hosting imágenes</span></b></span>" o como deseen 😀, luego seleccionamos "<i>Sólo tú</i>" <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(B)</i></b></span> y finalmente guardamos todo dando en crear <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(C)</i></b></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="466" data-original-width="860" height="346" src="https://1.bp.blogspot.com/-wZQRmpY0keo/XcC-6F9nFYI/AAAAAAAAisQ/OLzXi24rPQI4hmqgCGTES-7oZX1Z3juigCLcBGAsYHQ/s640/dsdsd.png" width="640" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>3.</b></i></span></span> Ahora ingresamos a dicha carpeta y allí subiremos<span style="font-family: "trebuchet ms" , sans-serif;"><b><i> (A)</i></b></span> las imágenes o vídeos para la prueba yo subiré una imagen y un solo vídeo:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-_RMWhQ9UhQA/XcDDsdaf-7I/AAAAAAAAisc/HsobDu5aO_oMEmWZQNSJdhPS3NOI_OTlACLcBGAsYHQ/s1600/eblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="248" data-original-width="929" height="170" src="https://1.bp.blogspot.com/-_RMWhQ9UhQA/XcDDsdaf-7I/AAAAAAAAisc/HsobDu5aO_oMEmWZQNSJdhPS3NOI_OTlACLcBGAsYHQ/s640/eblogger.png" width="640" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>4.</i></b></span></span> Luego a la imagen o vídeo le daremos clic en los 3 puntos <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(A)</i></b></span> y luego seleccionamos compartir <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(B)</i></b></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-9rKLwTarzb8/XcDGyn4zCkI/AAAAAAAAiso/0vKsAXSHOLczrqH8hTc9T8ayDZazIiy8QCLcBGAsYHQ/s1600/eblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="265" data-original-width="684" height="247" src="https://1.bp.blogspot.com/-9rKLwTarzb8/XcDGyn4zCkI/AAAAAAAAiso/0vKsAXSHOLczrqH8hTc9T8ayDZazIiy8QCLcBGAsYHQ/s640/eblogger.png" width="640" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Damos en "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>crear vínculo</i></b></span>" y finalmente copiamos dicho vínculo:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-332fBpdgKm8/XcDHsb67wGI/AAAAAAAAis0/SSRN-P8VCBsZVvxAyD5842g1zs3zO6lIwCLcBGAsYHQ/s1600/dsdsd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="140" data-original-width="535" src="https://1.bp.blogspot.com/-332fBpdgKm8/XcDHsb67wGI/AAAAAAAAis0/SSRN-P8VCBsZVvxAyD5842g1zs3zO6lIwCLcBGAsYHQ/s1600/dsdsd.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>5.</i></b></span></span> El vínculo copiado debería verse algo así: </span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif;"><b>https://<span style="background-color: lime;">www</span>.dropbox.com/s/l7k3ab80o5323j3/eblogger.png?dl=0</b></span></div>
</blockquote>
<br />
<span style="font-family: "verdana" , sans-serif;">Y si vemos en el navegador dicha url nos saldrá el archivo pero, aún no es funcional como una imagen cargada en un host:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ZsD3fOdkV0A/XcDKMK_WZOI/AAAAAAAAitA/xIzE-O0atdk-61bNauYfg-EadHDX76NGACLcBGAsYHQ/s1600/dsdsd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="681" data-original-width="1130" height="384" src="https://1.bp.blogspot.com/-ZsD3fOdkV0A/XcDKMK_WZOI/AAAAAAAAitA/xIzE-O0atdk-61bNauYfg-EadHDX76NGACLcBGAsYHQ/s640/dsdsd.JPG" width="640" /></a></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>6.</b></i></span></span> Ahora entramos al <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>PASO CLAVE</i></b></span> aquí modificaremos el enlace de nuestro archivo para poderlo llamar como si estuviese en un host y usarlo en nuestras webs o blogs, el vínculo similar al del <span style="background-color: lime;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>paso 5</i></b></span></span> le cambiaremos las letras "<b><span style="font-family: "trebuchet ms" , sans-serif;"><i>www</i></span></b>" por las letras "<span style="font-family: "trebuchet ms" , sans-serif;"><i><b>dl</b></i></span>" hecho eso quedaría así entonces: </span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif;">https://<span style="background-color: lime;">dl</span>.dropbox.com/s/l7k3ab80o5323j3/eblogger.png</span></b></div>
</blockquote>
<br />
<span style="font-family: "verdana" , sans-serif;">Si vemos ahora la imagen ingresando dicha URL al navegador nos saldrá limpia y solamente la imagen sin nada relacionado con dropbox:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-UhBK66G99sU/XcDMmsEoO_I/AAAAAAAAitM/aZWvHMJOBuYZndWP664aZEZ7_sN7QvwwwCLcBGAsYHQ/s1600/dsdsd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="598" data-original-width="1363" height="280" src="https://1.bp.blogspot.com/-UhBK66G99sU/XcDMmsEoO_I/AAAAAAAAitM/aZWvHMJOBuYZndWP664aZEZ7_sN7QvwwwCLcBGAsYHQ/s640/dsdsd.JPG" width="640" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>7.</b></i></span></span> Finalmente si queremos usar nuestras imágenes o vídeos con HTML podemos hacer las siguientes etiquetas respectivamente:</span><br />
<br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<b><span style="font-family: "trebuchet ms" , sans-serif;"><img src="<span style="color: red;">URL de la imagen</span>" /> </span></b></blockquote>
</div>
<br />
<span style="font-family: "verdana" , sans-serif;">Y para vídeo: </span><br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="font-family: "trebuchet ms" , sans-serif;"><b><video src="<span style="color: red;">URL del vídeo</span>" width="640" height="480"></video></b></span></blockquote>
</div>
<br />
<span style="font-family: "verdana" , sans-serif;">Y eso sería todo, el proceso es fácil sin embargo lo detallo casi paso a paso porque no todos dominan este tipo de temas con facilidad, sin más que decir para cerrar este post dejaré los demos de imagen y vídeo alojados directamente en dropbox y llamados con HTML:</span>
<br />
<br />
<center>
<img alt="Logo Blogger" height="100" src="https://dl.dropbox.com/s/l7k3ab80o5323j3/eblogger.png" width="375" /> </center>
<br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Y mi vídeo con un poco de humor 😁:</span><br />
<br />
<center>
<video width="320" height="240" controls>
<source src="https://dl.dropboxusercontent.com/s/dfkm4aq3ol7z06s/video.mp4" type="video/mp4">
</video> </center>
<br />
<span style="font-family: "verdana" , sans-serif;">No es más en este post si tienes alguna duda comentala.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">Hasta la próxima,</span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com4tag:blogger.com,1999:blog-2283735004440862496.post-479412313859485342019-11-03T18:59:00.001-08:002019-11-04T18:20:34.340-08:00Insertar publicación de Instagram foto o vídeo entradas blog de Blogger<span style="font-family: "verdana" , sans-serif;">Lo que para unos es fácil para otros es una odisea, y en <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Bloggin Red</i></b></span> todo lo que se pueda enseñar se hará, hoy veremos como integrar publicaciones de Instagram en las entradas, páginas estáticas o simplemente como un gadget en nuestros blogs, aclaro que desde luego sólo funcionará con cuentas que no sean privadas ya que en caso contrario si la cuenta que sigues es privada entonces solo tú podrás ver la foto o vídeo pero los demás no.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="217" data-original-width="380" src="https://1.bp.blogspot.com/-tdm3bembaKo/Xb-TuLOkRyI/AAAAAAAAiqc/UDjgehnGqTcL0vA4psXYQlUDTXPa5aJpwCLcBGAsYHQ/s1600/insertar-foto-instagram-en-blogger-wordpress.png" /></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><i>¿Y cómo se verá?</i> bueno aquí dejo un ejemplo <span style="color: red;"><b><span style="font-family: "trebuchet ms" , sans-serif;"><i>(Al final explico como ajustar el tamaño de la publicación insertada)</i></span></b></span>:</span><br />
<br />
<center>
<blockquote class="instagram-media" data-instgrm-captioned="" data-instgrm-permalink="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="12" style="background: #fff; border-radius: 3px; border: 0; box-shadow: 0 0 1px 0 rgba(0 , 0 , 0 , 0.5) , 0 1px 10px 0 rgba(0 , 0 , 0 , 0.15); margin: 1px; max-width: 340px; min-width: 126px; padding: 0; width: 99.375%;">
<div style="padding: 16px;">
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank"> </a><br />
<div style="align-items: center; display: flex; flex-direction: row;">
<div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;">
</div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;">
<div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;">
</div>
<div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;">
</div>
</div>
</div>
<div style="padding: 19% 0;">
</div>
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank"> </a><br />
<div style="display: block; height: 50px; margin: 0 auto 12px; width: 50px;">
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank"><svg height="50px" version="1.1" viewbox="0 0 60 60" width="50px" xmlns:xlink="https://www.w3.org/1999/xlink" xmlns="https://www.w3.org/2000/svg"><g fill-rule="evenodd" fill="none" stroke-width="1" stroke="none"><g fill="#000000" transform="translate(-511.000000, -20.000000)"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></a></div>
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank">
</a>
<br />
<div style="padding-top: 8px;">
<div style="color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;">
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank">Ver esta publicación en Instagram</a></div>
</div>
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank">
</a>
<br />
<div style="padding: 12.5% 0;">
</div>
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank">
</a>
<br />
<div style="align-items: center; display: flex; flex-direction: row; margin-bottom: 14px;">
<div>
<div style="background-color: #f4f4f4; border-radius: 50%; height: 12.5px; transform: translatex(0px) translatey(7px); width: 12.5px;">
</div>
<div style="background-color: #f4f4f4; height: 12.5px; margin-left: 2px; margin-right: 14px; transform: rotate(-45deg) translatex(3px) translatey(1px); width: 12.5px;">
</div>
<div style="background-color: #f4f4f4; border-radius: 50%; height: 12.5px; transform: translatex(9px) translatey(-18px); width: 12.5px;">
</div>
</div>
<div style="margin-left: 8px;">
<div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;">
</div>
<div style="border-bottom: 2px solid transparent; border-left: 6px solid #f4f4f4; border-top: 2px solid transparent; height: 0; transform: translatex(16px) translatey(-4px) rotate(30deg); width: 0;">
</div>
</div>
<div style="margin-left: auto;">
<div style="border-right: 8px solid transparent; border-top: 8px solid #f4f4f4; transform: translatey(16px); width: 0px;">
</div>
<div style="background-color: #f4f4f4; height: 12px; transform: translatey(-4px); width: 16px;">
</div>
<div style="border-left: 8px solid transparent; border-top: 8px solid #f4f4f4; height: 0; transform: translatey(-4px) translatex(8px); width: 0;">
</div>
</div>
</div>
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank">
</a> <br />
<div style="margin: 8px 0 0 0; padding: 0 4px;">
<a href="https://www.instagram.com/p/BGugxmzAenA/?utm_source=ig_embed&utm_campaign=loading" style="color: black; font-family: "arial" , sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;" target="_blank">El poder hecho robótica próximamente piezas y bases para diseño de sumos y minisumos. SkullTrap.co📩📦📩 #unibague #robot #write #arduino #codigo #sumo #jsumo #minisumo #sumorobot #bestsumo #wow</a></div>
<div style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;">
Una publicación compartida por <a href="https://www.instagram.com/skulltrap/?utm_source=ig_embed&utm_campaign=loading" style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;" target="_blank"> Skulltrap Electronics</a> (@skulltrap) el <time datetime="2016-06-16T19:16:04+00:00" style="font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;">16 de Jun de 2016 a las 12:16 PDT</time></div>
</div>
</blockquote>
<script async="" src="//www.instagram.com/embed.js"></script></center>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="color: #6aa84f;"><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>Insertar publicación Instagram en entrada o página estática</b></i></span></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>1.</b></i></span></span> Sólo se puede insertar haciendo todo desde la versión escritorio de Instagram vamos a la publicación y damos clic en los tres puntos que tiene la misma:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="504" src="https://1.bp.blogspot.com/-fV2UopsZgqE/Xb-AgCSvdPI/AAAAAAAAipk/QCZdysY1H60JckRvxNJB82pyQtU_UqizQCLcBGAsYHQ/s1600/insertar.png" /></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>2.</b></i></span></span> Luego saldrá una ventana y allí damos clic en insertar:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-WMRtppb6tHU/Xb-BXF5ImqI/AAAAAAAAipw/Bpsr3_UAAecaXKI60SKf-aodqLAMuw68wCLcBGAsYHQ/s1600/insertar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="302" data-original-width="410" src="https://1.bp.blogspot.com/-WMRtppb6tHU/Xb-BXF5ImqI/AAAAAAAAipw/Bpsr3_UAAecaXKI60SKf-aodqLAMuw68wCLcBGAsYHQ/s1600/insertar.png" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>3.</b></i></span></span> Copiamos el código que nos dan allí, si deseamos incluir la descripción de la publicación seleccionamos "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Incluir pie de foto</i></b></span>":</span>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-K4UG18oSE40/Xb-CDYLv4NI/AAAAAAAAip4/c501YtEAYvgom0Eu_J6ztFXuBDTgm2CKgCLcBGAsYHQ/s1600/fdfd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="206" data-original-width="422" src="https://1.bp.blogspot.com/-K4UG18oSE40/Xb-CDYLv4NI/AAAAAAAAip4/c501YtEAYvgom0Eu_J6ztFXuBDTgm2CKgCLcBGAsYHQ/s1600/fdfd.JPG" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>4.</b></i></span></span> Ahora vamos a ir a la pestaña "<span style="font-family: "trebuchet ms" , sans-serif;"><b><i>HTML</i></b></span>" de la entrada o página estática donde queremos insertar la publicación y allí pegamos el código:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-5P_ILd9t820/Xb-DhHQR1sI/AAAAAAAAiqE/ThxA80CiUBYV4l_ZNFRt9EI9LjopFwAxwCLcBGAsYHQ/s1600/SDSD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="256" data-original-width="379" src="https://1.bp.blogspot.com/-5P_ILd9t820/Xb-DhHQR1sI/AAAAAAAAiqE/ThxA80CiUBYV4l_ZNFRt9EI9LjopFwAxwCLcBGAsYHQ/s1600/SDSD.png" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Finalmente podemos publicar nuestra entrada o dar en vista previa, para así darnos una idea de como saldrá, y sería todo para la entrada o página estática.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="color: #6aa84f;"><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b><br />Insertar publicación Instagram como un Gadget</b></i></span></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;"><br /></span></span>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>5.</i></b></span></span> Ahora insertaremos la publicación de Instagram como gadget en cualquier parte del blog es fácil a partir del código copiado en el paso 3, iremos a <b><span style="font-family: "trebuchet ms" , sans-serif;"><i>Blogger > Diseño > Añadir gadget > HTML/Javascript</i></span></b>.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-u6VEh0wzUO8/Xb-JRFCTgMI/AAAAAAAAiqQ/CUXLsHjdHYMCXd3hZYf2q59MtOhIzmzcQCLcBGAsYHQ/s1600/dfsfsdfsd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="291" data-original-width="410" src="https://1.bp.blogspot.com/-u6VEh0wzUO8/Xb-JRFCTgMI/AAAAAAAAiqQ/CUXLsHjdHYMCXd3hZYf2q59MtOhIzmzcQCLcBGAsYHQ/s1600/dfsfsdfsd.JPG" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;"><br /></span></span>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>6.</i></b></span></span> Pega el código allí y da clic en guardar, luego observa en tu blog si todo sale bien. </span></span><br />
<br />
<br />
<i><b><span style="font-family: "verdana" , sans-serif;">+Aclaraciones y dudas</span></b></i><br />
<br />
<span style="font-family: "verdana" , sans-serif;">- La publicación insertada es por defecto muy grande para ajustar el tamaño de la misma en el código buscaremos algo similar a lo siguiente:</span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif;">max-width:<span style="color: red;">540</span>px; min-width:<span style="color: red;">326</span>px;</span></div>
</blockquote>
<span style="font-family: "verdana" , sans-serif;">Y cambia los números por una medida que consideres justa para tu publicación insertada. </span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">- La publicación por defecto no está centrada y estéticamente no se ve bien, así que basta con usar las siguientes etiquetas HTML para centrar el contenido insertado:</span><br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="font-family: "trebuchet ms" , sans-serif;"><center> <span style="color: red;">Pega aquí el código</span> </center></span></blockquote>
</div>
<br />
<span style="font-family: "verdana" , sans-serif;">Y eso sería todo en este post ¿Alguna duda? comenta. </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-20703208224715840012019-10-11T22:14:00.006-07:002023-12-16T21:35:32.340-08:00Hackear Facebook con Hackphreik Xploit en línea - Enero 2024<span face=""verdana" , sans-serif">Para Hackear una cuenta de Facebook en pleno 2024 no hace falta ser un experto, y es que el método que explicaré a continuación es importante entenderlo para no ser víctima, si es que alguien intenta pasarse de listo con nosotros.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-KAnD9aOo-_E/XaANUhY2QnI/AAAAAAAAgoQ/HKi1H33G-hcbO4EKFIDVGPN6KzPSyGWIQCLcBGAsYHQ/s1600/hackear-facebook-con-xploit-2019.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="217" data-original-width="380" src="https://1.bp.blogspot.com/-KAnD9aOo-_E/XaANUhY2QnI/AAAAAAAAgoQ/HKi1H33G-hcbO4EKFIDVGPN6KzPSyGWIQCLcBGAsYHQ/s1600/hackear-facebook-con-xploit-2019.jpg" /></a></div>
<br />
<span face=""verdana" , sans-serif">Meses atrás había analizado otras herramientas en línea que aunque un poco mediocres cumplían su tarea se trataban de lo famosa <span face=""trebuchet ms" , sans-serif"><a href="http://www.blogginred.com/2016/10/como-hackear-una-cuenta-de-facebook.html#.XaAMqGYh3IU" target="_blank">Xploitz Rulz</a></span>, y una que ha caído hace poco <span face=""trebuchet ms" , sans-serif"><a href="http://www.blogginred.com/2019/02/hackear-cuenta-facebook-con-bliser.html" target="_blank">Bliser Xploit</a></span>, su técnica es la misma se basan en la creación de un <span face=""trebuchet ms" , sans-serif"><b><i>"phishing"</i></b></span> que permite suplantar temporalmente la página de inicio de sesión de facebook en un link y dicho link será el que se envía a la víctima para que coloque sus datos y obtenerlos vía correo electrónico.</span><br />
<br />
<span face=""verdana" , sans-serif"><br /></span>
<span style="color: #6aa84f;"><b><span style="font-size: large;"><span face=""trebuchet ms" , sans-serif"><span face=""verdana" , sans-serif">¿Qué es Hackphreik Xploit y cómo se usa?</span></span></span></b></span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Se trata de la plataforma web que analizaremos en este post para entender como funciona y el modus operandi con lo cual de una forma algo tonta pero efectiva obtienen cuentas de Facebook, no es necesario descargar nada y recomiendo jamás descargar algo que te diga que podrás hackear una cuenta de lo que sea, aquí todo el proceso es en lìnea.</span><br />
<br />
<b><span face=""verdana" , sans-serif"><br /></span></b>
<b><span face=""verdana" , sans-serif">Hackphreik y cómo hackear una cuenta de Facebook:</span></b><br />
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><i><b>1.</b></i></span></span> Para empezar vamos al siguiente sitio web:</span><br />
<br />
<div style="text-align: center;">
<span face=""verdana" , sans-serif">(<span face=""trebuchet ms" , sans-serif"><b><i><a href="https://www.hackphreik.com/hackear-facebook/" target="_blank">click aquí</a></i></b></span>) </span></div>
<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!--dafalacreative_sidebar1_AdSense1_300x250_as--> <ins class="adsbygoogle" data-ad-client="ca-pub-7219773839805509" data-ad-slot="7528659476" style="display: inline-block; height: 250px; width: 300px;"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><i><b>2.</b></i></span></span> Una vez allí, saldrá un formulario sencillo y sólo será necesario poner el correo electrónico donde se busca que llegue la clave a obtener:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="567" data-original-width="667" height="340" src="https://1.bp.blogspot.com/-P5ZPdJOXuB0/XaARhwLVxFI/AAAAAAAAgoc/kKDuWuGOa6oQpahhfPZa8h8uv7qW0UGjwCLcBGAsYHQ/s400/hackear-facebook-con-xploit-2019.jpg" width="400" /></div>
<br />
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><i><b>3.</b></i></span></span> Luego se da click en "<b><span face=""trebuchet ms" , sans-serif">Hackear Facebook</span></b>" y nos cargará una pestaña aparte individual con un anuncio, daremos un clic derecho sobre el anuncio y sin cerrar la pestaña que se abrió esperamos 15 segundos:</span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-CkmxZRh63no/XaATEvjb5jI/AAAAAAAAgoo/6yKMxIESR7gXVBhEQ3w6h8p4d3HkbRQTACLcBGAsYHQ/s1600/hackear-Facebook-2019.gif" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="624" data-original-width="1024" height="390" src="https://1.bp.blogspot.com/-CkmxZRh63no/XaATEvjb5jI/AAAAAAAAgoo/6yKMxIESR7gXVBhEQ3w6h8p4d3HkbRQTACLcBGAsYHQ/s640/hackear-Facebook-2019.gif" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span face=""trebuchet ms" , sans-serif"><b>Clic en imagen para ampliar</b></span></td></tr>
</tbody></table>
<br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><i><b>4.</b></i></span> Transcurrido el tiempo damos click en "<span style="background-color: lime;"><span face=""trebuchet ms" , sans-serif"><b>Generar Link</b></span></span>" y nos saldrá un mensaje del siguiente estilo:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="247" data-original-width="979" height="160" src="https://1.bp.blogspot.com/-_uV7-9_7MGI/XaATmB4Nu_I/AAAAAAAAgos/b1THuq9U7b81GU_UGr1Q8q5dfcmq_xgkQCLcBGAsYHQ/s640/hacker%2Bfacebook.JPG" width="640" /></div>
<br />
<br />
<span face=""verdana" , sans-serif"><b><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><i>5.</i></span></span> </b>Si abrimos el link <b><span face=""trebuchet ms" , sans-serif"><i>(Que por supuesto es el que deberá ser enviado a la víctima)</i></span></b> en una pestaña aparte nos cargará el login de Facebook para poner nuestros datos, yo pondré los siguientes datos:</span>
<span face=""verdana" , sans-serif"><br /></span>
<br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<b><span face=""trebuchet ms" , sans-serif"><span style="color: red;"><i>USUARIO:</i></span> Blogginred</span></b></div>
<div style="text-align: center;">
<b><span face=""trebuchet ms" , sans-serif"><span style="color: red;"><i>CONTRASEÑA:</i></span> 20199102BR</span></b></div>
</blockquote>
<span face=""verdana" , sans-serif">Resaltado en amarillo podemos confirmar que no se trata de la web oficial de Facebook ya que dicha URL no tiene ningún tipo de relación:</span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.blogger.com/" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="700" data-original-width="1350" height="330" src="https://1.bp.blogspot.com/-4GVVv0asD14/XaAU2rDRdpI/AAAAAAAAgo8/SeKKNYY4s6wUeIdn9s1-4HbvR1hlmlM6QCLcBGAsYHQ/s640/Sin%2Bt%25C3%25ADtulo.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span face=""trebuchet ms" , sans-serif"><b>Clic en imagen para ampliar</b></span></td></tr>
</tbody></table>
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>6.</i></b></span></span> Luego de ingresar las datos de prueba, puedes revisar el correo para ir al buscador de contraseñas o simplemente dar <a href="https://www.hackphreik.com/buscador-de-contrasenas/" target="_blank">clic aquí</a> para ir directamente y en el espacio respectivo coloca el correo electrónico que pusiste en el <span face=""trebuchet ms" , sans-serif"><b><i>paso 2</i></b></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="574" data-original-width="982" height="374" src="https://1.bp.blogspot.com/-bW6xy2DAStY/XaAWkivXpLI/AAAAAAAAgpI/lb9dCg1xI8sXJIVK7f1PswpDiywzvqQ7gCLcBGAsYHQ/s640/facebook.JPG" width="640" /></div>
<br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>7.</i></b></span></span> Damos en Buscar clave aplicamos el mismo truco de los 15 segundos después de dar click derecho sobre la publicidad, finalmente nos cargará los datos para mi caso saldrá justo lo que he puesto en el <span face=""trebuchet ms" , sans-serif"><b><i>paso 5</i></b></span>:</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-a8KES9jdpEk/XaFgFxMySJI/AAAAAAAAgpU/VA7PKTjhbFIBj7_AFlxkWhLxWxSvW818ACLcBGAsYHQ/s1600/Sin%2Bt%25C3%25ADtulo.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="204" data-original-width="587" src="https://1.bp.blogspot.com/-a8KES9jdpEk/XaFgFxMySJI/AAAAAAAAgpU/VA7PKTjhbFIBj7_AFlxkWhLxWxSvW818ACLcBGAsYHQ/s1600/Sin%2Bt%25C3%25ADtulo.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span face=""trebuchet ms" , sans-serif"><b>Datos cuenta de Facebook obtenidos</b></span></td></tr>
</tbody></table>
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><i><b>Voilá!</b></i></span> tengo el usuario y contraseña de esa cuenta de Facebook... Como se ha visto aplicar la técnica no requiere conocimientos difíciles, basta con hacer todo paso a paso, pero más allá de todo esto es bueno conocer este tipo de métodos pues es importante no caer en ello además de aplicar las respectivas protecciones a nuestra cuenta de Facebook pues es mejor eivtar pasar un mal rato.</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Sin más que decir en este post, hasta la próxima. 💻</span><br />
<br />
<br />
<br /><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com42tag:blogger.com,1999:blog-2283735004440862496.post-25370004546916043652019-10-10T18:33:00.002-07:002019-10-10T19:21:22.959-07:00Blogger: "Sus ingresos están en peligro archivos ads.txt" Solución Adsense<span style="font-family: "verdana" , sans-serif;">Hoy explicaré como solucionar el problema de <span style="font-family: "trebuchet ms" , sans-serif;"><i><b>ads.txt</b></i></span> en Blogger y que el aviso de que nuestros ingresos están en peligro deje de aparecer, claro que si leemos los links que proporciona adsense allí nos indican como hacerlo, sin embargo puede que no todos entiendamos donde encontrar cada opción para corregir dicha problemática.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://1.bp.blogspot.com/-EjJsCtVuPaI/XZ_TEqqvnCI/AAAAAAAAgnI/YGK4FfBED1IyD2lEbCGs6tFQ9y_nR4tGwCLcBGAsYHQ/s1600/adsense.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="283" data-original-width="483" src="https://1.bp.blogspot.com/-EjJsCtVuPaI/XZ_TEqqvnCI/AAAAAAAAgnI/YGK4FfBED1IyD2lEbCGs6tFQ9y_nR4tGwCLcBGAsYHQ/s1600/adsense.png" /></a> </span></div>
<span style="color: #6aa84f;"><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i><br /></i></b></span></span></span>
<span style="color: #6aa84f;"><span style="font-size: large;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Vamos con la solución en Blogger...</i></b></span></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Para efectos de confianza el error del que hablo es el siguiente, que se ve cuando ingresamos a la web de Adsense:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-RqKSDd890eU/XZ_T-4F4K_I/AAAAAAAAgnU/ET1tBx-IRLMXU9cycCRiQGBWbeK0X4T8QCLcBGAsYHQ/s1600/fdf.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="85" data-original-width="497" src="https://1.bp.blogspot.com/-RqKSDd890eU/XZ_T-4F4K_I/AAAAAAAAgnU/ET1tBx-IRLMXU9cycCRiQGBWbeK0X4T8QCLcBGAsYHQ/s1600/fdf.JPG" /></a></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>1.</b></i></span></span> Lo primero será dar click en <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>"Solucionar ahora"</i></b></span> allí descargamos el archivo ads.txt, dicho archivo lo abrimos y copiamos lo que hay en su interior:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-p9Ycxc8lxSI/XZ_WOjWleEI/AAAAAAAAgng/NA-zyrRMS6gXQazVkosun5W7oM5Djlm_wCLcBGAsYHQ/s1600/fdf.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="102" data-original-width="608" src="https://1.bp.blogspot.com/-p9Ycxc8lxSI/XZ_WOjWleEI/AAAAAAAAgng/NA-zyrRMS6gXQazVkosun5W7oM5Djlm_wCLcBGAsYHQ/s1600/fdf.JPG" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>2.</b></i></span></span> Ahora en este paso es necesario hacer lo mismo en cada blog donde mostremos anuncios con dicha cuenta de adsense; vamos a <b><span style="font-family: "trebuchet ms" , sans-serif;"><i>blogger.com <span style="background-color: yellow;">></span> Configuración <span style="background-color: yellow;">></span> Preferencia para motores de búsqueda <span style="background-color: yellow;">></span> Monetización <span style="background-color: yellow;">></span> Editar</i></span></b>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="308" data-original-width="671" src="https://1.bp.blogspot.com/-NNVukb9My64/XZ_Xvdp9nHI/AAAAAAAAgno/XPOH0k0bnkIh11Nid6f5MOMUxXLBNkaCgCLcBGAsYHQ/s1600/fdf.JPG" /></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>3.</b></i></span></span> Ahora seleccionamos sí y en el espacio pegamos el código del archivo <span style="font-family: "trebuchet ms" , sans-serif;"><i><b>ads.txt</b></i></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-w4oPqY3PUm4/XZ_ZdrZDvuI/AAAAAAAAgn4/qgz0KxNrex8Y_p1zxImj9y_PJzjTiFtsQCLcBGAsYHQ/s1600/fdf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="497" src="https://1.bp.blogspot.com/-w4oPqY3PUm4/XZ_ZdrZDvuI/AAAAAAAAgn4/qgz0KxNrex8Y_p1zxImj9y_PJzjTiFtsQCLcBGAsYHQ/s1600/fdf.png" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Guardamos configuración y sería todo podemos comprobar el contenido de nuestro archivo ads.txt agregado, vamos a <span style="background-color: lime;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>http://url-de-nuestro-blog.blogspot.com/ads.txt</i></b></span></span> si nos carga lo que hemos pegado entonces todo estará hecho.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">Una vez más recuerden que este proceso de pegar el código debe hacerse en todos los blogs donde tengamos anuncios de Adsense al pasar los días el aviso desaparecerá.</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">No es más en este post, pero si hay dudas no olviden comentar. 💾 </span><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0tag:blogger.com,1999:blog-2283735004440862496.post-56912050398532550292019-09-29T16:17:00.001-07:002022-11-01T18:05:37.407-07:00Colocar Adsense en entradas relacionadas de tu Blog Blogger<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span face=""verdana" , sans-serif">Pero tiempo que no dedicaba una entrada a Adsense, hoy explicaré un truco/herramienta oficial de Google Adsense todo lo que haremos será desde su web oficial, <span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><i><b>¿De qué se trata?</b></i></span></span>, lo que haremos será poner en nuestro blog anuncios de adsense en medio de lo que solemos llamar "<span face=""trebuchet ms" , sans-serif"><b><i>Entradas o post relacionados</i></b></span>" que van al final de cada entrada así de fácil, así que veamos.</span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="color: red;"><b><span face=""trebuchet ms" , sans-serif"> Requisitos:</span></b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span face=""trebuchet ms" , sans-serif">- Claramente debes tener un blog aprobado y cuenta de adsense aprobada</span></div>
<div style="text-align: center;">
<span face=""trebuchet ms" , sans-serif">- Tener activada la opción de anuncios automáticos en adsense.com</span></div>
<div style="text-align: center;">
<span face=""trebuchet ms" , sans-serif">- Conocer un poco de HTML en tu tema Blogger</span></div>
</blockquote>
<br />
<span style="color: #6aa84f;"><span style="font-size: large;"><b><i><span face=""verdana" , sans-serif">Creando el bloque de anuncios de Contenidos Relacionados</span></i></b></span></span><br />
<br />
<span face=""verdana" , sans-serif">Sabidos los requisitos, vamos a lo que vamos paso a paso su implementación es <span face=""trebuchet ms" , sans-serif"><i><b>¡Pan comido hacerlo! </b></i></span>pero diré a detalle cada cosa:</span><br />
<br />
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><span style="background-color: yellow;"><b><i>1.</i></b></span></span> Vamos a <span face=""trebuchet ms" , sans-serif"><span style="color: #134f5c;">adsense.com</span></span> luego <span face=""trebuchet ms" , sans-serif"><i><b>> Anuncios > Bloques de anuncios</b></i></span>:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-8xrgBdgdNI8/XZEzY5QTviI/AAAAAAAACOo/6QODrzTLgDE8KBIfd5pUpuKkOL8qzZmvwCLcBGAsYHQ/s1600/HackAdsense2019.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="383" data-original-width="276" src="https://1.bp.blogspot.com/-8xrgBdgdNI8/XZEzY5QTviI/AAAAAAAACOo/6QODrzTLgDE8KBIfd5pUpuKkOL8qzZmvwCLcBGAsYHQ/s1600/HackAdsense2019.png" /></a></div>
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>2.</i></b></span></span> Ahora en escogemos la pestaña "<span face=""trebuchet ms" , sans-serif"><i><b>(Nativo) Contenido Relacionado</b></i></span>":</span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-X-FEH_F-KYU/XZE2lKwtEII/AAAAAAAACO0/jHXqbVAKir0TJu_vFDAP3vs3_pToRDnJgCLcBGAsYHQ/s1600/HackAdsense2019.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="415" data-original-width="932" height="383" src="https://1.bp.blogspot.com/-X-FEH_F-KYU/XZE2lKwtEII/AAAAAAAACO0/jHXqbVAKir0TJu_vFDAP3vs3_pToRDnJgCLcBGAsYHQ/s640/HackAdsense2019.png" width="640" /><span face=""trebuchet ms" , sans-serif"><b><i></i></b></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span face=""trebuchet ms" , sans-serif"><b><i>Click en la imagen para ampliar</i></b></span></td></tr>
</tbody></table>
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><b><i>3.</i></b></span> Seleccionado lo anterior nos saldrá un demo en vivo del bloque de anuncios de "<span face=""trebuchet ms" , sans-serif"><b><i>Contenidos relacionados</i></b></span>" ahora hay que verificar que nuestro dominio del blog esté apto para poder mostrar ya que la vinculación es automática:</span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-Fn7Yi-0ULuA/XZE3oeJN1GI/AAAAAAAACPA/aek3bkpeoxwI1Ik3rbxVHjacIHgw-9kRQCLcBGAsYHQ/s1600/GIF.gif" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="582" data-original-width="1285" height="288" src="https://1.bp.blogspot.com/-Fn7Yi-0ULuA/XZE3oeJN1GI/AAAAAAAACPA/aek3bkpeoxwI1Ik3rbxVHjacIHgw-9kRQCLcBGAsYHQ/s640/GIF.gif" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span face=""trebuchet ms" , sans-serif"><b><i>Click para ampliar imagen</i></b></span></td></tr>
</tbody></table>
<span face=""verdana" , sans-serif">Muy bien en mi caso sale blogginred.com como un sitio habilitado y permitido para incluir este tipo de anuncios (<span face=""trebuchet ms" , sans-serif"><b><i>Sólo para aclarar si no te sale en sitios web aptos no hay nada que hacer al respecto</i></b></span>).</span><br />
<br />
<br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>4.</i></b></span></span> Como vemos en la imagen anterior al seleccionar la web apta justo debajo podremos ver un demo de como irían quedando nuestros anuncios mezclados con el contenido del blog al cual podremos ajustar el tamaño según el ancho del espacio de entradas en nuestro blog:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-rOqtlgf09yk/XZE5O0j6aoI/AAAAAAAAglY/GnEvmJ4mURw09ItUl4aty7dJk1SNTG6KACLcBGAsYHQ/s1600/relacionadosadsense.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="516" data-original-width="884" height="372" src="https://1.bp.blogspot.com/-rOqtlgf09yk/XZE5O0j6aoI/AAAAAAAAglY/GnEvmJ4mURw09ItUl4aty7dJk1SNTG6KACLcBGAsYHQ/s640/relacionadosadsense.gif" width="640" /></a></div>
<span face=""verdana" , sans-serif"></span><br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>5.</i></b></span></span> Vamos a configurar el bloque de anuncios ahora, en la parte derecha del demo en vivo tenemos todo el panel de ajuste y solo modificaremos:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-TkisSRlNQ0M/XZE6cSiEKuI/AAAAAAAAglk/1xN7WRorSnMupMFU6jSwavjvjA-CqNRlwCEwYBhgL/s1600/HackAdsense2019.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="241" data-original-width="388" src="https://1.bp.blogspot.com/-TkisSRlNQ0M/XZE6cSiEKuI/AAAAAAAAglk/1xN7WRorSnMupMFU6jSwavjvjA-CqNRlwCEwYBhgL/s1600/HackAdsense2019.png" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><b><i>Nombre del bloque ></i></b></span> Para identificar nuestro bloque cuando queramos modificarlo en el futuro.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><b><i>Opciones de anuncios ></i></b></span> Habilitamos la obtención de ingresos</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span face=""verdana" , sans-serif"><span face=""trebuchet ms" , sans-serif"><b><i>Tamaño ></i></b></span> Adaptable, para no sufrir con las versiones de celular. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b><i>6.</i></b></span></span> Finalmente guardamos cambios y obtenemos el código:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="49" data-original-width="249" src="https://4.bp.blogspot.com/-S61k6DYbjBs/WtuIVcUwMwI/AAAAAAAAZ8U/HpXupDBZSjM4x_ZmEB2by5fS20mZy_yJQCLcBGAs/s1600/holaa.PNG" /></div>
<br />
<span face=""verdana" , sans-serif">El código final y que copiaremos será algo similar a este:</span><br />
<br />
<div style="text-align: center;">
<img border="0" data-original-height="353" data-original-width="738" height="306" src="https://image.ibb.co/dtkwzH/holaaa.png" width="640" /> </div>
<br />
<span style="color: #6aa84f;"><i><b><span face=""verdana" , sans-serif" style="font-size: large;">Llevando nuestro anuncio a Blogger</span></b></i></span><br />
<br />
<span face=""verdana" , sans-serif">Copiado el código anterior empezaremos entonces con poner el anuncio en nuestro blog de blogger debe ser el mismo blog que salió habilitado para poner "Contenidos Relacionados":</span><br />
<br />
<span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b>7.</b></span></span> Vamos a nuestro escritorio <span face=""trebuchet ms" , sans-serif"><b>Blogger > Tema > Editar HTML</b></span> y buscamos la siguiente línea:</span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span face=""trebuchet ms" , sans-serif"><div class='post-footer-line post-footer-line-1'/></span></div>
<span face=""trebuchet ms" , sans-serif"><span face=""verdana" , sans-serif">
</span></span></blockquote>
<br />
<span face=""verdana" , sans-serif">Y justo arriba de ella pegamos el código Adsense:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Wjd-pFdzV8g/WtwaNyaqSrI/AAAAAAAAZ8w/QNuOHVuRsbc6cRfiI2m53JQuTOE9x3C-gCLcBGAs/s1600/holaaa.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="143" data-original-width="480" src="https://3.bp.blogspot.com/-Wjd-pFdzV8g/WtwaNyaqSrI/AAAAAAAAZ8w/QNuOHVuRsbc6cRfiI2m53JQuTOE9x3C-gCLcBGAs/s1600/holaaa.PNG" /></a></div>
<span face=""verdana" , sans-serif"> </span><br />
<span face=""verdana" , sans-serif">Ahora si no te sale la anterior línea busca la siguiente: </span><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span face=""trebuchet ms" , sans-serif"><div class='post-footer'>
</span></div>
</blockquote><p>
<span face=""verdana" , sans-serif">Y debajo de ella pega el código adsense puede que te salga un par de veces la misma línea prueba en ambas hasta que en una entrada se vea el bloque puesto o un espacio grande en blanco. </span></p><p><span face=""verdana" , sans-serif"><span style="background-color: yellow;"><span face=""trebuchet ms" , sans-serif"><b>8.</b></span></span> Guarda cambios en tu plantilla <span face=""trebuchet ms" , sans-serif"><i><b>(Tema)</b></i></span> y finalmente ve a una entrada a observar, pero cuidado hay dos cosas que pueden pasar:</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">- Los anuncios no se vean de primera vez recién pones, pero, si te sale un espacio al final de tu entrada en blanco hiciste un buen trabajo y sólo debes esperar algunas horas para empezar a ver anuncios.</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">- Que los anuncios se empiecen a ver de una vez por todas.</span><br />
<br />
<br />
<span style="background-color: yellow;"><i><b><span face=""verdana" , sans-serif">¿Cómo queda finalmente?</span></b></i></span><br />
<br />
<span face=""verdana" , sans-serif">Bueno la respuesta la tienes en una imagen más arriba en el punto 4 si no, aquí mismo en esta entrada puedes ver que hay "Contenidos relacionados" con anuncios adsense de por medio, lo malo del rollo es que no será visible para aquellos lectores que tengan activado AdBlock en sus navegadores sin embargo puedes <i><b><a href="http://www.blogginred.com/2017/02/anti-adblock-script-bloquear-entradas.html" target="_blank"><span face=""trebuchet ms" , sans-serif">implementar un buen script en tu blog</span></a></b></i> para limitar el acceso a aquellos usuarios que tenga Adblock activado si así lo deseas.</span><br />
<span face=""verdana" , sans-serif"><br /></span>
<span face=""verdana" , sans-serif">Es todo en este post si tienes alguna duda comenta... :)</span><br />
<span face=""verdana" , sans-serif"><br /></span>
</p><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com7tag:blogger.com,1999:blog-2283735004440862496.post-47855430905174217152019-07-23T00:00:00.000-07:002019-07-23T00:14:28.173-07:00Aumentar número de carácteres nombre de producto Prestashop 1.7<span style="font-family: "verdana" , sans-serif;">Días atrás tuve un problema con la tienda prestashop de <a href="http://www.skulltrap.co/" target="_blank"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>mi otro blog</b></i></span></a>, donde al estar en el Home de la tienda y por ejemplo darle click a un producto, el título en la página de este era demasiado corto lo cual no tenía sentido ya que el cliente no podía ver todo lo que decía así que opté por investigar un poco hasta dar con la solución y aquí la tengo.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="315" data-original-width="522" src="https://1.bp.blogspot.com/-S6GylJ-ktcQ/XTalG8ymnyI/AAAAAAAAf58/ngd5XAZPP4g7G6NBVjJzBQVel__gmFJdwCLcBGAs/s1600/aumentarcaracterestituloproductoprestashop17.png" /></div>
<br />
<span style="font-family: "verdana" , sans-serif;">El mejor ejemplo de lo que hablo lo ven en la imagen anterior, pero no hay de qué preocuparse, aquí detallaré como ocurrió mi problema <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>(para que asimiles si tu caso es similar al mío o no)</i></b></span> y claro su respectiva solución. </span><br />
<br />
<span style="color: #6aa84f; font-size: x-large;"><b><span style="font-family: "trebuchet ms" , sans-serif;">EL PROBLEMA</span></b></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">En mi tienda <span style="font-family: "trebuchet ms" , sans-serif;"><b><i>Prestashop 1.7.5.2</i></b></span> al estar en el Home o página príncipal de la misma y darle clic a algún producto en la página de este, el título era demasiado corto, tal y como nos lo puede mostrar este gif, veamos:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://i.ibb.co/5k3w7W2/problemalongitudtituloproductoprestashop.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="420" data-original-width="800" height="335" src="https://i.ibb.co/5k3w7W2/problemalongitudtituloproductoprestashop.gif" width="640" /></a></div>
<br />
<span style="color: #6aa84f; font-size: x-large;"><b><span style="font-family: "trebuchet ms" , sans-serif;">LA SOLUCIÓN</span></b></span><br />
<br />
<span style="font-family: "verdana" , sans-serif;">Pero todo problema puede tener solución, así que me parece mejor que se vea todo el nombre de producto en la página de detalle del mismo, veamos:</span><br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>1.</b></i></span></span> Lo primero será ir al <span style="font-family: "trebuchet ms" , sans-serif;">CPANEL</span> donde tenemos nuestra tienda instalada, una vez allí buscamos la siguiente ruta y abrimos el archivo "<span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>product.tpl</i></b></span></span>":</span><br />
<br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif;">/themes/<b><span style="color: red;">nombredetutheme</span></b>/templates/catalog/_partials/miniatures/product.tpl</span></div>
</blockquote>
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><i><b>2.</b></i></span></span> Ahora abrimos el archivo respectivo y dentro de él buscaremos una línea de código muy similar o igual a la siguiente, también podemos buscar por la palabra clave "<span style="color: red;"><span style="font-family: "trebuchet ms" , sans-serif;"><b>truncate</b></span></span>" resaltada en rojo:</span><br />
<br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif;"><span style="font-family: "verdana" , sans-serif;">{$product.name|<span style="color: red;"><b>truncate</b></span>:25:'...'}</span></span></div>
</blockquote>
<span style="font-family: "verdana" , sans-serif;">Cuando la encontremos basta con cambiar ese número 25 o el que tengamos allí, generalmente es inferior a 35 ahora lo cambiamos por el que supongamos pueda servirnos <span style="font-family: "Trebuchet MS", sans-serif;"><b><i>(En mi caso he puesto el 80 esto es el número de caracteres a mostrar)</i></b></span>.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-5NQ4qH3wC74/XTauIDsyW3I/AAAAAAAAf6I/5xhc0eYCYocTWbmx3uNysJ8CFuvOExaEgCLcBGAs/s1600/fdfd.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="132" data-original-width="509" src="https://1.bp.blogspot.com/-5NQ4qH3wC74/XTauIDsyW3I/AAAAAAAAf6I/5xhc0eYCYocTWbmx3uNysJ8CFuvOExaEgCLcBGAs/s1600/fdfd.PNG" /></a></div>
<br />
<br />
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: yellow;"><span style="font-family: "trebuchet ms" , sans-serif;"><b><i>3.</i></b></span></span> Ahora sólo guardamos cambios de nuestro archivo y ya estuvo vamos a nuestra tienda prestashop y checamos los cambios nuevamente aquí un GIF de referencia:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://i.ibb.co/rvBk6Ly/prestashoptitulocortocaracteres.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="800" height="371" src="https://i.ibb.co/rvBk6Ly/prestashoptitulocortocaracteres.gif" width="640" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">¿Alguna duda? Comenta seguro que si sé te ayudo, es todo en este post.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<span style="font-family: "verdana" , sans-serif;">Hasta la próxima,</span><br />
<br /><div class="blogger-post-footer">Gracias por suscribirte mediante correo electrónico a Bloggin Red, BR Blog de tecnología, programación y blogger.
Andrés Lozano,
Founder,</div>Andrés Felipe Lozanohttp://www.blogger.com/profile/10677844269221806318noreply@blogger.com0