tag:blogger.com,1999:blog-60030768671423045042024-03-12T20:34:15.910-05:00Ayuda de BloggerCrea un blog gratis hoy. Comience a crear blogs en AMP html, trucos de Blogger y aprender SEO para optimizar sus blogs.Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.comBlogger752125tag:blogger.com,1999:blog-6003076867142304504.post-86323299862711587402024-02-25T13:21:00.002-05:002024-02-25T13:33:23.362-05:00Los gigantes de los teléfonos inteligentes como Samsung van a hablar de los ‘teléfonos con inteligencia artificial’ este año: esto es lo que eso significa<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelzNWe1wFmxCAHmlWfQP8Sfu22io_kTNpfikxxN6g0ZOnOyXTcIst-gudS_VPbdZtGSZ90bSaPikjHRyDmjVSEDR9BGIowhRxhyphenhyphenqck76FUuzUScLmZYsLhvL4qaB4v80OK36cdx8pL3kw5rHyhyphenhyphenvtL_KA-4sabC8LL0r3dldocpYy4cvZFawRuC_FsJk/s16000/que-es-un-telefono-con-inteligencia-artificial.webp" width="740" height="416" alt=""/></noscript>
<p>Teléfonos con <b>inteligencia artificial</b>: estas son las palabras de moda que probablemente escucharás este año, ya que los jugadores de teléfonos inteligentes buscan aprovechar el revuelo de la IA para impulsar las ventas de sus dispositivos después de un período difícil.</p><p><b>ChatGPT</b> de <b>OpenA</b>I, lanzado a finales de 2022, despertó un gran interés en la IA generativa, específicamente: modelos entrenados con enormes cantidades de datos que pueden producir texto, imágenes e indicaciones a partir de videos de los usuarios. Desde entonces, el entusiasmo por la IA ha llegado a todas las industrias y ha entrado en la imaginación popular.</p>
<p>Los fabricantes de teléfonos inteligentes ven una oportunidad de sacar provecho y promocionarán la tecnología en el Mobile World Congress (MWC), la feria comercial de la industria móvil más grande del mundo, que comienza el lunes en Barcelona, España.</p><span><a name='more'></a></span><p>“Nadie quiere ser visto como alguien que está detrás de la curva, y la IA es sólo la comidilla de la ciudad. Es la palabra de moda este año a la que todos los proveedores se sumarán”.</p><h2 style="text-align: left;">¿Qué es un teléfono con IA?</h2><p>El equipo es más difícil de definir y depende del fabricante al que le preguntes.</p><p>Los analistas coinciden en términos generales en algunas cosas: que estos dispositivos tendrán chips más avanzados para ejecutar aplicaciones de IA y que esas aplicaciones de IA se ejecutarán en el dispositivo en lugar de en la nube.</p><p>Empresas como <b>Qualcomm</b> y <b>MediaTe</b>k han lanzado conjuntos de chips para teléfonos inteligentes que permiten la potencia de procesamiento requerida para aplicaciones de IA.</p><p>Pero la tecnología de IA dentro de los teléfonos no es nueva. Algunos aspectos de la IA han estado en los dispositivos durante años y han permitido funciones como efectos de desenfoque de fondo en teléfonos inteligentes y edición de imágenes.</p><p>Lo nuevo es la introducción de grandes modelos lingüísticos y de <b>IA generativa</b>. Los grandes modelos de lenguaje son enormes modelos de inteligencia artificial entrenados con grandes cantidades de datos que sustentan aplicaciones como los populares chatbots. Estos modelos desbloquean nuevas funciones, como la capacidad de los chatbots para generar imágenes o texto a partir de un mensaje de usuario.</p><p>“No se trata sólo de tener un chatbot, hace tiempo que tenemos estos asistentes virtuales. La diferencia es que ahora es generativo, por lo que pueden crear un poema o resumir reuniones. Si se trata de creación de texto a imagen, eso era algo que no se hacía antes”, dijo Ma.</p><p>La otra gran parte del rompecabezas de los teléfonos inteligentes con IA es el término “IA en el dispositivo”. Anteriormente, muchas aplicaciones de IA en dispositivos se procesaban parcialmente en la nube y luego se descargaban al teléfono. Pero los chips avanzados y la capacidad de los modelos de lenguaje grandes para volverse efectivamente más pequeños probablemente impulsen que más aplicaciones de IA se ejecuten únicamente en el dispositivo, en lugar de en un centro de datos.</p><p>“Creo que una de las grandes historias del MWC será la capacidad de los modelos de IA para ejecutarse de forma nativa en los propios dispositivos y ahí es donde potencialmente comienza a cambiar un poco más las reglas del juego”, Ben Wood, analista jefe de CCS Insight.</p><p>Los fabricantes de teléfonos inteligentes dicen que la IA en el dispositivo mejora la seguridad del equipo, desbloquea nuevas aplicaciones y también las hace más rápidas, ya que el procesamiento se realiza en el teléfono.</p><p>Esto podría desbloquear nuevas aplicaciones que los desarrolladores podrían crear, dijeron tanto Ma como Wood.</p><p>Con el tiempo, dijo Wood, los fabricantes de teléfonos inteligentes quieren lograr una “computación anticipatoria”, la idea de que la IA “es lo suficientemente inteligente como para aprender su comportamiento como usuario y hacer que el dispositivo sea mucho más intuitivo y prediga lo que quiere hacer a continuación sin que usted tenga que hacerlo”. hacer mucho”.</p><h2 style="text-align: left;">¿Pero son los teléfonos con IA una realidad en este momento?</h2><p>Algo así como. La <b>IA</b> se utiliza en dispositivos desde hace algún tiempo, pero la nueva era de la IA en dispositivos con grandes modelos de lenguaje aún se encuentra en sus primeras etapas.</p><p>Los fabricantes de dispositivos en el MWC van a mostrar muchas funciones impulsadas por IA, y ya estamos viendo algunas de ellas. En enero, Samsung lanzó su gama insignia de teléfonos inteligentes Galaxy S24 , promocionando sus capacidades de inteligencia artificial. Una característica que llamó la atención fue la capacidad de marcar con un círculo una imagen o texto que estás viendo en cualquier aplicación y luego buscarlo inmediatamente en Google.</p><p>Es probable que el MWC incluya demostraciones de funciones de inteligencia artificial, desde aplicaciones de cámara hasta chatbots en teléfonos.</p><p>Pero la realidad es que muchas de estas ventajas no están realmente en el dispositivo y aún dependen del procesamiento en la nube, según Ma de IDC. Añadió que, incluso con capacidades de IA en los dispositivos, pasarán “varios años” antes de que los desarrolladores externos descubran un “caso de uso excelente o ese caso de uso convincente del que el consumidor no puede prescindir”.</p><p>Wood dijo que el peligro es que los fabricantes de teléfonos inteligentes hablen mucho de la IA, en lugar de las experiencias que la tecnología puede ofrecer a los usuarios.</p><p>“Los consumidores no tienen idea de qué es un teléfono inteligente con IA, necesitan casos de uso para entenderlo”, dijo Wood. El riesgo es que haya “fatiga de la IA”.</p><p>En última instancia, las elevadas experiencias de IA con las que sueñan los fabricantes de teléfonos inteligentes podrían estar muy lejos.</p><p>“Estamos construyendo una plataforma fundamental increíble para la IA en dispositivos. 2024 será el año en el que miremos hacia atrás y digamos que ahí es donde todo empezó a suceder, pero podría pasar mucho tiempo antes de que empecemos a aprovechar estos beneficios en términos de experiencias que cambian las reglas del juego”, dijo Wood.</p>
<div class="my-row">
<div class="my-avatar">
<div class="my-card-avatar">
<amp-img alt="Alexandra Obaco" class="avatar-a" height="304" layout="responsive" src="https://1.bp.blogspot.com/-H03sQwfZqVQ/Xs6SQX-9BDI/AAAAAAAAwbI/bXODdt8lC3c7LcziffYkiSJMp7oMO0J-wCLcBGAsYHQ/s200/alexandra-obaco.webp" width="310"></amp-img>
<div class="my-avatar-text">
Publicado por: Alexandra - <i>Escritor y traductor, mediante el Marketing Digital ayudo a las organizaciones a mejorar su desempeño e innovación tecnológica.</i>
</div>
</div>
</div>
</div>
<br />Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-64193201534795801362024-02-25T12:47:00.003-05:002024-02-25T12:47:51.622-05:00Microsoft lanza PyRIT: una herramienta de equipo rojo para IA generativa<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkNX4Dhb6Eqv-SQ4dHxUm4LOtiVMQ4mUBdllJ9z1IWpbGgcDOkLP0W7XD331MIo_kOaP_FqoDyQdRqTYCMtK7QrVTcOvGsyWXNkoLQmoJYjadi2uRmI1MymsKEu1QWLwjlPl2N_5DMciZIZqYWUx0FuVPilyz_lT-EzwycWfNpkS7WunOdvSJFtacoWo/s16000/microsoft-lanza-pyrit-una-herramienta.webp" width="728" height="380" alt="Microsoft lanza PyRIT: una herramienta de equipo rojo para IA generativa"/></noscript>
<p>Microsoft ha lanzado un marco de automatización de acceso abierto llamado PyRIT (abreviatura de Python Risk Identification Tool) para identificar de forma proactiva riesgos en sistemas de inteligencia artificial (IA) generativa.</p>
<p>La herramienta de equipo rojo está diseñada para "permitir que todas las organizaciones de todo el mundo innoven de manera responsable con los últimos avances en inteligencia artificial", dijo Ram Shankar Siva Kumar, líder del equipo rojo de IA en Microsoft .</p><p>La compañía dijo que PyRIT podría usarse para evaluar la solidez de los criterios de valoración del modelo de lenguaje grande (LLM) frente a diferentes categorías de daño, como fabricación (p. ej., alucinaciones), uso indebido (p. ej., sesgo) y contenido prohibido (p. ej., acoso).</p><span><a name='more'></a></span><p>También se puede utilizar para identificar daños a la seguridad que van desde la generación de malware hasta el jailbreak, así como daños a la privacidad como el robo de identidad.</p><p>PyRIT viene con cinco interfaces: objetivo, conjuntos de datos, motor de puntuación, la capacidad de admitir múltiples estrategias de ataque e incorpora un componente de memoria que puede tomar la forma de JSON o una base de datos para almacenar las interacciones intermedias de entrada y salida.</p><p>El motor de puntuación también ofrece dos opciones diferentes para calificar los resultados del sistema de IA objetivo, lo que permite a los miembros del equipo rojo utilizar un clasificador de aprendizaje automático clásico o aprovechar un punto final de LLM para la autoevaluación.</p><p>"El objetivo es permitir a los investigadores tener una línea de base de qué tan bien está funcionando su modelo y todo el proceso de inferencia frente a diferentes categorías de daños y poder comparar esa línea de base con futuras iteraciones de su modelo", dijo Microsoft.</p>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Microsoft lanza PyRIT: una herramienta de equipo rojo para IA generativa" height="357" layout="intrinsic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKqqB8UT3bo_r5SU-W8EfUIQJjDKVR7K1Obp0ysOLbvtuz6FVmZLKJxghdb2Kw3gNr9twJGzrPPTV6FjUjF1Ls_pOG3gW0K3ZLOpLo3usmC4vEspDefsu-Y0RhWnhL23xcp8bd7N6md7xk_XxktGDOgkx7yDUNC9cK7BM-qsgWP0wb7kUfdCeomwotA0/s16000/microsoft-lanza-pyrit-una-herramienta.webp" width="728"></amp-img>
</div>
<br /><p>"Esto les permite tener datos empíricos sobre qué tan bien está funcionando su modelo hoy y detectar cualquier degradación del rendimiento en función de futuras mejoras".</p><p>Dicho esto, el gigante tecnológico tiene cuidado de enfatizar que PyRIT no reemplaza la formación de equipos rojos manuales de sistemas de IA generativos y que complementa la experiencia en el dominio existente de un equipo rojo.</p><p>En otras palabras, la herramienta está destinada a resaltar los "puntos calientes" de riesgo generando indicaciones que podrían usarse para evaluar el sistema de IA y señalar áreas que requieren mayor investigación.</p><p>Microsoft reconoció además que el equipo rojo de sistemas de IA generativa requiere investigar simultáneamente los riesgos de seguridad y de IA responsable y que el ejercicio es más probabilístico, al tiempo que señala las amplias diferencias en las arquitecturas de los sistemas de IA generativa.</p><p>"A menudo es necesario realizar un sondeo manual, aunque lleva mucho tiempo, para identificar posibles puntos ciegos", dijo Siva Kumar. "La automatización es necesaria para el escalado, pero no reemplaza el sondeo manual".</p><p>El desarrollo se produce cuando Protect AI reveló múltiples vulnerabilidades críticas en plataformas populares de la cadena de suministro de IA, como ClearML, Hugging Face, MLflow y Triton Inference Server, que podrían resultar en la ejecución de código arbitrario y la divulgación de información confidencial.</p>
<div class="my-row">
<div class="my-avatar">
<div class="my-card-avatar">
<amp-img alt="Alexandra Obaco" class="avatar-a" height="304" layout="responsive" src="https://1.bp.blogspot.com/-H03sQwfZqVQ/Xs6SQX-9BDI/AAAAAAAAwbI/bXODdt8lC3c7LcziffYkiSJMp7oMO0J-wCLcBGAsYHQ/s200/alexandra-obaco.webp" width="310"></amp-img>
<div class="my-avatar-text">
Publicado por: Alexandra - <i>Escritor y traductor, mediante el Marketing Digital ayudo a las organizaciones a mejorar su desempeño e innovación tecnológica.</i>
</div>
</div>
</div>
</div>
<br />Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-56850895620871470472024-02-25T12:20:00.002-05:002024-02-25T12:22:44.983-05:00Microsoft amplía las capacidades de registro gratuito para todas las agencias federales de EE. UU.<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGygrH4q3O520TNvHR1QNBgBWSXzdX48u-g5RotbyAuZhWz-0EA6fWplODnXXryzJz3KMuygoJPdJVt7tPEymIPdp2AmbBBQUAjarqlwGaT4ONrtDHOYqCd8TAye7-bay1xw_wyPdxHE99gUawJSPefxH7miEbvy_XzigCgh6c2QOWw4uTHh4Eo5ZrI-M/s16000/microsoft-expande-el-registro-gratuito.webp" width="728" height="3780" alt="Microsoft amplía las capacidades de registro gratuito para todas las agencias federales de EE. UU."/></noscript>
<p>Microsoft ha ampliado las capacidades de registro gratuito a todas las agencias federales de EE. UU. utilizando Microsoft Purview Audit, independientemente del nivel de licencia, más de seis meses después de que saliera a la luz una campaña de ciberespionaje vinculada a China dirigida a dos docenas de organizaciones.</p>
<p>"Microsoft habilitará automáticamente los registros en las cuentas de los clientes y aumentará el período de retención de registros predeterminado de 90 días a 180 días", dijo la Agencia de Seguridad de Infraestructura y Ciberseguridad de EE. UU. (CISA) .</p><p>"Además, estos datos proporcionarán nueva telemetría para ayudar a más agencias federales a cumplir con los requisitos de tala exigidos por el Memorando M-21-31 [de la Oficina de Administración y Presupuesto] ".</p><span><a name='more'></a></span><p>Microsoft, en julio de 2023, reveló que un grupo de actividad de un estado-nación con sede en China conocido como Storm-0558 obtuvo acceso no autorizado a aproximadamente 25 entidades en EE. UU. y Europa, así como a una pequeña cantidad de cuentas de consumidores individuales relacionadas.</p><p>"Storm-0558 opera con un alto grado de habilidad técnica y seguridad operativa", señaló la compañía. "Los actores son muy conscientes del entorno del objetivo, las políticas de registro, los requisitos de autenticación, las políticas y los procedimientos".</p><p>Se cree que la campaña comenzó en mayo de 2023, pero se detectó solo un mes después, después de que una agencia federal de EE. UU., que luego se reveló como el Departamento de Estado, descubrió actividad sospechosa en registros de auditoría no clasificados de Microsoft 365 y lo informó a Microsoft.</p><p>La infracción se detectó aprovechando el registro mejorado en Microsoft Purview Audit, específicamente utilizando la acción de auditoría de buzones de correo MailItemsAccessed que normalmente está disponible para suscriptores Premium.</p><p>Posteriormente, el fabricante de Windows reconoció que un error de validación en su código fuente permitió que Storm-0558 falsificara tokens de Azure Active Directory (Azure AD) utilizando una clave de firma de consumidor de cuenta de Microsoft (MSA) y luego los usara para penetrar en los buzones de correo.</p><p>Se estima que los atacantes robaron al menos 60.000 correos electrónicos no clasificados de cuentas de Outlook pertenecientes a funcionarios del Departamento de Estado destacados en Asia Oriental, el Pacífico y Europa, informó Reuters en septiembre de 2023. Beijing ha negado las acusaciones.</p><p>También enfrentó un intenso escrutinio por retener capacidades de registro básicas pero cruciales a entidades que están en el plan más caro E5 o G5, lo que llevó a la empresa a realizar cambios .</p><p>"Reconocemos la importancia vital que juega el registro avanzado para permitir que las agencias federales detecten, respondan y prevengan incluso los ataques cibernéticos más sofisticados provenientes de actores con buenos recursos y patrocinados por el estado", dijo Candice Ling de Microsoft. "Por esta razón, hemos estado colaborando con todo el gobierno federal para brindar acceso a registros de auditoría avanzados".</p>
<div class="my-row">
<div class="my-avatar">
<div class="my-card-avatar">
<amp-img alt="Alexandra Obaco" class="avatar-a" height="304" layout="responsive" src="https://1.bp.blogspot.com/-H03sQwfZqVQ/Xs6SQX-9BDI/AAAAAAAAwbI/bXODdt8lC3c7LcziffYkiSJMp7oMO0J-wCLcBGAsYHQ/s200/alexandra-obaco.webp" width="310"></amp-img>
<div class="my-avatar-text">
Publicado por: Alexandra - <i>Escritor y traductor, mediante el Marketing Digital ayudo a las organizaciones a mejorar su desempeño e innovación tecnológica.</i>
</div>
</div>
</div>
</div>
<br />
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-38330303816330455812023-10-06T14:12:00.008-05:002023-10-06T14:45:01.937-05:00Formulario de contactos flotante para Blogger Versión Exclusivo<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zYzZwHyBgTPE0_pGOOCisZ007Z2LIC8bBz8yeyZa7rcFsjI3SlWs9FkDyfdZFQhC6jQCH6E_y0NtCnlamBjHJCULVmvES4kh1F1n3edXspu-989icVIvegQefANBifpWo4gp9cs6NY1IUXePcBGeS7UlA_CwaIKPMZQkh32nTSqNdJBjX5ctcfZnns8/s16000/formulario-de-contactos-blogger.webp" width="1226" height="625" alt="Formulario de contactos flotante para Blogger Versión Exclusivo"/></noscript>
<p>
En esta ocasión, les presento un <a href="https://www.ayudadeblogger.com/search/label/Formulario%20de%20contactos">Formulario de contactos para Blogger </a>con
algunos ajustes y cambios con un estilo moderno en diseño web, el formulario
de contactos que voy a presentar en este post se mostrara en la parte inferior
derecha mediante un circulo, al hacer un clic en el botón circular se abrirá
el formulario de contactos de Blogger, donde los usuarios que visitan su blog
le podrán dejar un mensaje de forma instantánea y así puede responder a sus
inquietudes, este formulario de contactos puede ser utilizado como mejor le
parezca.</p>
<p>
Este truco de Blogger es muy sencillo de realizarlo, tendrá que seguir las
instrucciones de este tutorial
</p>
<h3 style="text-align: left;">¿Cómo se insertara el código?</h3>
<p></p>
<blockquote>
<p>
Primero, debe agregar el Gadget Formulario de contactos desde el Diseño de
su blog
</p>
<p>
En segundo lugar deberá insertar un CSS y realizar unos cambios en el
Formulario de contactos desde el HTML de su plantilla.
</p>
</blockquote>
<p></p>
<p>
<b><i>Nota importante:</i></b>
</p>
<span><a name='more'></a></span><p>Antes de empezar este tutorial, se recomienda realizar una copia de seguridad
de su blog de Blogger, o primero practicar en un blog de ejemplos. Si no sabe
cómo realizar una copia de seguridad de su blog, puede seguir las
instrucciones del siguiente enlace:</p>
<p style="text-align: center;">
<a href="https://www.ayudadeblogger.com/2016/10/hacer-una-copia-de-seguridad-de-mi-blog-de-blogger.html">Realizar una copia de seguridad de mi blog de Blogger</a>
</p>
<p>
Ayudadeblogger.com no se responsabiliza, si no realizo correctamente la
inserción del código, para más detalles específicos, puede visitar el
siguiente enlace:
</p>
<br />
<div id="ayudadeblogger">
<a class="adb-slide3" href="https://www.ayudadeblogger.com/p/politicas-de-uso.html" target="_blank">
<span class="circle3"><i class="fa fa-file-text"></i></span>
<span class="title3">Políticas de uso</span></a>
</div>
<br />
<h2 style="text-align: left;"><b>Tutorial</b></h2>
<br />
<div id="ayudadeblogger">
<a class="adb-slide" href="https://cssejemplos.blogspot.com/2023/10/ejemplo-7.html" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<p>
<b>1.-</b> Diríjase a
<a href="https://www.blogger.com/" target="_blank">Blogger.com</a>
</p>
<p>
<b>2.- </b>Un clic en <b><i>Diseño</i></b>
</p>
<p>
<b>3.-</b> Un clic en <b><i>Agregar un Gadget</i></b>
</p>
<p>
<b>4.-</b> Un clic en el <b><i>Gadget Formulario de Contactos</i></b>
</p>
<p>
<b>5.-</b> Un clic en <b><i>Guardar</i></b>
</p>
<p>
<b>6.</b>- Diríjase a <b><i>Tema</i></b>
</p>
<p>
<b>7.-</b> Un clic en <b><i>Editar HTML</i></b>
</p>
<p>
<b>8.-</b> Presione la Tecla <b><i>Ctrl </i></b>seguido de la tecla
<b><i>F</i></b>
</p>
<p>Le mostrara un cuadro de búsqueda</p>
<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq2C0c2nKuugJkYBjlL9EAnja8y2jPB5qw5Eu18cPFujy6QwtSBzMvG8wLxoTEqRSiFjyrim3L7FQNOJpXLmUo4LoM_h4lItPda6TlcyiGAHq8Afg3u-b0_oKe5LKjbKNqyG9qWLK5HTUVFSrUX8QZ0MN2pPqAjFalGCAbTECqSedClK94LsGezLGiIoM/s508/formulario-blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="149" data-original-width="508" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq2C0c2nKuugJkYBjlL9EAnja8y2jPB5qw5Eu18cPFujy6QwtSBzMvG8wLxoTEqRSiFjyrim3L7FQNOJpXLmUo4LoM_h4lItPda6TlcyiGAHq8Afg3u-b0_oKe5LKjbKNqyG9qWLK5HTUVFSrUX8QZ0MN2pPqAjFalGCAbTECqSedClK94LsGezLGiIoM/s16000/formulario-blogger.jpg" /></a></div><br /><b><br /></b><p></p><p><b>9.</b>- Busque el siguiente código</p>
<p></p><blockquote><span style="background-color: #fcff01;"></body></span></blockquote><p></p>
<p>
<b>10.</b>- Inserte las siguientes líneas de código justo arriba
del <b><i style="background-color: #fcff01;"></body>
</i></b></p>
<p></p>
<p></p>
<p></p><blockquote><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/><br /> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'> <br />//<![CDATA[ <br />/*Formulario de contacto by ayudadeblogger.com*/ <br />$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move"><i class="fa fa-wechat"></i></a></div><div class="floating-ct-body"></div></div>'); <br />$('.ContactForm').appendTo('.floating-ct-body'); <br />var slide_up_ct = false; <br />$('.floating-ct-head a').click(function(){ <br />if (!slide_up_ct) { <br />slide_up_ct = true; <br />$('.floating-ct-body').slideDown(); <br />} else { <br />slide_up_ct = false; <br />$('.floating-ct-body').slideUp(); <br />} <br />}); <br />//]]> <br /></script></blockquote><p></p><p><b><br /></b></p><p><b>11.</b>- Ahora de un clic en el icono que dice <b><i>Ir al widget</i></b>
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlMcRAU-P8wmATiWFfK_duwXmt_4ZYrq_LWolT830msAIyvbwwoUmu0SDDHt0xbua9FAfa5hDqB47358j-chD_T-UPjASkQtUrd1q3ZdLokvG3rSY2KOSf2PofyZrbPzH7tTNPgAiQFtmp2Pp81F8-iRvScNvEvDEnUHIAsQcdVfY4EYYAqP8C2VYA2xE/s356/formulario-blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="330" data-original-width="356" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlMcRAU-P8wmATiWFfK_duwXmt_4ZYrq_LWolT830msAIyvbwwoUmu0SDDHt0xbua9FAfa5hDqB47358j-chD_T-UPjASkQtUrd1q3ZdLokvG3rSY2KOSf2PofyZrbPzH7tTNPgAiQFtmp2Pp81F8-iRvScNvEvDEnUHIAsQcdVfY4EYYAqP8C2VYA2xE/s320/formulario-blogger.jpg" width="320" /></a>
</div>
<br />
<p>
<b>12</b>.- Le mostrara los widgets que tiene en su plantilla, debe dar un
clic donde dice <b><i>ContactForm1</i></b>, luego le llevara al código del formulario de contactos
</p>
<p>
<b>13.</b>- Elimine todo el código del formulario de contactos que se
encuentra en su plantilla, ejemplo
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PfuCq6uTz9QVh3wdm8SJLbT_mB8hEG1qXIdyh8mxgeT_t1B990gIFdMfHnCz9R2sIIwO5QzqafVYeEXKrHUAue2ffUu92T4XB6Y8Sk9311JJO7YRTduu2gTgDcGt26cj9oFDLdJ4Eg5oMb0PWLphogEQ-7gTWDnc4K75Aw8Uo1Ebcf7ChG5ligKQ4Us/s937/formulario-blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="28" data-original-width="937" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PfuCq6uTz9QVh3wdm8SJLbT_mB8hEG1qXIdyh8mxgeT_t1B990gIFdMfHnCz9R2sIIwO5QzqafVYeEXKrHUAue2ffUu92T4XB6Y8Sk9311JJO7YRTduu2gTgDcGt26cj9oFDLdJ4Eg5oMb0PWLphogEQ-7gTWDnc4K75Aw8Uo1Ebcf7ChG5ligKQ4Us/s16000/formulario-blogger.jpg" /></a>
</div>
<br />
<p><b>
14.</b>- Ahora en la misma posición inserte las siguientes líneas de código donde
estaba su anterior código </p><p></p><p></p><p></p><blockquote><b:widget id='ContactForm1' locked='false' title='Formulario de contacto' type='ContactForm' version='1'><br /><b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> </b:if><br /><div class='contact-form-widget card card-signup'><br /><div class='header-adb blue'><br /><div class='bot-flex'><br /><div class='c-1'><br /><img alt='Avatar' class='avatar' src='https://lh6.googleusercontent.com/-cz0L2jo7OVE/AAAAAAAAAAI/AAAAAAAAH4k/tFG3CU2lyrY/s80-c/photo.jpg'/><br /><div class='c-1-autor'>Luis Chavez</div><br /></div><br /><div class='c-2'><br /><div class='c-2-title'>Soporte de Ayudadeblogger</div><br /><div class='c-2-text'>&#161;Nos pondremos en contacto contigo en breve!</div><br /></div><br /></div><br /></div><br /><div class='form'><br /><form name='contact-form'><br /><div class='ayudadebloggerinput'><br /><input class='validate' id='ContactForm1_contact-form-name' name='name' required='' type='text' value=''/><br /><span class='highlight'/><br /><span class='bar'/><br /><label>Nombre</label><br /></div><br /><div class='ayudadebloggerinput'><br /><input class='validate' id='ContactForm1_contact-form-email' name='email' required='' type='email' value=''/><br /><span class='highlight'/><br /><span class='bar'/><br /><label>Email</label><br /></div><br /><div class='ayudadebloggerinput'><br /><textarea class='validate' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' required='' rows='5'/><br /><span class='highlight'/><br /><span class='bar'/><br /><label>Mensaje</label><br /></div><br /><input id='ContactForm1_contact-form-submit' type='button' value='Enviar mensaje'/><br /><div id='ContactForm1_contact-form-error-message'><br /></div><br /><div id='ContactForm1_contact-form-success-message'><br /></div><br /></form><br /></div><br /><style><br />/*Formulario de contacto start by ayudadeblogger.com*/<br />.ContactForm, .ContactForm .title {<br />display: none;<br />}<br />.floating-ct {<br />position: fixed;<br />width: 270px;<br />right: 66px;<br />bottom: 24px;<br />z-index: 999;<br />}<br />.floating-ct-head a {<br />font-weight: bold;<br />display: inline-block;<br />width: 50px;<br />height: 50px;<br />bottom: 20px;<br />right: 21px;<br />cursor: pointer;<br />overflow: hidden;<br />color: #fff;<br />text-align: center;<br />line-height: 52px;<br />background: #089d4b;<br />border-radius: 50%;<br />transition: all .2s ease;<br />}<br />.floating-ct-body {<br />display: none;<br />}<br />.floating-ct-head {<br />text-align: right;<br />}<br />.floating-ct-body .ContactForm {<br />margin: 0;<br />display: block!important;<br />}<br />.ayudadebloggerinput {<br />float: none;<br />position: relative;<br />margin-bottom: 22px;<br />margin-right: 10px<br />}<br />.ayudadebloggerinput input,.ayudadebloggerinput textarea {<br />font-size: 15px;<br />padding: 10px 0;<br />display: block;<br />width: 100%;<br />border: none;<br />border-bottom: 1px solid #ddd<br />}<br />.ayudadebloggerinput input:focus,.ayudadebloggerinput textarea:focus {<br />outline: none<br />}<br />.ayudadebloggerinput label {<br />color: #111;<br />font-size: 13px;<br />font-weight: 400;<br />position: absolute;<br />pointer-events: none;<br />left: 0;<br />top: 10px;<br />transition: .2s ease all<br />}<br />.bar {<br />position: relative;<br />display: block;<br />width: 100%<br />}<br />.bar:before,.bar:after {<br />content: &#39;<br />&#39;<br />;<br />height: 2px;<br />width: 0;<br />bottom: 1px;<br />position: absolute;<br />background: #e91e63;<br />transition: .2s ease all<br />}<br />.bar:before {<br />left: 50%<br />}<br />.bar:after {<br />right: 50%<br />}<br />.ayudadebloggerinput input:focus ~ .bar:before,.ayudadebloggerinput input:focus ~ .bar:after,.ayudadebloggerinput textarea:focus ~ .bar:before,.ayudadebloggerinput textarea:focus ~ .bar:after {<br />width: 50%<br />}<br />.highlight {<br />position: absolute;<br />height: 50%;<br />width: 100px;<br />top: 25%;<br />left: 0;<br />pointer-events: none;<br />opacity: .5<br />}<br />.ayudadebloggerinput input:focus ~ .highlight,.ayudadebloggerinput textarea:focus ~ .highlight {<br />animation: inputHighlighter .3s ease<br />}<br />.ayudadebloggerinput input:focus ~ label,.ayudadebloggerinput input:valid ~ label,.ayudadebloggerinput textarea:focus ~ label,.ayudadebloggerinput textarea:valid ~ label {<br />top: -20px;<br />font-size: 11px;<br />color: #888;<br />}<br />input#ContactForm1_contact-form-email-message {<br />height: 150px<br />}<br />input#ContactForm1_contact-form-submit {<br />color: #fff!important;<br />background: cornflowerblue;<br />padding: 15px 25px;<br />border-radius: 4px;<br />border: none;<br />outline: none;<br />box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);<br />cursor: pointer;<br />transition: all .4s ease-in-out;<br />text-transform: uppercase;<br />float: left;<br />margin-top: 5px;<br />line-height: 1px;<br />}<br />input#ContactForm1_contact-form-submit:hover {<br />box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)<br />}<br /><br />#ContactForm1_contact-form-error-message {<br />float: right;<br />background: #D32F2F;<br />color: #fff;<br />font-size: 13px;<br />font-weight: 700;<br />border-radius: 3px<br />}<br />#ContactForm1_contact-form-success-message {<br />float: right;<br />background: #4CAF50;<br />color: #fff;<br />font-size: 13px;<br />font-weight: 700;<br />border-radius: 3px<br />}<br />.contact-form-widget {<br />height: 320;<br />margin-left: 0;<br />max-width: 100%;<br />padding: 0px 0px 30px;<br />padding-top: 0;<br />width: 100%;<br />}<br />form {<br />padding: 8px 13px 8px 13px;<br />}<br />.card {<br />display: inline-block;<br />position: relative;<br />width: 100%;<br />margin-bottom: 30px;<br />border-radius: 6px;<br />color: rgba(0, 0, 0, 0.87);<br />background: #fff;<br />box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);<br />}<br />.card-signup .header-adb {<br />}<br />.card [class*=&quot;header-&quot;],.card [class*=&quot;content-&quot;] {<br />color: #FFFFFF;<br />}<br />.card .header-primary,.card .content-primary {<br />background: linear-gradient(60deg, #ab47bc, #7b1fa2);<br />}<br />.card .header-adb {<br />border-radius: 6px 6px 0px 0px;<br />margin-bottom: 10px;<br />}<br />.text-center {<br />text-align: center;<br />}<br />.card-title {<br />color: #FFFFFF;<br />font-weight: 700;<br />font-size: 15px;<br />line-height: 0;<br />}<br />.bot-flex {<br />display: flex;<br />padding: 15px 10px 10px;<br />align-items: center;<br />justify-content: space-around;<br />} <br />.c-1 {<br />}<br />.c-1-autor {<br />position: relative;<br />font-size: 8px;<br />margin: 4px 0 0;<br />line-height: initial;}<br />.c-1-autor:before {<br />content: &#39;&#39;;<br />background: #28f434;<br />width: 3.5px;<br />height: 3.5px;<br />border-radius: 50%;<br />position: absolute;<br />top: 4px;<br />left: -6.5px;<br />}<br />.c-2 {<br />}<br />.c-2-title {<br />font-size: 12px;<br />font-weight: 500;<br />margin: 0 0 0px;<br />font-family: cursive;<br />}<br />.c-2-text {<br />position: relative;<br />font-size: 8px;<br />background: #fff;<br />padding: 4px 7px;<br />color: #2c69d1;<br />border-radius: 3px;<br />font-family: cursive;<br />}<br />.c-2-text:before {<br />content: &#39; &#39;;<br />position: absolute;<br />width: 0;<br />height: 0;<br />left: -7px;<br />right: auto;<br />top: 0;<br />bottom: 0;<br />border: 8px solid;<br />border-color: white transparent transparent;<br />}<br />.avatar {<br />width: 35px;<br />height: 35px;<br />border-radius: 50%;<br />display: block;<br />}<br />.red {<br />background-color: #f44336 !important;<br />}<br />.pink {<br />background-color: #e91e63 !important;<br />}<br />.purple {<br />background-color: #9c27b0 !important;<br />}<br />.deep-purple {<br />background-color: #673ab7 !important;<br />}<br />.indigo {<br />background-color: #3f51b5 !important;<br />}<br />.blue {<br />background-color: #2196f3 !important;<br />}<br />.light-blue {<br />background-color: #03a9f4 !important;<br />}<br />.cyan {<br />background-color: #00bcd4 !important;<br />}<br />.teal {<br />background-color: #009688 !important;<br />}<br />.green {<br />background-color: #4caf50 !important;<br />}<br />.light-green {<br />background-color: #8bc34a !important;<br />}<br />.lime {<br />background-color: #cddc39 !important;<br />}<br />.yellow {<br />background-color: #ffeb3b !important;<br />}<br />.amber {<br />background-color: #ffc107 !important;<br />}<br />.orange {<br />background-color: #ff9800 !important;<br />}<br />.deep-orange {<br />background-color: #ff5722 !important;<br />}<br />.brown {<br />background-color: #795548 !important;<br />}<br />.grey {<br />background-color: #9e9e9e !important;<br />}<br />.grey-darken-4 {<br />background-color: #212121 !important;<br />}<br />.black {<br />background-color: #000000 !important;<br />}<br />.blue-grey {<br />background-color: #607d8b !important;<br />}<br /></style> </div> </b:includable><br /></b:widget></blockquote><p></p><p><b>15.</b>- Realice los siguientes cambios</p><p>Remplace la dirección URL de la imagen, por una nueva dirección URL de imagen</p><p><b><i><span style="color: #ffa400;">https://lh6.googleusercontent.com/-cz0L2jo7OVE/AAAAAAAAAAI/AAAAAAAAH4k/tFG3CU2lyrY/s80-c/photo.jpg</span></i></b></p>
<p>Remplace el nombre que dice; <b><i><span style="color: #ffa400;">Luis Chavez</span></i></b> por el nombre que quiera mostrar</p><p>Remplace las palabras que dice: <b><i><span style="color: #ffa400;">Soporte de Ayudadeblogger</span></i></b></p><p><b>16.-</b> Un clic en <b><i>Guardar</i></b></p><p><b>17</b>.- Fácil verdad?, es momento de revisar su blog de Blogger </p><p><span style="color: #2b00fe;">¿Necesitas ayuda?</span></p><p>Cualquier pregunta no dude en escribir</p>
<p><br /></p>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-48417763141827830082023-03-07T15:46:00.003-05:002023-10-02T11:13:26.953-05:00¿Qué es SEM – Marketing de Motores de Búsqueda?<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKLEke8Bqxmm4oE7iizgzUvTXbzYPUJvZXVasfuP0L9yRZZL11j7ZRssDvXbRcvhNoH-G-pnpokecuESeRDxs-YlCU7SHDUPZhz1mCOfsqn15aO-u9ex1h-KRbaJ234jiipX3IAGFAPspIfww7mdHDSl_9fePqlQtGIZnBsDtb48pcXH8YzghaMvV/s16000/que-es-sem-marketing-de-motores-de-busqueda.jpg" width="595" height="394" alt="¿Qué es SEM – Marketing de Motores de Búsqueda?"/></noscript>
<p><b><i>SEM significa "marketing de motores de búsqueda"</i></b>. Es el proceso de combinar estrategias de SEO y PPC para crear una estrategia integral de marketing en Internet que impulsa el tráfico y la visibilidad a través de los motores de búsqueda en función de la consulta de búsqueda de un usuario. </p><p>Originalmente llamado "marketing de motores de búsqueda", la frase más corta "marketing de búsqueda" se usa a menudo como el término general para SEO y PPC.</p><p>Pero hoy, gran parte de nuestra industria define SEM como estrategias de publicidad digital en las que paga para que su sitio web aparezca en las páginas de resultados del motor de búsqueda (SERP). </p><span><a name='more'></a></span><p>SEO y PPC son formas de marketing en los motores de búsqueda. El marketing de búsqueda orgánica y el marketing de búsqueda paga son canales diferentes, pero los objetivos y las plataformas son, en última instancia, los mismos.</p><p>Para atraer a los visitantes adecuados a su sitio web para que puedan comprar, suscribirse a un servicio o encontrar la respuesta que buscan.</p><p>Para aquellos que quieran obtener más información sobre SEO o PPC, consulte nuestras guías a continuación:</p><p></p><ul style="text-align: left;"><li>¿Qué es SEO - optimización de motores de búsqueda?</li><li>¿Qué es PPC – Marketing de pago por clic?</li></ul><p></p><p>Hablemos más de SEM…</p><h2 style="text-align: left;">¿Por qué es importante el SEM, marketing de motores de búsqueda?</h2><p>SEM es importante porque es un enfoque basado en datos para dirigirse a su audiencia en todos los canales y puntos de contacto en línea. </p><p>El marketing de búsqueda es un esfuerzo en cualquier motor de búsqueda. Esto significa que debe preocuparse por "otros" motores de búsqueda, desde YouTube hasta TikTok, Amazon, Apple y Yelp. </p><p>Todo lo que se puede buscar se puede optimizar. Si es una plataforma que permite a los usuarios buscar y hay publicidad en ella, eso es SEM. </p><p>Cuando los especialistas en marketing combinan SEO y PPC, crean un enfoque integrado con todo incluido para el marketing en Internet que genera resultados. </p><p>Solo deja que los datos te lo muestren. </p><p>Auberge Resorts vio un retorno de la inversión de más del 126 % de PPC y un aumento del 86 % en el tráfico orgánico al fusionar SEO y PPC en una sola estrategia. </p><p>Un proveedor de energía aumentó el tráfico del sitio web en un 71 % y recibió un 86 % más de clientes potenciales en Google Ads al combinar SEO y PPC.</p><p>Coney Island Picnic necesitaba un nuevo sitio web con capacidad de comercio electrónico. Con un nuevo diseño del sitio web, el sitio web se clasificó para más de 775 palabras clave y pasó de 0 sesiones de tráfico orgánico a 2500 sesiones orgánicas por mes en los primeros seis meses. </p><p>En el lado pago, el ROAS más alto de 22.68x provino de campañas de búsqueda de marca, lo que generó una mayor conciencia de marca. </p><p>En general, Coney Island Picnic lanzó una nueva marca y vendió más de 1000 productos en solo 90 días al combinar SEO y PPC. </p><p>Combinar SEO y PPC es como echarle leña al fuego a tu estrategia SEM. Obtiene mejores perspectivas sobre las tasas de conversión, el rendimiento de las palabras clave y el tráfico estimado. </p><h2 style="text-align: left;">Siete tipos de SEM </h2><p>Cuando SEM se originó a principios de la década de 2000, SEM = PPC + SEO. </p><p>Hoy en día, SEO y PPC han madurado y se han convertido en subconjuntos de estrategias. </p><p>Ahora, hay siete tipos de marketing de motores de búsqueda: orgánico, pago, local, voz, imagen, tienda y búsqueda social. </p><p>Y hay ocho tipos de anuncios PPC: búsqueda paga, visualización, remarketing, video, redes sociales, compras, Gmail y publicidad de Amazon. </p><h2 style="text-align: left;">SEO</h2><p>SEO significa optimización de motores de búsqueda . SEO es el método utilizado para mejorar la calidad general de una página web para los motores de búsqueda. Obtiene tráfico a través de resultados de motores de búsqueda gratuitos o gratuitos. </p><p>El SEO solo se limita a motores de búsqueda como Bing y Google. SEO es para todos los motores de búsqueda como YouTube, Pinterest, Amazon, TikTok, etc. </p><h2 style="text-align: left;">PPC</h2><p>PPC, pago por clic, es cuando un anunciante paga cada vez que un usuario hace clic en su anuncio. Estás comprando tráfico a través de listados de búsqueda pagados. </p><p>Los motores de búsqueda pueden variar desde Google y Bing hasta Amazon, TikTok o YouTube. </p><h2 style="text-align: left;">¿Cuál es la diferencia entre SEM, SEO y PPC?</h2><p>Si estamos considerando la descripción original de SEM, SEM es una estrategia de marketing en Internet que combina tácticas pagas y orgánicas para aumentar la visibilidad de su sitio web en los motores de búsqueda. </p><p>El SEO es la parte “orgánica” del SEM. El SEO a veces se denomina tráfico "gratuito" impulsado por contenido relevante y un rendimiento saludable del sitio web. </p><p>PPC es la parte "paga" de SEM. </p><h2 style="text-align: left;">Las diferencias clave entre SEO y SEM son: </h2><p></p><ul style="text-align: left;"><li>SEM requiere que tanto SEO como PPC se llamen SEM. PPC es transparente y debe indicar que es publicidad paga. Se muestra PPC mostrando la palabra "Anuncio" en la parte superior. </li><li>PPC requiere pago por cada clic (CPC, costo por clic) o impresión (CPM, costo por cada mil impresiones). </li><li>PPC puede mostrar inmediatamente el ROI, mientras que SEO es un juego largo. </li><li>PPC es más rápido de probar que SEO. </li></ul><p></p><h2 style="text-align: left;">¿Existen similitudes entre SEM, SEO y PPC?</h2><p>Hay muchos cruces entre SEM, PPC y SEO. </p><p>Tanto SEO como PPC comparten estas similitudes comunes al crear una estrategia SEM: </p><p></p><ul style="text-align: left;"><li>Aumente la visibilidad de su sitio web en los motores de búsqueda al optimizar su público objetivo y las consultas de búsqueda. </li><li>Dirija tráfico de mayor calidad a su sitio web animando a los buscadores a hacer clic en su sitio web a través de anuncios pagados o resultados de búsqueda orgánicos. </li><li>Profundo conocimiento y experiencia en palabras clave y público objetivo para comprender mejor la intención detrás de la consulta de búsqueda y cómo su competencia ve el término de búsqueda. </li><li>Requiere pruebas A/B y experimentación para respaldar una estrategia a largo plazo y un ROI. </li></ul><p></p><h2 style="text-align: left;">¿PPC frente a SEO? ¿O PPC + SEO?</h2><p>Depende de tu objetivo comercial. PPC es mejor para ganancias rápidas a corto plazo y se combina con SEO para una estrategia más extensa a largo plazo. El SEO es ideal para un enfoque más holístico a largo plazo que abarque UX, contenido, relaciones públicas, etc. </p><p>Necesita tanto SEO como PPC para tener éxito con una estrategia SEM. El PPC debe usarse para iniciar una campaña y experimentar para comprender mejor a su público objetivo. Debe complementar su estrategia de SEO. El SEO debe tenerse en cuenta en todas las tácticas de marketing de sitios web e Internet. </p><p>Bien, ahora probablemente estés aún más confundido. Entonces, respaldemos esto. </p><h2 style="text-align: left;">SEM ≠ PPC? La historia confusa</h2><p>Aplastemos esto aquí y ahora. SEM, marketing de motores de búsqueda = mitad SEO y mitad PPC. SEM no es lo mismo que PPC, pago por clic. Necesita tanto el tráfico pagado como el no pagado para formar SEM. </p><p>Traemos de vuelta la verdadera definición de SEM. Déjame guiarte a través de esto. </p><p>SEM se trata de unir SEO y PPC para promocionar su sitio web o marca al aumentar la visibilidad en los motores de búsqueda a través del tráfico pagado y orgánico. </p><p>Entonces, ¿por qué hay confusión sobre lo que significa SEM?</p><p>Esto se debe a que Wikipedia y algunos de los mejores recursos sobre el tema definen SEM como un modelo de publicidad en Internet que genera tráfico pagado a su sitio web desde motores de búsqueda como Google, Bing, YouTube, Pinterest, TikTok, etc. </p><p>¿Suena familiar? </p><p>Eso es porque es exactamente la misma definición que PPC . </p><p>Sí, sabemos que puede ser confuso, pero así es como han evolucionado las cosas. Nuestro artículo, ¿SEM = SEO + CPC todavía suman? explica la evolución en profundidad.</p><p>A principios de la década de 2000, el marketing de motores de búsqueda, o SEM, consistía en combinar SEO y PPC en una sola estrategia . SEM se entendió como el patio de recreo donde SEO y PPC juegan juntos para beneficiar a toda la humanidad de marketing. </p><p>SEM trabajó para cubrir la optimización de todas las actividades en los motores de búsqueda, ya sea optimizando rastreadores, administrando listados o directorios pagados. Abarcaba toda la actividad de marketing en los motores de búsqueda. </p><p></p><ul style="text-align: left;"><li>PayPal introdujo y utilizó el primer CAPTCHA en 2001. </li><li>Google introdujo Google Search Appliance en 2002. </li><li>WordPress fue lanzado en 2003. </li><li>Facebook se lanzó en 2004. </li><li>Google Maps se puso en marcha en 2005. </li></ul><p></p><p>La comercialización ha cambiado. La última vez que escuché el término "SEM", Fubu todavía era popular. Por eso se ha perdido la verdadera definición de SEM. </p><p>Es hora de revitalizar y traer de vuelta SEM. </p><p>Decidamos colectivamente dejar de llamar a SEM por su contraparte PPC. Necesita una estrategia SEM para competir en el competitivo panorama de marketing actual. </p><p>Es como cuando algunos profesionales de SEO querían cambiar el nombre de SEO "Optimización de motor de búsqueda" a "Optimización de búsqueda en todas partes" o " Optimización de experiencia de búsqueda ". Pero no. </p><p>La realidad es que SEM, PPC y SEO hoy en día son solo marketing</p><h2 style="text-align: left;">Carreras en SEM</h2><p>Es tan raro encontrar a una persona que maneje todo SEM como encontrar un cómic de Spider-Gwen . </p><p>Sin embargo, existen especialistas en marketing con un conjunto de habilidades tanto en SEO como en PPC. Me sorprendió saber que el 30 % de los asistentes a SMX informaron que hacían tanto PPC como SEO. </p><p>Los trabajos SEM ahora son "Directores de Marketing". SEM está en demanda. </p><p>De 2021 a 2022, los salarios promedio en PPC han crecido aproximadamente un 6,5 % en los EE. UU., un 5 % en Canadá, un 6 % en el Reino Unido y un 11 % en Europa. </p><p>Y se supone que el mercado global de SEO crecerá $ 122,11 mil millones para 2028 . Eso es un gran salto en comparación con los $ 65 mil millones en 2016 .</p><p>Si está buscando un trabajo en SEM, consulte el manual de estrategias profesionales de SEM: descripción general de una industria en crecimiento y los últimos trabajos en marketing de búsqueda aquí en Ayudadeblogger.com. </p><h2 style="text-align: left;">El futuro del marketing es SEM</h2><p>SEM puede revolucionar cada parte del marketing. Con la IA y la automatización a la vanguardia de los temas diarios, los profesionales de PPC y SEO tendrán menos palancas para controlar dónde se gasta el dinero. </p><p>Y con los datos propios, los profesionales de SEM se volverán menos dependientes de los datos para respaldar las decisiones. Ahora, las empresas deberán confiar más en la experiencia del individuo y la comprensión de cómo SEM encaja en el panorama general. SEM es el futuro del marketing. </p><div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-22812068220453382682023-03-07T12:28:00.000-05:002023-03-07T12:28:07.025-05:00Uso de IA para SEO y contenido para crecer 5 veces este año<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgz8IZeLgkBrrsmzmPq6liYJKnG-nECc1K6Z6VpynpIug8y4ga61eJA0k92P62uKlyP4CAvVbRXk_tlWMJHjrR1DU01MexHvDTaB5qbDnyhsOswNwfFoXf6pIXms0ghtLSzyaMz04rU7lYhJVseTsg9QfKsqmN3af5gurau1cXA8lZsyeX9AjkuGe/s16000/uso-de-ia-para-seo-y-contenido-para-crecer-5-veces-este-ano.jpg" width="532" height="405" alt="Uso de IA para SEO y contenido para crecer 5 veces este año"/></noscript>
<p>Crear autoridad tiene un efecto combinado en el rendimiento de las marcas en la búsqueda orgánica. Y la aceleración de la IA en la búsqueda solo aumenta la importancia de desarrollar autoridad, confianza y credibilidad. </p><p>Eso es según una nueva investigación de la plataforma de SEO empresarial BrightEdge.</p><p><b>Por qué nos importa.</b> La incertidumbre económica ha mantenido los presupuestos de marketing planos (o incluso reducidos) y ha puesto un mayor enfoque en el SEO este año. Pero eso también significa que se les pide a los SEO que generen más ingresos y conversiones sin una mayor inversión en SEO.</p><span><a name='more'></a></span><p></p><p><b>El 58% planea usar IA para contenido y SEO en 2023</b>. Los especialistas en marketing de búsqueda quieren usar contenido generado por IA, pero aún no han descubierto cómo , según BrightEdge: </p><p></p><ul style="text-align: left;"><li>Solo el <b>10 %</b> de los especialistas en marketing usan IA para la generación de contenido SEO, pero <b>el 58 %</b> apunta a este año.</li></ul><p></p><p>Una de las razones de esto es probablemente una gran cantidad de precaución. ChatGPT y herramientas similares pueden generar contenido rápidamente, pero la calidad sigue siendo una preocupación debido a la "alucinación" de la IA y a muchos SEO les preocupa que Google pueda detectar y penalizar el contenido de la IA.</p><p>Google ha advertido contra el uso de contenido generado por IA durante años, aunque esa directriz se ha suavizado en 2023. Ahora, a Google le importa menos si un humano o una IA escriben su contenido , siempre que su contenido sea útil para las personas y no creado para manipular la búsqueda. resultados. </p><p>¿Por qué este cambio? Lo más probable es que Google planee agregar pronto IA generativa a su experiencia de búsqueda.</p><p><b>El 90 % de las organizaciones priorizan el SEO en 2023</b>. La creación de experiencia y autoridad de marca ofrece lo que BrightEdge denomina "valor compuesto". Básicamente, esto significa que los sitios web que están ganando en su industria/nicho continúan aumentando su participación en las búsquedas.</p><p></p><ul style="text-align: left;"><li>“Como resultado de que los SEO se centren en el éxito laboral impactante y de alto valor en 2022, estamos viendo una mayor aceptación por parte de las organizaciones, y el 90 % de las organizaciones priorizan el SEO en 2023”, dijo Jim Yu, CEO de BrightEdge.</li></ul><p></p><p>Por cada $ 1 que se invierte hoy en SEO, las organizaciones pueden encontrar beneficios compuestos a lo largo del tiempo, lo que resulta en un mayor ROI, dijo Yu.</p><p>Esto me recuerda el concepto clásico de Mike Grehan de " sucios enlaces ricos ": los sitios populares se vuelven más populares. O, cuanto mejor lo haga en SEO, mejor se desempeñará en la búsqueda orgánica. ¿Se clasifica en la Posición 1 porque tiene todos esos enlaces o tiene todos esos enlaces porque se clasifica en la Posición 1? </p><p><b>Las 4 principales preocupaciones de SEO empresarial en 2023.</b> BrightEdge también reveló los desafíos en los que se están enfocando los SEO:</p><p></p><ul style="text-align: left;"><li>Actualizaciones del motor de búsqueda (41%)</li><li>Cambiar el comportamiento del consumidor (33%)</li><li>Avances tecnológicos (14%)</li><li>Competidores (12%)</li></ul><p></p><div><br /></div>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-52522154567658643532022-06-15T08:00:00.001-05:002022-06-15T08:00:00.216-05:00¿Debería su empresa tomarse un descanso de hacer SEO?<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwATmbjX0nBp5gw2EebXmcrAWP_CSpa8HboG3M6qe-gA5AjRqvm91mGo0DEKS-5hwyx7aENsqXPZxHR-8nvnbR1Gr0uUgGXtlkwqi0W_TSLE_Nl1YmY9Oa67XqyXveP-CBBRUSUNAbble_2wpCwkHfMMp8u_AQdaSpVeyDWPSESx5oieIIbnIuu7cE/s16000/deberia-su-empresa-tomarse-un-descanso-de-hacer-seo.png" width="765" height="470" alt="¿Debería su empresa tomarse un descanso de hacer SEO?"/></noscript>
<p>Por muchas razones, puede ser tentador dejar de hacer SEO por un período de tiempo: tal vez sea por el presupuesto, tal vez haya tenido una mala experiencia con su proveedor de SEO o tal vez no esté viendo los resultados que pensó que vería.</p><p>Cuando eso suceda, ¿deberías tomarte un descanso del SEO? Y si lo hace, ¿cuáles son las consecuencias?</p><span><a name='more'></a></span><p></p><h2 style="text-align: left;">La respuesta: el SEO es un maratón, no un sprint</h2><p>El SEO es como correr una maratón. Si te detienes porque te cansas fácilmente, tus competidores te pasarán. Cuanto más se tome un descanso, más adelante estará la competencia, y puede ser difícil ponerse al día.</p><p>Por supuesto, nadie te está obligando a hacer SEO. Pero debe considerar a qué se enfrenta antes de tomar la decisión de dejar de gastar tiempo y dinero en ello.</p><p>A lo que te enfrentas es a 12 cambios en la Búsqueda de Google en promedio cada día, millones de competidores por palabra clave y mantenimiento del sitio web que, si no se hace, dará como resultado un sitio de baja calidad, lo que hará que sea aún más difícil de clasificar.</p><p>Es por eso que el secreto del éxito de SEO es la resistencia. El SEO solo puede detenerse si Google deja de cambiar las cosas y toda su competencia desaparece.</p><h2 style="text-align: left;">Tres razones por las que no deberías dejar de hacer SEO </h2><p>Aquí hay tres cosas a considerar antes de tomar un descanso de su SEO: </p><h2 style="text-align: left;">1. Hay un promedio de 12 cambios para buscar por día</h2><p>No es ningún secreto que Google siempre está actualizando su motor de búsqueda. Solo en 2020 , Google realizó más de 600 000 experimentos que dieron como resultado más de 4500 mejoras en la Búsqueda. Eso es un promedio de 12 cambios por día, amigos.</p><p>Algunos cambios son menores, algunos son importantes. Algunos se anuncian, muchos pasan desapercibidos.</p><p>En todos los casos, rastrear y comprender cómo estos cambios impactan en un sitio web no es una competencia central de la mayoría de las empresas. Por lo tanto, necesita experiencia en SEO.</p><p>Y es por eso que los SEO pasan innumerables horas probando y analizando los cambios de Google para que sus clientes o empleadores puedan beneficiarse de ese conocimiento.</p><p>Si abandona el SEO de repente, es probable que su sitio web no se mantenga a flote en la tormenta de Google por mucho tiempo.</p><h2 style="text-align: left;">2. Tienes millones de competidores, ¡sí, millones!</h2><p>Intente hacer cualquier búsqueda en Google y vea cuántos resultados aparecen. Literalmente, cualquier consulta puede tener millones o miles de millones de resultados. Esos son sus competidores en línea.</p><p>De esos millones de resultados, su contenido de alguna manera debe aparecer en la primera página. Y si desea aún más clics, su contenido debe estar entre los primeros resultados de la página.</p><p>Analizamos datos de tres estudios recientes sobre la posición de los resultados de búsqueda y la tasa de clics y, en general, la posición uno siempre obtiene la mayor cantidad de clics:</p><p>Agregue a eso el hecho de que necesita ser un experto en las diferentes verticales de búsqueda (como Google Imágenes, por ejemplo) y todas las funciones de búsqueda que aparecen en la página uno, no solo los 10 enlaces azules, para competir de manera efectiva.</p><p>Cada día que pausa su SEO es un día en que su competencia puede gastar dinero y recursos para salir adelante.</p><p>Dado que puede tomar de cinco a siete meses comenzar a ver los resultados que desea del SEO, ese es un tiempo que no puede permitirse perder. (Además, algunas palabras clave tardan incluso más en posicionarse; nos tomó dos años ayudar a un cliente a posicionarse en el puesto número 1 para "juegos").</p><p>Mantener su sitio web es un trabajo de tiempo completo</p><p>Si bien es cierto que los sitios web de calidad pueden generar valor con el tiempo en forma de enlaces y tráfico, no puede configurarlo y olvidarlo en SEO. </p><p>Debe mantener tanto la tecnología que impulsa su sitio web como el contenido en él con regularidad. Y la frecuencia depende del tipo de sitio web que tenga y del tipo de contenido que haya.</p><p>Por ejemplo, si tiene lo que Google llama contenido de "su dinero o su vida", deberá revisarlo y actualizarlo regularmente.</p><p>Considere también que cada sitio necesitará correcciones técnicas de SEO de manera regular para garantizar que funcione al máximo rendimiento para los motores de búsqueda y los usuarios finales. Piense: servidores, redes de entrega de contenido, sistemas de administración de contenido, problemas de rastreo de páginas, etc. </p><p>Recuerde que Google dijo en sus <a href="https://static.googleusercontent.com/media/guidelines.raterhub.com/en//searchqualityevaluatorguidelines.pdf" target="_blank">Directrices para evaluar la calidad de la búsqueda</a> que "los sitios web 'antiguos' sin mantenimiento/abandonados o el contenido sin mantenimiento e inexacto/engañoso es un motivo para una baja calificación de la calidad de la página".</p><p>Debido a que a Google le importa que los sitios web estén actualizados y ofrezcan una buena experiencia, si detiene el SEO, corre el riesgo de afectar su capacidad de clasificación.</p><h2 style="text-align: left;">Pensamientos finales</h2><p>Cuando las empresas quieren tomarse un descanso del SEO, a menudo se debe a que no obtienen los resultados que desean. Y eso generalmente se debe a otros factores como restricciones presupuestarias, contratar a los SEO incorrectos o incluso expectativas no coincidentes.</p><p>Sin embargo, si presupuesta entre el 5% y el 10% de sus ingresos y trabaja con el proveedor de SEO adecuado, debería poder obtener los resultados que desea. Y esos resultados generalmente terminan en más ingresos para el negocio.</p><p>Cuando el SEO genera ingresos, detener el SEO rara vez es una pregunta que cualquier empresa reflexione. Si trata el SEO como una actividad de marketing esencial para la vida de su negocio, a menudo ganará el maratón. Si te rindes, pierdes.</p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-22626104005435622052022-06-14T14:43:00.001-05:002022-06-14T14:43:49.229-05:00Nuevos enlaces de compras para Google AdSense<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFz1Xhisk2bspibPrf1PHx8Cvj-rKLd15TxWvmCiulrpX4ymxWBKrU-xes7tjOCCseU5sBuHvs_iD3eNzGhduNldvNQIroY7QIGIbImeKMsqGpGiM6Rew5l3aVwAarJphKsnId2TJLhriopQoKEEhZXD9eNpCfhQdXkEC0GEtmoOcIfppUE9iDJFMV/s16000/nuevos-enlaces-de-compras-para-google-adsense.jpg" width="859" height="549" alt="Nuevos enlaces de compras para Google AdSense"/></noscript>
<p>Hay una nueva característica de Labs para Google AdSense llamada enlaces de compras. </p><p><b>¿Qué son los enlaces de compras?</b> Los enlaces de compras se colocan en el contenido principal de su página mediante hipervínculos a las palabras existentes. Siempre que Google detecte una mención de un producto comprable, los usuarios verán anuncios de compras para ese producto.</p><p><b>¿Dónde se mostrarán los enlaces de compras?</b> Google solo colocará enlaces de compras en páginas donde haya menciones detectables de productos. Dado que se trata de una nueva función de laboratorio, Google limitará la cantidad de tráfico habilitado para ver enlaces de compras al 10 %. </p><span><a name='more'></a></span><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmq5tKazb-_Q_kyB4yzN8yPRQ0hNTi79ifE1X1i_6_YTUYxcT5fmpQDI7fOI8XP1Hn-IoZK-s0P93kwSkET9mT4xpbyirOuPdgZ56QcE1xfcOyS35gXXkOQojr6kmltmxHqS6bUMyIGxUx4DUlZe4HJc31eRiYA7144DNSJOcvKQerIeDNX1Ck0Q0T/s600/nuevos-enlaces-de-compras-para-google-adsense.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmq5tKazb-_Q_kyB4yzN8yPRQ0hNTi79ifE1X1i_6_YTUYxcT5fmpQDI7fOI8XP1Hn-IoZK-s0P93kwSkET9mT4xpbyirOuPdgZ56QcE1xfcOyS35gXXkOQojr6kmltmxHqS6bUMyIGxUx4DUlZe4HJc31eRiYA7144DNSJOcvKQerIeDNX1Ck0Q0T/s16000/nuevos-enlaces-de-compras-para-google-adsense.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmq5tKazb-_Q_kyB4yzN8yPRQ0hNTi79ifE1X1i_6_YTUYxcT5fmpQDI7fOI8XP1Hn-IoZK-s0P93kwSkET9mT4xpbyirOuPdgZ56QcE1xfcOyS35gXXkOQojr6kmltmxHqS6bUMyIGxUx4DUlZe4HJc31eRiYA7144DNSJOcvKQerIeDNX1Ck0Q0T/s600/nuevos-enlaces-de-compras-para-google-adsense.gif" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyCt1eiSC64Oybqb5v9h2AAOhSbclIBrFx7VC0_YEEoFeQTkuikAVImTiZhepCQkOnBtP8HIWbQFOkjZCVqPRnQLSC3DE50s8ifnmVpv6D96kPBsPIMA9GqUP8Nd-Z_n9EqSmOtbHt7h-CgYlBF4rcZ4sD1PCUoCnCQ21JcYuHP1fjaDJWsV5mGfA/s2312/nuevos-enlaces-de-compras-para-google-adsense.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1510" data-original-width="2312" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyCt1eiSC64Oybqb5v9h2AAOhSbclIBrFx7VC0_YEEoFeQTkuikAVImTiZhepCQkOnBtP8HIWbQFOkjZCVqPRnQLSC3DE50s8ifnmVpv6D96kPBsPIMA9GqUP8Nd-Z_n9EqSmOtbHt7h-CgYlBF4rcZ4sD1PCUoCnCQ21JcYuHP1fjaDJWsV5mGfA/w400-h261/nuevos-enlaces-de-compras-para-google-adsense.gif" width="400" /></a></div></div><p><b>Optar por no.</b> Puede optar por no mostrar enlaces de compras yendo a su cuenta de AdSense > Optimización > Labs y desactivando los enlaces de compras. </p><p>Saber más. Puede leer el documento de ayuda completo <a href="https://support.google.com/adsense/answer/12130662?hl=es-419" target="_blank">aquí</a>. </p><p><b>Por qué nos importa</b>. Los anunciantes que usan AdSense ahora tendrán otra forma de monetizar su sitio web. Dado que solo el 10% del contenido estará vinculado a anuncios de compras, la nueva función no debería ser demasiado intrusiva, pero los anunciantes aún deben estar atentos a los enlaces irrelevantes y los resultados no relacionados. </p><p><br /></p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-1348073998166482042022-05-18T10:37:00.001-05:002022-05-18T10:37:18.601-05:00Cómo aumentar el tráfico del blog a través de Instagram<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Nq4X_YqXNUdkSFKk371g8pRvCBu62l_VFeWpGRuWerQJcgFS_lVjOuwd7qgO3czMuqJicgcSc2xZCzz333DVxdU9tWFCg8yYzFpKxA8PEYE_3yJv2IZcVPQXZN1v5iDTxWkY86vwAxbM5UyYJhhDlyAJEWdcBcHVM2k-og24QesiBjgoMSI1txQ5/s875/como-aumentar-el-trafico-del-blog-a-traves-de-instagram.webp" width="875" height="561" alt="Cómo aumentar el tráfico del blog a través de Instagram"/></noscript>
<p>Miles de personas actualmente utilizan la plataforma de Instagram todos los días para cargar sus videos o imágenes. Y después de lo cual, pueden compartirlos con sus seguidores. Después de todo, Instagram es considerada la plataforma de redes sociales más revisada. Pero la cuestión es que solo unos pocos se dan cuenta de que Instagram puede ser una herramienta poderosa para promover negocios y aumentar el tráfico de blogs. Teniendo en cuenta que hay más de miles de millones de usuarios de Instagram, este podría ser el mejor lugar para llegar a su audiencia o mercado objetivo y redirigirlos a su blog. Además, además de subir tus videos y fotos, Instagram tiene otras características nuevas que puedes usar para promocionar tu blog. Es posible que nunca los encuentre en otras plataformas de redes sociales. Tienes la función IG live, IG TV, Stories y más. Sin embargo, primero deberá aprender algunas técnicas para usar Instagram para aumentar el tráfico del blog correctamente. De lo contrario, podría estar perdiendo el tiempo publicando contenido todos los días solo para darse cuenta de que no está llegando a la audiencia adecuada. </p><p><span></span></p><a name='more'></a><h3 style="text-align: left;">Haz que Instagram trabaje para ti</h3><p></p><p>Entonces, ¿estás listo para ganar más lectores y audiencia en el blog? Aquí hay algunos pasos para aumentar el tráfico del blog a través de Instagram y hacer crecer su blog: </p><p></p><ul style="text-align: left;"><li>Mejora tu biografía de Instagram </li></ul><p></p><p>¿Sabías que la biografía de tu perfil de Instagram puede ayudar a ganar seguidores orgánicos en Instagram y, al mismo tiempo, atraer más tráfico a tu blog? Por lo tanto, asegúrese de prestar más atención a su biografía y acicalarla cuando sea posible. Al crear una biografía de Instagram, llénala con información que describa directamente tu identidad, tu negocio o lo que haces. Si tiene una página comercial, puede colocar una breve biografía para brindarles a los espectadores una descripción general rápida de la identidad de su marca. Luego, coloca el enlace de tu blog en tu biografía con una declaración de llamado a la acción como: </p><p></p><ul style="text-align: left;"><li>Haz clic en este enlace y descubre más sobre... </li><li>Conoce la historia completa en este enlace... </li><li>Para obtener más información/productos, consulta este enlace... </li></ul><p></p><p>Al hacer esto, puede redirigir a sus seguidores de Instagram o visitantes del perfil a su sitio web y eventualmente aumentar el tráfico del blog. </p><p></p><ul style="text-align: left;"><li>Publicar contenido constantemente </li></ul><p></p><p>La clave para obtener más seguidores y atraer más tráfico a tu blog es publicar contenido de manera constante. A la mayoría de las personas no les gusta seguir un perfil que rara vez publica algo. De lo contrario, eventualmente dejarán de seguir tu perfil y buscarán a alguien más consistente con sus publicaciones. Sin embargo, es difícil seguir publicando contenido cuando solo tienes unos pocos seguidores. Y así, puede usar un servicio de crecimiento orgánico de Instagram para obtener más seguidores de Instagram antes de comenzar a publicar más contenido. Para avanzar con su contenido de Instagram, puede usar las herramientas de programación de Instagram y cargar sus videos o fotos con anticipación. La herramienta de programación luego publicará su contenido según la fecha y la hora en que programó su publicación. Lo que es más importante, no olvide incluir el sitio web de su blog en el título de cada publicación para redirigir a sus espectadores a su sitio web. </p><p></p><ul style="text-align: left;"><li>Utiliza las historias de Instagram </li></ul><p></p><p>Las características de Instagram se inventaron por una razón, y una de ellas es ayudarte a ganar más seguidores y redirigir más tráfico a tu blog. Por lo tanto, use las historias de Instagram para actualizar a sus seguidores regularmente sobre usted o su blog, y fomente una mayor participación de los seguidores. Además, gracias a la nueva etiqueta de enlace de la historia de Instagram, puede publicar el enlace de su blog a su historia de IG para alentar a los espectadores a visitar su blog. Agregue un eslogan de llamada a la acción para incitar a los espectadores a hacer clic en el enlace de su blog. Algunos ejemplos de eslóganes efectivos de llamado a la acción para las historias de Instagram pueden incluir: </p><p></p><ul style="text-align: left;"><li>Desliza hacia la izquierda para ver la historia completa.. </li><li>Revisa el enlace para ver la publicación completa.. </li><li>Desliza abajo para más información.. </li></ul><p></p><p>También puede agregar una encuesta o pregunta en su historia de Instagram, al lado, para despertar la curiosidad. Por ejemplo, después de vincular una publicación de blog en su primera historia de IG, su segunda historia de Instagram puede tener una pregunta que diga: "¿Qué le pareció la historia/publicación de blog?" o cualquier consulta relacionada con la publicación del blog. Además de hacer que otros espectadores sientan curiosidad por la publicación de tu blog, esta también es una excelente manera de promover la participación de la audiencia. </p><p></p><ul style="text-align: left;"><li>Crear un tema de perfil </li></ul><p></p><p>Dado que Instagram es una plataforma visual, crear un tema sólido para su perfil puede ayudar a generar más seguidores y redirigirlos a su blog. Muchos seguidores encuentran inspirador y motivador seguir los perfiles de Instagram que son muy consistentes con su tema de contenido. Por lo tanto, averigüe qué color o tema describe mejor su marca o sitio web de blog. Por ejemplo, si es un negocio de alimentos o un blogger de alimentos, su contenido debe seguir un tema o color consistente que se adapte perfectamente a su marca. Lo que es más importante, asegúrese de publicar fotos de alta calidad, ya que la calidad de sus fotos puede decir mucho sobre su marca o sitio web.</p><p></p><ul style="text-align: left;"><li>Colaborar con personas influyentes de Instagram </li></ul><p></p><p>Si solo tiene seguidores de Instagram limitados, colaborar con personas influyentes de Instagram puede ser una manera perfecta de atraer más seguidores de Instagram mientras genera más tráfico a su blog. Puede haber miles de grandes personalidades de Instagram, así que asegúrese de elegir las que estén estrechamente relacionadas con su nicho. Por ejemplo, si el sitio web de su blog trata sobre salud mental, puede asociarse con personas influyentes que discutan el mismo tema. Puede pedirles que vinculen su sitio web o publicación de blog a una de sus publicaciones. </p><h3 style="text-align: left;">Resumen </h3><p>Con la estrategia y las herramientas adecuadas, Instagram puede ser el mejor lugar para promocionar tu blog y obtener más tráfico. Entonces, pruebe una o más de estas técnicas y determine cuál ha funcionado mejor para usted y su blog.</p><p><br /></p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-55269366632863387102022-04-29T08:06:00.004-05:002022-05-18T08:28:54.112-05:00Botón de WhatsApp Business: Cómo usarlo en Facebook Ads y cuales son sus ventajas<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBAAFnIJB9JVa9W-ku7r7GxhVcdbCJ90LB_taCvuyUOe_3bQANNHLFrATtjT8doUDM1n3PIW5meR-TEqouBxlIGgKERGKxWF5abEKrslKDUb8TrRgokeNdy0747ZiZak6Hn-VKOnb8s7tdpYUzINSwv4yoBFm5uHEUdIM4WURsyc6QfGMfP2yiT94U/s16000/boton-de-whatsapp-business-como-usarlo.jpg" width="600" height="400" alt="Botón de WhatsApp Business: Cómo usarlo en Facebook Ads y cuales son sus ventajas"/></noscript>
<p>Desde el surgimiento de Facebook nunca se había visto tantas oportunidades de promocionar, ofrecer y vender un producto en una red social como lo es ahora, con la transformación digital las redes sociales se han convertido en el canal por excelencia para realizar ventas y ganar clientes, con la integración de Whatsapp, Instagram, facebook nos permite administrar acciones y perfiles gracias a sus herramientas Ads desarrolladas por la empresa Meta.</p><span><a name='more'></a></span><p>Whatsapp business y facebook ads nos ofrecen muchas oportunidades de vender nuestros productos permitiéndonos lograr nuestros objetivos de negocios mediante anuncios en sus espacios desde el envío de información, publicación de contenido y hasta un Me Gusta en nuestro perfil lo que nos garantiza generación de Leads, y que esos leads se conviertan en clientes habituales.</p><p>Facebook Ads es una de las herramientas del Facebook, que funciona como un sistema de anuncios de publicidad pagada, con muchas posibilidades de fortalecer nuestro negocio online, gracias la segmentación que le proporcionan a una empresa promocionar sus anuncios dentro de esta red social, en este post queremos enseñarte cómo aprovechar esta herramienta.</p><h2 style="text-align: left;">Whatsapp business y sus ventajas </h2><p>Para poder describir las ventajas que nos brinda <a href="https://www.amocrm.com/es/blog/whatsapp-business/?utm_source=&utm_campaign=seo-guestpost-ec&utm_medium=referral&utm_content=ayudadeblogger" target="_blank">Whatsapp business</a>, hablemos de que se trata esta app, que funciones tiene y cómo usarla, whatsapp business surge con la necesidad de usar la app de whatsapp para fortalecer el comercio online y que los clientes pudieran interactuar con las empresas, de esta forma se adicionaron más funciones para convertirse en la app de mensajería instantánea más usada por empresas en el ebusiness.</p><h2 style="text-align: left;">Cuáles son las funciones del whatsapp business?</h2><p>Veamos cuáles son las principales funciones de <a href="https://www.amocrm.com/es/blog/funciones-de-la-cuenta-de-whatsapp-business/?utm_source=&utm_campaign=seo-guestpost-ec&utm_medium=referral&utm_content=ayudadeblogger" target="_blank">whatsapp business</a>:</p><p></p><ul style="text-align: left;"><li>Configuración de un perfil de empresa en donde puedes agregar información importante desde geolocalización, Links, horario de atendimiento, sitios web entre otros.</li><li>Funciones de llamadas de voz y videollamadas</li><li>Catálogo de productos o servicios</li><li>Creación de grupos y lista de contactos</li><li>Función de etiquetas para clasificar tus chat y tus contactos </li><li>Herramientas de mensajería instantánea como respuesta automática, respuesta en ausencia y mensaje de bienvenida.</li></ul><p></p><h2 style="text-align: left;">Cómo usar whatsapp business?</h2><p>Para poder comenzar a aprovechar las grandes ventajas que te brinda whatsapp business es necesario:</p><p></p><ul style="text-align: left;"><li>Descarga la app de Whatsapp business en Play store o App store.</li><li>Sigue las instrucciones para registrar y configurar tu número de teléfono, es simple y fácil.</li><li>Crea un perfil de empresas para eso es necesario que proporciones información importante como el nombre de la marca, número telefónico, email y el link del sitio web, no olvides de adicionar una foto de perfil y una descripción de tu empresa.</li><li>Inicia enviando mensajes, haciendo llamadas y videollamadas.</li><li>Usa todas las herramientas para fortalecer el envío de mensajes y responder las dudas de sus clientes.</li><li>Configura tu mensajería instantánea, crea mensajes de bienvenida, respuestas en tu ausencia y respuestas rápidas.</li></ul><p></p><h2 style="text-align: left;">¿Cuáles son las ventajas de whatsapp business?</h2><p>Estas son algunas <a href="https://www.amocrm.com/es/blog/beneficios-de-whatsapp-business/?utm_source=&utm_campaign=seo-guestpost-ec&utm_medium=referral&utm_content=ayudadeblogger" target="_blank">ventajas de whatsapp business</a>:</p><p></p><ul style="text-align: left;"><li>Whatsapp business es una aplicación con una interfaz rápida y fácil de usar.</li><li>Es una app gratuita y multilenguaje.</li><li>Gracias a su perfil empresarial genera mayor confianza entre clientes y empresa.</li><li>Debido a su función de videollamadas se puede hacer videoconferencias con los clientes con más de 2 personas al mismo tiempo.</li><li>Permite el intercambio de información importante de forma segura por que los mensajes están cifrados de extremo a extremo.</li><li>Facilita la configuración de mensajes automáticos y de respuesta rápida para darle asistencia al cliente.</li><li>Posee un abanico de opciones amplio como por ejemplo en el área de mensajes adjuntos lo que te permite fortalecer las campañas de marketing digital con envío de fotos, archivos, catálogos, videos entre otros.</li><li>Permite adicionar la opción de botón de comunicación como llamada de atención en herramientas de facebook ads y instagram ads así como en sitios web.</li></ul><p></p><h2 style="text-align: left;">Cómo usar un botón de whatsapp business en Facebook Ads</h2><p>Al inicio del post mencionamos que Facebook Ads es una función que nos proporciona facebook mediante un sistema de promoción de anuncios de forma paga en donde las empresas fortalecen sus campañas de marketing.</p><p>Esta integración permite que las marcas consigan mayor popularidad en la red social más popular del mercado, resulta que gracias a la integración de varias herramientas se puede añadir un botón de whatsapp business.</p><p>Gracias a esta ventaja de agregar un botón de whatsapp business como canal de comunicación directa o llamada de atención, puedes entrar en contacto con los clientes de forma rápida y así solucionar sus problemas y aclarar sus dudas.</p><h2 style="text-align: left;">Cómo podemos añadir un botón nuestra cuenta de Whatsapp Business a la página Facebook de nuestra empresa o marca?</h2><p>Si eres un usuario de la app whatsapp business, tienes la opción de vincular la página de Facebook de tu empresa a tu cuenta de WhatsApp Business, una vez hecho todos los clientes que visiten tu página de facebook podrán enviarte mensajes directos a mediante un botón whatsapp a tan solo un solo clic de distancia.</p><p>Para que todo esto pueda acontecer es necesario que podamos contar con:</p><p></p><ul style="text-align: left;"><li>Estar registrados y tener una página de Facebook de la marca o empresa.</li><li>Tener una cuenta activa de whatsapp business.</li><li>Ambas aplicaciones deben estar instaladas y actualizadas en tu dispositivo móvil.</li></ul><p></p><h2 style="text-align: left;">Vinculando mi cuenta de whatsapp business a la página de facebook de la empresa</h2><p>Es importante seguir estos sencillos pasos ya que es información verificada del centro de soporte y ayuda de Whatsapp.</p><p></p><ul style="text-align: left;"><li>Entra a la App WhatsApp Business.</li><li>Si tiene un android, pulsa en el ícono de más opciones. </li><li>Si tienes un iPhone, pulsa en Configuración.</li><li>Pulsa en herramientas para la empresa y luego en Facebook e Instagram.</li><li>Pulsa en facebook, dale continuar y después se abrirá la página para iniciar sesión en Facebook.</li><li>Deberás ingresar tu información de la cuenta de Facebook de tu empresa o marca luego pulsa para Iniciar sesión.</li><li>Selecciona la página de Facebook de la empresa que deseas vincular a tu cuenta de WhatsApp Business, después pulsa en Conectar whatsapp.</li><li>En caso de que no tengas una página de facebook, existe la opción de crear una página.</li><li>Luego entra a tu página facebook y verás un botón de Whatsapp Business en tu página de facebook, el cual puedes agregar en cualquier publicación que hagas</li></ul><p></p><h2 style="text-align: left;">Cómo agregar el Botón de Whatsapp Business en anuncios del facebook de tu empresa en tus publicaciones.</h2><p>Este procedimiento es sumamente fácil ya que puedes vincular el número de tu Whatsapp business de forma fácil a tu cuenta facebook en el momento de escoger la publicación que vas a promocionar, consiguiendo que tus clientes potenciales estén más cerca con tan solo un clic a tu botón de whatsapp business.</p><p></p><ul style="text-align: left;"><li>Entra a facebook y accede a tu fan page de tu empresa </li><li>Elige la publicación que vas a promocionar.</li><li>Fíjate en la opción "Botón de la publicación"</li><li>Selecciona la opción "Enviar mensaje de WhatsApp".</li><li>Haz clic en "Editar" y coloca el número de tu cuenta whatsapp Business, seguidamente haz clic en "Agregar".</li><li>Luego recibirás un código de confirmación que deberás colocar en la ventana de tu facebook.</li><li>Dale clic en "Finalizar".</li><li>Ahora tus publicaciones tendrán un botón que harán que tus clientes potenciales sean direccionados a tu chat de Whatsapp business.</li></ul><p></p><h2 style="text-align: left;">Algunas ventajas de tener un botón de Whatsapp business en Facebook ads</h2><div style="text-align: left;"><ul style="text-align: left;"><li>Los clientes se sienten más cómodos enviando y recibiendo mensajes por un app, que teniendo que hacer llamadas telefónicas.</li><li>Es más fácil presionar un botón de whatsapp business y enviar un mensaje, que tener que escribir un email.</li><li>Un botón de whatsapp te permite ahorrar tiempo y esfuerzo, para no tener que invertir otras herramientas de marketing.</li><li>Te permite alcanzar más clientes a gran escala ya que whatsapp es la app de mensajería instantánea más usada del mundo.</li><li>El atendimiento automatizado e instantáneo le hace sentir al cliente que no está solo, lo que fortalece la relación empresa-cliente generando mayor número de fidelizaciones.</li><li>Aumenta el ROI (retorno sobre la inversión) usando el botón como un CTA(llamada a la acción) en tus anuncios de facebook</li></ul></div><p><br /></p>
<div class="my-row">
<div class="my-avatar">
<div class="my-card-avatar">
<amp-img alt="Francisco Javier Torres" class="avatar-a" height="304" layout="responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilT4ApmEp0KsI5yHlUNTN6MvIWc9s9_IvQnBynqFXNDihKVv8YVmJTvPiQIxbHEF6yGp8RXSAErQnO4JMIWw-nLs2N4HOByXj-ds5wC49tCYcOmYHSg9C99OyZBtqgGAOjwrtZfCtE8SNwSKxhlXMuy4tugElaMIs-JTyf5tl_hV96bTsRn4JmrXx7/s1600/avatar.jpg" width="310"></amp-img>
<div class="my-avatar-text">
Publicado por: Francisco Javier Torres - <i>Escritor y traductor, mediante el Marketing Digital ayudo a las organizaciones a mejorar su desempeño e innovación tecnológica.</i>
</div>
</div>
</div>
</div>
<br />
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-40561964036019864172021-12-07T08:08:00.001-05:002021-12-07T08:08:18.196-05:00Las 10 principales tendencias de PPC que no puede ignorar en 2022<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEg644x1hpKtgw4fFkETrJdUzPnos9SsO8ai67ZuLYWpsQyt8G-JpnSk6f1NRxkcwGmzbts0tH2MMwrjpKdB40rNEQ4b2n_Qy5yNg3v7UqOy7AnlM5j2J26Drhp8dfWFxMzdn3DRYATfZLVSLnhtWkY16YM_5ZT1T6VrruSJuXDaqF0Zr97XoBIWH6is=s16000" width="1200" height="675" alt="Las 10 principales tendencias de PPC que no puede ignorar en 2022"/></noscript>
<p>En un mundo cada vez más competitivo, debe asegurarse de aumentar su presupuesto publicitario. Sin embargo, a medida que continúan surgiendo nuevas estrategias de pago por clic, es difícil entender a cuáles prestar atención.</p><p>Conozca 13 tendencias de PPC para usar en 2022 y más allá.</p><p><span style="font-size: large;">10 tendencias de PPC que no debe ignorar en 2022:</span></p><p><span style="font-size: large;">Tendencia # 1. PPC flexible</span></p><p>Una de las mayores tendencias en la publicidad individual de pago por clic (PPC) en 2021 será el uso de inteligencia de inteligencia de automatización (AI) y aprendizaje automático (ML) para realizar tareas obligatorias de los empleados relacionadas con la publicidad de Google y Bing.</p><p>Para 2022, se espera que la industria de la automatización global crezca rápidamente, con una producción estimada de $ 238 millones, que es la mayor parte del proceso automatizado. Para 2022, el tamaño del mercado de la automatización de procesos aumentará del 71,5% al 83,2%.</p><span><a name='more'></a></span><p>Existe evidencia de que la automatización se utilizará para complementar las operaciones de PPC y fue fácilmente adoptada por los expertos en PPC:</p><p></p><ul style="text-align: left;"><li>Calcule la mejor estrategia de oferta para diferentes propósitos.</li><li>Establezca ofertas para obtener la mayor cantidad posible de conversiones con el CPA objetivo establecido.</li><li>Aumente sus costos con cada clic al obtener una subasta de anuncios que potencialmente podrían generar conversiones.</li><li>Detenga los anuncios negativos y priorice los anuncios que produzcan los mejores resultados.</li></ul><p></p><p>Identifique problemas de rendimiento en su cuenta.</p><p><span style="font-size: large;">Tendencia # 2: Inteligencia artificial</span></p><p>La inteligencia artificial está cambiando el mundo. Para 2030, se espera que su impacto económico alcance los 15,7 billones de dólares. Dependiendo del PPC, la inteligencia artificial permitirá a los especialistas en marketing crear campañas publicitarias más efectivas, en particular:</p><p></p><ul style="text-align: left;"><li>Adivina la tasa de clics para anuncios futuros.</li><li>Calcule el impacto de los anuncios en el nivel de calidad.</li><li>Determine las posibilidades de conversión de un cliente específico.</li><li>Analice las ofertas que pueden generar más tráfico</li></ul><p></p><p><span style="font-size: large;">Tendencia # 3: Video Marketing y PPC</span></p><p>Primero, veamos algunas estadísticas de video:</p><p></p><ul style="text-align: left;"><li>Para 2022, el 82% del tráfico de Internet corporativo y de consumo aparecerá en video, frente al 75% en 2017.</li><li>En 2019, el 78% de las personas ven videos en línea todas las semanas.</li><li>Las personas recuerdan hasta el 95% de los mensajes (no de texto) en un video.</li><li>El 92% de los usuarios de dispositivos móviles dicen que comparten videos con amigos.</li><li>El 58% de las personas confía en los productos de video más que en los productos de video.</li></ul><p></p><p>Ahora, cómo afectará el video a PPC en 2021:</p><p></p><ul style="text-align: left;"><li>Las empresas deben adaptarse al ajuste vertical de video de Google.</li><li>Cada vez más especialistas en marketing comenzarán a vincular productos en anuncios de video.</li><li>Los especialistas en marketing comenzarán a integrar la realidad virtual (VR) para proporcionar a los espectadores información "real".</li><li>Las noticias de Instagram en video marketing seguirán dominando.</li></ul><p></p><p>Una de las funciones de anuncios de video más interesantes que presenta Google es Bumper Machine, que utiliza el aprendizaje automático para crear anuncios bumper de 6 segundos a partir de videos largos (90 segundos o menos) para mostrarlos en YouTube.</p><p><span style="font-size: large;">Tendencia # 4. Remarketing</span></p><p>En resumen, el remarketing se trata de rastrear y mostrar anuncios a los usuarios después de que abandona su sitio web. Puede ser muy personalizado y personalizado, lo que lo convierte en una estrategia de marketing muy eficaz. Los anuncios que muestran a las personas lo que compraron en el pasado, ya sea que lo hayan comprado o no, a menudo generan tasas de conversión más altas.</p><p>El remarketing consiste en mantener su producto en la mente de las personas. Las cosas han salido mal al tratar de atraer a aquellos que no están dispuestos a comprar. La atención debe centrarse en averiguar dónde se encuentra el cliente potencial en el ciclo de compra. Luego, cree anuncios personalizados y dirigidos para ayudarlos a decidir realizar una conversión.</p><p><span style="font-size: large;">Tendencia # 5. Integración de SEO y PPC</span></p><p>PPC y la optimización de motores de búsqueda son compatibles. Si combina las actividades de SEO y PPC, verá mejores resultados. Esta es una realidad global y seguirá siéndolo en 2022 y más allá.</p><p>Una buena forma de sincronizar PPC con SEO es analizar el texto del anuncio más efectivo.</p><p>Cree su propio contenido y publicaciones de blog basadas en esta copia para mejorar su calidad.</p><p>No solo utiliza términos de cola larga para mejorar las tarifas, sino que también puede aplicarlos a las estrategias de ofertas pagas. La integración de SEO con PPC le permite encontrar palabras clave competitivas al ver informes completos en subastas de PPC y más.</p><p><span style="font-size: large;">Tendencia # 6. Bing, un pequeño motor de búsqueda activo</span></p><p>¡Vuelve el bing! Con una atención renovada a la publicidad, los datos y las capacidades de identificación de audiencia, Bing se ha convertido en un dictador. Recientemente, Bing Ads pasó a llamarse Microsoft Advertising. Los datos más recientes de septiembre de 2019 muestran que 1.300 millones de personas en todo el mundo usan Bing cada mes. Para el 2022, ignorar a Bing puede costarle dinero.</p><p><span style="font-size: large;">Tendencia # 7. Vuélvete social</span></p><p>Aproximadamente el 70% de la población consulta al menos un sitio de redes sociales cada mes, y estos números siguen creciendo. Si ignora las redes sociales con su plan de PPC, está cometiendo un error.</p><p>La mayoría de la gente visita plataformas como Facebook, Twitter, Instagram, Linked In y Pinterest a diario. Muchos de estos detalles humanos se encuentran en muchas partes, especialmente en los jóvenes.</p><p>Esto significa que los especialistas en marketing de PPC se centrarán en la publicidad en las redes sociales. Dado que la mayoría de la gente usa múltiples plataformas de redes sociales, querrá beneficiarse de esta práctica multiplataforma. Facebook y Google siguen siendo la columna vertebral de la publicidad paga, pero debería aumentar sus horizontes para 2022.</p><p><span style="font-size: large;">Tendencia # 8. Segmentación por audiencia</span></p><p>Una de las últimas características de los anuncios de Google es la capacidad de agregar audiencias específicas. Esto puede reducir la variedad de personas para las que desea ver un anuncio. Con esta función, puede aprovechar su presupuesto publicitario.</p><p>La guía de audiencia le permite especificar contenido como el grupo de edad o los ingresos del hogar basados en productos. También puede establecer preferencias publicitarias para excluir audiencias para las que cree que su servicio puede no ser atractivo.</p><p>Por ejemplo, si vende joyería fina, es posible que pueda excluir a las personas que ganan menos de $ 100,000 al año, ya que es poco probable que gasten mucho dinero en collares o aretes.</p><p><span style="font-size: large;">Tendencia # 9. Anuncios de video de bumper publicitario</span></p><p>En términos de contenido móvil, el video es el rey y continuará dominando el mercado en 2022. De hecho, los especialistas en marketing de motores de búsqueda que no están familiarizados con los motores de búsqueda de videos se encuentran rezagados con respecto a los especialistas en marketing de videos experimentados.</p><p>La publicidad en video es adecuada para cobertura comercial, atractivo estético y bajo costo.</p><p>La plataforma alentará a los anunciantes a adaptarse a cosas como los anuncios de video directos de Google. Incluso si no desea pagar por anuncios de video, YouTube o sitios de alojamiento de videos similares son buenas víctimas de sus campañas de búsqueda.</p><p><span style="font-size: large;">Tendencia # 10. Volumen de búsqueda por voz</span></p><p>Los parlantes domésticos inteligentes y personales (como Google Home o Alexa Dot) ya están encendidos. (¡No te olvides de Siri!) Para fines de 2020, se espera que el 50% de las búsquedas comiencen en línea por voz.</p><p>La publicidad de búsqueda por voz de pago aún no es la norma, pero con el advenimiento del cambio tecnológico, es probable que pronto veamos que este desarrollo comienza a surgir. Antes de eso, puede planificar sus estrategias de preparación con anticipación.</p><p><span style="font-size: large;">Resumen</span></p><p>Como puede ver, la estrategia de PPC cambia constantemente. Si desea seguir siendo competitivo, su estrategia de marketing también debe mejorar.</p><p>Asegúrese de mantenerse actualizado sobre las nuevas tecnologías y las mejores prácticas. El hecho de que le haya funcionado el año pasado no significa que tendrá los mismos buenos resultados el próximo año.</p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com1tag:blogger.com,1999:blog-6003076867142304504.post-36454962983461842642021-12-06T11:47:00.004-05:002021-12-06T11:47:41.262-05:00¿Son las redirecciones 301 un factor de clasificación de Google?<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEg9PHLn2bwUVsaGs3wQbVoKDxesMWMlrtWbQGuYHEFpQ_PAzHTa_aF6x4uzb415CTLux8r50RKiWnz-VoCs5abjQ-lYrVzlLdYZjJYjwjefBINr8-4o0n42kFBTfUxQ8vBZyoyNtsA9H1SPyBJ34JmE-tT31clCJ5JX0fc-nV88FBn2RJLGjl6erhlM=s16000" width="790" height="380" alt="¿Son las redirecciones 301 un factor de clasificación de Google?"/></noscript>
<p>El uso de redireccionamientos 301 para informar a los motores de búsqueda cuando una página web se ha movido permanentemente a una nueva ubicación es definitivamente una de las mejores prácticas de SEO.</p><p>Pero, ¿pueden los redireccionamientos 301 afectar su clasificación de búsqueda orgánica?</p><p>Siga leyendo para saber si existe alguna conexión entre las redirecciones 301 y las clasificaciones mejoradas de Google.</p><p><span style="font-size: large;">La afirmación: los redireccionamientos 301 son un factor de clasificación</span></p><p><b>¿Qué son las redirecciones 301?</b></p><p>Una redirección 301 es una redirección del lado del servidor para una URL que ha cambiado permanentemente.</p><p>Usaría un redireccionamiento 301 para los siguientes escenarios:</p><p></p><ul style="text-align: left;"><li>Vas de HTTP a HTTPS.</li><li>Te estás mudando de un dominio antiguo a uno nuevo.</li><li>Está optimizando slugs de URL para publicaciones y páginas existentes.</li><li>Se está mudando a una nueva plataforma de sitio web y sus páginas cambiarán de https://domain.com/page.html a https://domain.com/page</li></ul><p></p><p>La mayor parte de la discusión en torno a las redirecciones 301 se centra en si el PageRank se transferiría de la URL anterior a la nueva.</p><span><a name='more'></a></span><p>O, si existieran enlaces entrantes para la URL anterior, ¿se aplicarían automáticamente a la nueva URL?</p><p><span style="font-size: large;">La evidencia en contra de los redireccionamientos 301 como factor de clasificación</span></p><p>No se dice mucho oficialmente sobre las redirecciones 301 como factor de clasificación.</p><p>En 2012 , Matt Cutts, entonces director del equipo de spam web de Google, dijo que Google seguiría un número ilimitado de redireccionamientos de una página a otra.</p><p>Google incluso hará varios saltos si una página se redirige a otra página y luego se redirige una y otra vez. Señaló que el robot de Google puede dejar de seguir los redireccionamientos después de cuatro o cinco saltos.</p><p>En 2013 , Cutts confirmó que un pequeño porcentaje de PageRank se pierde en redireccionamientos 301. Si bien algunos profesionales de SEO cotizan una pérdida del 15%, Cutts no dice que haya un porcentaje específico.</p><p>En 2016 , John Mueller de Google respondió a la pregunta de si los redireccionamientos 301 pasan PageRank en una publicación sobre el cambio de HTTP a HTTPS.</p><p>Aseguró a los webmasters que:</p><p>“Las fluctuaciones pueden ocurrir con cualquier cambio mayor en el sitio. No podemos ofrecer ninguna garantía, pero nuestros sistemas suelen ser buenos con los movimientos HTTP -> HTTPS ".</p><p>"... para redireccionamientos 301 o 30.2 de HTTP a HTTPS, no se pierde el PageRank".</p><p>En 2019 , John confirmó además que HTTPS es un factor de clasificación ligero cuando se habla de cómo SSL afecta las clasificaciones de búsqueda de un sitio web. La redirección de un sitio web de HTTP a HTTPS es la forma más cercana en que las redirecciones 301 están vinculadas a los factores de clasificación.</p><p>En 2020 , Mueller discutió las posibles implicaciones de SEO de encadenar múltiples redireccionamientos 301 juntos. Los redireccionamientos pueden afectar negativamente la velocidad. También es de destacar: Google solo rastreará hasta cinco "saltos" en una cadena de redireccionamiento.</p><p>Y en 2021 , Google actualizó su guía de redireccionamientos y búsqueda de Google en su documentación de SEO avanzado. Confirmó que, de todos los tipos de redireccionamientos, es más probable que los redireccionamientos 301 se rastreen correctamente.</p><p>Específicamente, Google señaló:</p><p>"... un redireccionamiento del lado del servidor tiene la mayor probabilidad de ser interpretado correctamente por Google".</p><p>Las actualizaciones temporales HTTP y meta tienen la menor posibilidad de ser procesadas correctamente por Googlebots.</p><p><span style="font-size: large;">301 redirecciones como factor de clasificación: nuestro veredicto</span></p><p>La única vez que puede experimentar un impulso como resultado del uso de redireccionamientos 301 es cuando pasa de HTTP a HTTPS.</p><p>En el caso anterior, fue HTTPS, no las redirecciones 301, lo que se confirmó como un factor de clasificación ligero.</p><p>Cuando se usan correctamente, las redirecciones 301 no deberían tener ningún impacto en la clasificación de búsqueda de su sitio web.</p><p>Y ahí lo tiene: las redirecciones 301 no pierden PageRank y tampoco son un factor de amortiguación. No hay nada más claro que eso.</p><br/>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-42165692871258879002021-12-06T08:30:00.002-05:002021-12-06T08:30:53.352-05:00Google sobre cuánto tiempo lleva clasificar una nueva URL después del redireccionamiento 301<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgTWLVgz2NkbvTotYohRf5f89lXUukIBgyzl0So6yOZtyqsQAWdiJBF21mpM5A0RyFzUk7g1omjf8zej3tR_2KOz_50_OsWG9zKQ8p6krptO-PF-7RCb0dU4cdGp2yfQJwv6y2BYSJjgbKJzK4BWAvwU2UBX62Yk-7YYAak1MtmjGKXpYXBgMbv2nZ9=s16000" width="768" height="417" alt="Google sobre cuánto tiempo lleva clasificar una nueva URL después del redireccionamiento 301"/></noscript>
<p>John Mueller de Google apareció recientemente en un video sobre redireccionamientos 301 en el que se hizo una revelación interesante.</p><p>Como parte de la serie de videos Ask Google Webmasters, Mueller respondió la siguiente pregunta enviada por el propietario de un sitio:</p><p></p><blockquote><p>“Después de una redirección 301, ¿cuánto tiempo le toma a Google comenzar a clasificar la NUEVA URL en lugar de la anterior?</p><p>Hice una redirección de A a B con 301, luego Google indexó AMBOS, pero en lugar de clasificar la nueva, Google sigue clasificando la URL anterior ".</p></blockquote><p></p><p>Lo más interesante que aprendimos del video no es la respuesta en sí, sino la revelación de que Google no ayuda a su equipo de SEO con las preguntas de SEO.</p><p>Aparentemente, el equipo de SEO de Google ha estado haciendo esta misma pregunta sobre las redirecciones.</p><p>Sin embargo, Mueller no puede ayudarlos directamente, dice:</p><p><span></span></p><a name='more'></a><blockquote>“Eso es algo que incluso el equipo de SEO dentro de Google quería preguntarnos. Lamentablemente, no podemos ayudar al equipo de SEO de Google con las preguntas de SEO ".</blockquote><p></p><p>Hace meses supimos que Google, de hecho, tiene su propio equipo de SEO.</p><p>No solo eso, sino que el equipo de SEO de Google lo tiene "más difícil que otros" en el mismo campo.</p><p>¿Quizás este es un ejemplo de cómo los SEO de Google lo tienen difícil?</p><p>Volviendo a la pregunta que nos ocupa: esto es lo que Mueller tiene que decir sobre las redirecciones 301.</p><p></p><span style="font-size: large;">301 no es el único factor de canonicalización</span><p></p><p>El propietario del sitio que se comunicó con Mueller está tratando de obtener una nueva URL reconocida como la versión canónica.</p><p>Están tratando de lograr esto mediante la configuración de una redirección 301.</p><p>Mueller les informa que Google usa muchos factores para identificar una URL canónica, no solo redirecciones.</p><p></p><blockquote><p>“A nivel general, una redirección 301 es solo una señal de canonicalización.</p><p>Nos está diciendo que prefiere tener la página de destino indexada en lugar de la de origen. Y eso está bien.</p><p>Sin embargo, utilizamos muchos factores para la canonicalización, no solo redireccionamientos ...</p><p>En la práctica, lo que sucede aquí es que detectamos el redireccionamiento, pero también observamos los demás factores ".</p></blockquote><p></p><p>Otros factores clave incluyen:</p><p></p><ul style="text-align: left;"><li>Vínculos internos</li><li>Archivos de mapa del sitio</li><li>Todas las demás referencias a la página de origen</li></ul><p></p><p>Si todos los factores se alinean, Google tratará la URL de destino como canónica.</p><p></p><blockquote><p>“Si todo se alinea, nos centraremos en la página de destino.</p><p>Para hacerlo más fácil, asegúrese de actualizar los enlaces internos, los archivos del mapa del sitio y otras referencias a la página de origen para que todas apunten a la página de destino ".</p></blockquote><p></p><p>Así que actualice los enlaces en su sitio para que apunten a la nueva URL y cambie la URL anterior por la nueva en su mapa del sitio.</p><p>Si algún sitio grande tiene un enlace a la URL anterior, puede valer la pena contactar y solicitar que actualicen el enlace.</p><p>En otras palabras, envíe tantas señales como pueda para informar a Google que la nueva URL es la versión más relevante para los buscadores.</p><p><span style="font-size: large;">Cómo comprobar qué URL es canónica</span></p><p>Los propietarios de sitios pueden comprobar fácilmente qué versión de una URL se reconoce como canónica.</p><p>Pero primero, Mueller les dice a los propietarios de sitios lo que no deben hacer cuando buscan URL canónicas.</p><p></p><blockquote><p>“Otra peculiaridad aquí es que si busca explícitamente la página de origen anterior, intentaremos mostrarla en la búsqueda.</p><p>Por ejemplo, si busca específicamente la URL anterior directamente, probablemente podamos mostrársela incluso si desde entonces hemos cambiado a la nueva ".</p></blockquote><p></p><p>Buscar la URL anterior no será útil, porque probablemente la encontrará.</p><p>Aunque eso no es una indicación de que Google lo vea como la versión canónica.</p><p>Para estar absolutamente seguro, debe utilizar la herramienta de inspección de URL en Search Console.</p>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Google sobre cuánto tiempo lleva clasificar una nueva URL después del redireccionamiento 301" height="840" layout="intrinsic" src="https://blogger.googleusercontent.com/img/a/AVvXsEifMtXY57E0mQ5B9khlI9vr3a7R_5PuMSPlb34-Rfx-8ZSLQ6QtkksL0YbqmUjopijFGX0MQxw7ONSCctnLUuwLgcoieTrt7zBeBiyYrI7NBpnPdiq_e8wweyoJllFJcXw2Hy6iVaQZhdRJU4OFQjT3vqSRQXdkI8Ios9QvzQggoE7mMLqkwOnWo_7Y=s16000" width="768"></amp-img>
</div>
<p>“Puede comprobar que funciona correctamente en Search Console utilizando la herramienta de inspección de URL que se encuentra allí.</p><p>Allí puede ver claramente qué URL está seleccionada actualmente como canónica.</p><p>Y si esa no es la página que desea, busque señales que apunten a la URL anterior y corríjalas ".</p><p>Para obtener más detalles, vea el video completo a continuación:</p>
<amp-youtube width="300"
height="200"
layout=responsive
data-videoid="OJEXnCKxV88"
autoplay>
</amp-youtube>
<p><br /></p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-50260066115950414472021-12-06T08:05:00.002-05:002021-12-06T11:48:16.305-05:00Google: Mantenga los redireccionamientos 301 en su lugar durante un año<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTEi3gXSatygTnBbWUlfVxm-XI7VdE4xInqw-nzq-Fiz8gqlSk7KvNOcCnQcK6eBDjvC8y5NJFkGfV0qjx9VRdj4LGSOBmDPdvBey9YZNPOY_yFnPe0PVJk_Up1yIJ5ceCvO2l8-HGEYyk-d3ZDHW3T3TsC47D7tGLSx0NyiI5ZhVKpg7cpyKKxXAE=s16000" width="1429" height="750" alt="Google Mantenga los redireccionamientos 301 en su lugar durante un año"/></noscript>
<p>Google responde cuánto tiempo deben mantenerse los redireccionamientos 301 después de que un sitio se mueva, diciendo que el año es el período de tiempo mínimo recomendado.</p><p><span style="font-size: large;">¿Por qué un año?</span></p><p>Porque a Google le toma un tiempo procesar un cambio importante, como el traslado de un sitio.</p><p>Si los redireccionamientos están en su lugar durante menos de un año, es posible que Google no termine rastreando los enlaces las veces suficientes para reconocer que el sitio se ha movido de forma permanente.</p><span><a name='more'></a></span><p>Este tema se destaca en la última entrega de la serie de videos Ask Googlebot en YouTube.</p><p><span style="font-size: large;">¿Cuánto tiempo debo mantener un redireccionamiento para el traslado de un sitio?</span></p><p>El defensor de búsquedas de Google, John Mueller, aborda la pregunta anterior aclarando primero que las redirecciones 301 son las correctas para usar en este caso.</p><p>Hay dos tipos principales de redireccionamientos que las personas usan en los sitios web: 301 y 302.</p><p>Un redireccionamiento 301 indica a Google que una página se ha movido de forma permanente , mientras que un redireccionamiento 302 indica un movimiento de página temporal .</p><p>Un movimiento de sitio es un cambio permanente, por lo que 301 es el redireccionamiento apropiado para usar en este caso.</p><p>Dado que la web está en constante evolución, es posible que se pregunte si permanente en realidad significa permanente.</p><p><i>Mueller dice</i>:</p><p></p><blockquote><p>“En Google intentamos reprocesar todas las páginas al menos cada pocos meses. La mayoría de las páginas se revisan con más frecuencia. Sin embargo, la cantidad de rastreo es limitada y hay muchas páginas que nos gustaría rastrear, por lo que debemos priorizar.</p><p>Cuando una URL cambia, nuestros sistemas necesitan ver el cambio en forma de redireccionamiento al menos unas cuantas veces para registrar ese cambio.</p><p>Para estar seguro de que se ha visto un redireccionamiento varias veces, recomendamos mantener el redireccionamiento en su lugar durante al menos un año ".</p></blockquote><p></p><p>Con respecto a los movimientos del sitio, no es tan simple como redirigir el dominio antiguo al nuevo dominio.</p><p>Debe configurar redireccionamientos 301 desde cada página individual en el sitio anterior a la página equivalente en el nuevo sitio.</p><p>Si hay páginas en el sitio anterior que no desea conservar, no es necesario redirigirlas a una nueva URL.</p><p>También es importante actualizar todas las referencias a las URL antiguas, como los enlaces críticos desde fuera del sitio web.</p><p>Para que quede claro, está perfectamente bien mantener los redireccionamientos en su lugar durante más de un año. Puede mantenerlos así todo el tiempo que desee.</p><p>Para reducir el impacto negativo potencial que el movimiento de un sitio puede tener en su SEO, un año es el período de tiempo mínimo para mantener los redireccionamientos 301 en su lugar.</p><p>Para obtener más información sobre las redirecciones 301, consulte:</p><p>Google comparte cómo 301 redirecciona pasar PageRank</p><p><a href="https://www.ayudadeblogger.com/2021/12/google-sobre-cuanto-tiempo-lleva-clasificar-una-nueva-url-despues-del-redireccionamiento-301.html">Google sobre cuánto tiempo lleva clasificar una nueva URL después del redireccionamiento 301</a></p><p><a href="https://www.ayudadeblogger.com/2021/12/son-las-redirecciones-301-un-factor-de-clasificacion-de-google.html">¿Son las redirecciones 301 un factor de clasificación de Google?</a></p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-31395864259779924712021-12-02T13:55:00.001-05:002021-12-02T13:55:33.764-05:00Google Noticias envía a los usuarios directamente a los sitios web de los editores<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjbd--jhVpOaZ_lMvrZSLeMHfCkaITEpu_zueeVhzUmJJNTcTwnh4ioaMb8jM2E_csHrzOiEQ1xxBBId9pIq-wKjwaci7KU-e0DKaFehpJCrtUZjpvEPqu71ooPD0S1eFsog4KIX6xFdU_jb3aMbNSx1fMnR8iwMOoYhGbBmUqcsXqR9-muKXQJ1h9C=s16000" width="1200" height="675" alt="Google Noticias envía a los usuarios directamente a los sitios web de los editores"/></noscript>
<p>Una actualización que pronto se implementará en la aplicación Google News enviará a los usuarios directamente a las páginas web de los propios editores, además de a las páginas AMP.</p><p>Google continuará usando páginas AMP en Google News, ahora también está incorporando contenido web que no es AMP.</p><p>Google anunció a principios de este año que comenzaría a admitir contenido que no sea de AMP en Google News como parte de la actualización de la experiencia de la página.</p><p>La actualización comenzó a implementarse en junio y se completó a fines de agosto. Durante ese tiempo, no hubo más actualizaciones de Google con respecto al soporte ampliado para contenido web en Google News.</p><span><a name='more'></a></span><p>Google solo ahora está avisando a los editores de noticias por correo electrónico que esta actualización estará disponible en unas semanas:</p><p></p><blockquote>“Como parte de la actualización [de la experiencia de la página], en las próximas semanas la aplicación Google News mejorará su soporte para contenido web, mostrando contenido web AMP y no AMP con más regularidad desde sitios de todo el mundo . No es necesario que realice ninguna acción para habilitar esto ".</blockquote><p></p><p>Aquí hay una captura de pantalla del correo electrónico completo enviado por Google:</p>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Google Noticias envía a los usuarios directamente a los sitios web de los editores" height="741" layout="intrinsic" src="https://blogger.googleusercontent.com/img/a/AVvXsEjqg5fOgn3Fe680lAt6aScne3q1CDKiyHh9PcJSCCvpVBI0st_FwJIX8ZiqakDqkDAoGcFwYhETLsWfwcyL-jP7B-JhZYB9IGRlzBFmu4FcmemzS0EJhq5D_fX_Z9ovxPRBZSPyu45c7yzvKcPFowe7KvC5Iwx4-NDnEDVCmRlaFFvzFunH8t3UBiVU=s16000" width="743"></amp-img>
</div>
<br /><p><br /></p><p>Esta actualización llegará mucho más tarde de lo que se anunció originalmente, pero está en camino.</p><p>Como dice Google, si su publicación ya está incluida en Google News, no es necesario realizar ninguna otra acción.</p><p>Aquí hay algunas otras notas importantes sobre esta actualización.</p><p>Google News ya no depende de RSS</p><p>Como resultado del cambio a las páginas web de los editores emergentes, Google Noticias ya no representará directamente el texto del artículo proporcionado en una fuente RSS.</p><p>Con esa capacidad eliminada, también se eliminará la funcionalidad del Centro de editores relacionada con la representación de artículos basada en feeds.</p><p>Esto incluye ID de seguimiento de Analytics personalizados y píxeles de seguimiento de terceros que se utilizan para realizar un seguimiento de las lecturas en la aplicación, así como anuncios de feeds y estilos RSS personalizados.</p><p>Consulte la imagen a continuación para ver exactamente qué se elimina del Centro de editores:</p><p>¿Qué no está cambiando?</p><p>Google asegura a los editores que no habrá cambios en la forma en que se realiza el seguimiento de los datos.</p><p>Cuando se implemente este cambio, aún podrá realizar un seguimiento y medir su tráfico de Google News a través de su seguimiento analítico existente.</p><p>Los informes de rendimiento de Google News en Search Console tampoco se verán afectados.</p><p>Se espera que los cambios del Centro de editores entren en vigencia a principios de noviembre; los cambios de renderizado se están implementando ahora. Google volverá a recordarles a los editores sobre este cambio antes de que se publique.</p><div><br /></div>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-10213973219777610752021-12-02T12:21:00.001-05:002021-12-02T12:21:32.452-05:00AMP: ¿Es un factor de clasificación de Google?<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjeRlRejD7E3i_LrzXCwFWfKJXnFc9RH_6mL06G93UgWJNAPDzXqnRtts5UrbQy1pXs9MARlajrFcG77sEcyesy8ZizmD_iwa6XVET9h7rIkzFDJehS26Ne2uDAiYnSIVHRn5qr8If8KODTW7lYeTecP3SEADDsuy5OS8aOAoEC-nZ6m5ITQATYkn6U=s16000" width="1024" height="482" alt="AMP: ¿Es un factor de clasificación de Google?"/></noscript>
<p> AMP es un marco HTML que ayuda a los sitios optimizados para escritorio a ofrecer versiones móviles ultrarrápidas de páginas web</p><p>AMP es creado por Google, lo que ha llevado a afirmar que otorga a las páginas una ventaja de clasificación en la búsqueda móvil sobre las páginas que no son de AMP.</p><p>Google ha desacreditado esas afirmaciones y dijo que AMP no es un factor de clasificación.</p><p>Caso cerrado, ¿verdad?</p><p>Es fácil decir que AMP no le da a un sitio una ventaja en las clasificaciones y lo deja así.</p><p>Pero no podemos descartarlo e ignorar el impacto que tiene en otros elementos que sí importan para el SEO.</p><p>Esto es lo que dice la evidencia sobre el impacto de AMP en los resultados de búsqueda y cómo está conectado con otros factores de clasificación.</p><p><span style="font-size: large;">El reclamo: AMP es un factor de clasificación</span></p><p>La afirmación aquí es sencilla: AMP le da a las páginas un impulso de clasificación en los resultados de búsqueda de Google.</p><p>AMP ha surgido en discusiones sobre factores de clasificación desde que Google lanzó la tecnología en 2018.</p><p><span style="font-size: large;">¿Por qué?</span></p><p>Una de las razones por las que se cree que AMP es un factor de clasificación es porque Google tiene interés en su éxito como tecnología.</p><p>Google es responsable de la creación de AMP y fomenta activamente su uso como parte de un esfuerzo mayor para acelerar la web.</p><p>En teoría, Google podría aumentar la tasa de adopción de AMP convirtiéndola en una señal de clasificación.</p><p>El aumento de clasificación sería como una recompensa por utilizar la nueva tecnología de Google. Por supuesto, eso sería injusto para cualquier sitio que no use AMP.</p><p>Si Google usó AMP para clasificar los resultados de búsqueda, podría argumentar que obligaría a los sitios a usar su tecnología para seguir siendo relevantes.</p><p>Afortunadamente, no es así como funciona la búsqueda.</p><p>Pero AMP no es irrelevante para el SEO de ninguna manera.</p><p>Veamos la evidencia sobre cómo AMP impacta en SEO.</p><p><span style="font-size: large;">La evidencia en contra de AMP como factor de clasificación</span></p><p>Este es bastante fácil: Google ha <a href="https://twitter.com/JohnMu/status/824185977098960897?s=20" target="_blank">confirmado</a> que AMP no es un factor de clasificación. De nuevo . Y otra vez .</p><p><a href="https://developers.google.com/search/docs/advanced/experience/about-amp" target="_blank">En la guía de SEO avanzado de Google</a>, la compañía dice que clasifica todas las páginas usando las mismas señales independientemente de cómo se desarrolló la página:</p><p><span></span></p><a name='more'></a><blockquote>“Si bien AMP en sí no es un factor de clasificación, la velocidad es un factor de clasificación para la Búsqueda de Google. La Búsqueda de Google aplica el mismo estándar a todas las páginas, independientemente de la tecnología utilizada para crear la página ".</blockquote><p></p><p>Esta cita toca algo que mencionamos anteriormente sobre el impacto de AMP en otras cosas, como la velocidad de la página, que son factores de clasificación confirmados.</p><p>Los sitios que utilizan AMP pueden beneficiarse potencialmente de estas otras señales.</p><p>En julio de 2018, la velocidad de la página ha sido un factor de clasificación para las búsquedas móviles.</p><p>Debido a que AMP está diseñado para cargar páginas instantáneamente, puede ayudar a los sitios a enviar señales de clasificación más sólidas en términos de velocidad de la página móvil.</p><p>Esto tiene el potencial de conducir a mejores clasificaciones. Sin embargo, los sitios pueden generar las mismas señales sin AMP.</p><p><span style="font-size: large;">Elementos fundamentales de la Web</span></p><p>Core Web Vitals de Google se convirtió en factores de clasificación cuando se implementó la actualización del algoritmo de experiencia de la página en junio de 2021.</p><p>Antes del lanzamiento de la actualización, la comunicación de Google a los propietarios del sitio siempre ha sido que AMP puede ayudar a lograr puntajes ideales de Core Web Vitals.</p><p></p><blockquote>“Existe una alta probabilidad de que las páginas AMP alcancen los umbrales. AMP se trata de ofrecer experiencias de alta calidad para el usuario; sus objetivos de diseño iniciales están estrechamente alineados con lo que actualmente mide Core Web Vitals.</blockquote><p></p><p>Esto significa que los sitios creados con AMP probablemente puedan alcanzar fácilmente los umbrales de Web Vitals ".</p><p>Google <a href="https://www.youtube.com/watch?v=x7vPl0BjdDA&t=246s" target="_blank">presentó datos</a> que muestran que los dominios AMP tenían cinco veces más probabilidades de aprobar Core Web Vitals en comparación con los dominios que no son AMP.</p><p>Pasar los umbrales de Core Web Vitals de Google tiene el potencial de mejorar la clasificación de búsqueda de un sitio.</p><p>Nuevamente, al igual que con el aumento de la clasificación de la velocidad de la página, esto se puede lograr sin AMP.</p><p><span style="font-size: large;">Otros beneficios de SEO de AMP</span></p><p>AMP solía llevar consigo varias ventajas que podrían mejorar la forma en que aparece una página en los resultados de búsqueda.</p><p>Por ejemplo, el carrusel Top Stories de Google, que aparece en la parte superior de los resultados de búsqueda cuando se buscan noticias, solía aceptar solo páginas AMP.</p><p>La elegibilidad de Top Stories fue una ventaja de clasificación exclusiva de AMP durante un período de tiempo.</p><p>Eso cambió en junio de 2021 con el lanzamiento de la actualización Page Experience, que ahora hace posible que las páginas que no son de AMP aparezcan en el carrusel de Top Stories.</p><p>Por último, otra característica única de las páginas AMP era que aparecía un icono de rayo en los resultados de búsqueda para indicar qué páginas ofrecían experiencias más rápidas.</p><p>Google ha eliminado ese icono . Ahora, las páginas de AMP son indistinguibles de las páginas normales en los resultados de búsqueda.</p><p><span style="font-size: large;">AMP como factor de clasificación: nuestro veredicto</span></p><p>Google ha confirmado varias veces que AMP no es un factor de clasificación de Google.</p><p>Además, ya no tiene ventajas únicas que podrían tener un impacto en la tasa de clics, como un icono especial y la exclusividad de Top Stories.</p><p>AMP puede tener un impacto positivo en otros factores de clasificación (por ejemplo, la velocidad), pero no es un factor por sí solo.</p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-57533677198925921632021-12-02T11:37:00.006-05:002021-12-02T13:56:18.991-05:00Twitter elimina el soporte para enlaces AMP<noscript><img src="https://blogger.googleusercontent.com/img/a/AVvXsEi2NmD2OlRtumsMI2JQoh3Lk1YHR52-MnIynaI6amOF_RxjyvKM1ahr34tXYhTO6IO1mn-EPMW6TkLI04beFs79hnFS-epOondoVqDlP4HlqpFOPoNwagi5w0xfiwZFY4NuvpXbaSK1ZM5FgGVLV48qz2ZGlHvnecKTqI85qI7mRfyBgjjzHMJthG_I=s16000" width="760" height="400" alt="Twitter elimina el soporte para enlaces AMP"/></noscript>
<p>Twitter está eliminando la compatibilidad con enlaces AMP y, en cambio, dirigirá a los usuarios a la página web original del editor.</p><p>La empresa confirma que este cambio entrará en vigor a finales de año.</p><p>En un documento de desarrollador actualizado sobre páginas AMP, Twitter afirma que actualmente está en proceso de descontinuar el formato.</p><p></p><blockquote>"Estamos en el proceso de descontinuar el soporte para esta función y se retirará por completo en el cuarto trimestre de 2021".</blockquote><p></p><p>Un SEO llamado Christian Oliveira vio el documento actualizado después de que el usuario de Twitter David Esteve dijera que notó una falta de soporte para las páginas AMP que se remonta a mediados de octubre.</p><span><a name='more'></a></span>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Twitter elimina el soporte para enlaces AMP" height="615" layout="intrinsic" src="https://blogger.googleusercontent.com/img/a/AVvXsEibwKeYaT7gzgfLoVl_X5SZlMPSjzDgvbtruhCx05pUqGURFkgI3SeKabT--vjwdbUSIYqNM6gB1ZU45u4zSMuM6u07EhNQtWDh5u8gO3nfzxWS-6cQZqum7kvcpyvU4KTV259dHQ0AncWA0GhboNUwhBgWkouF0cwfCG0KJzx-W54T60h6Q_YYRnUV=s16000" width="1303"></amp-img>
</div>
<p>Como Twitter está "en proceso" de dejar de admitir AMP, es posible que el formato ya esté descontinuado en algunas ubicaciones.</p><p>Después de 2021, Twitter dejará de enviar a todos los usuarios a páginas AMP.</p><p><span style="font-size: large;">¿Qué significa esto para los sitios web con páginas AMP?</span></p><p>Los sitios web que publican versiones AMP de sus páginas pueden seguir haciéndolo, y los enlaces aún se pueden compartir en Twitter.</p><p>Lo único que está cambiando es hacia dónde dirigirá Twitter el tráfico.</p><p>En lugar de aterrizar en una página AMP simplificada, Twitter enviará a los usuarios a la URL original del editor.</p><p>Si es propietario de un sitio web que publica páginas AMP o trabaja para él, no debe hacer nada para cumplir con este cambio.</p><p>Los enlaces a las páginas de AMP seguirán funcionando en Twitter. No es como si los usuarios fueran enviados a páginas rotas, por lo que no necesita preocuparse por la redirección 301 de todas sus URL de AMP.</p><p>Si desea continuar admitiendo el formato por su parte, es una elección personal.</p><p>No existe ningún beneficio inherente a la creación de páginas web con AMP HTML. Es una forma fácil de publicar contenido que es rápido y fácil de navegar, pero que se puede lograr sin tener que recurrir a AMP.</p><p>Google confirma que <a href="https://www.ayudadeblogger.com/2021/12/amp-es-un-factor-de-clasificacion-de-google.html">AMP no es un factor de clasificación</a>, por lo que no es necesario usarlo desde el punto de vista de SEO.</p><p>Cada vez es más difícil defender la publicación de páginas en formato AMP, especialmente después de lo que sucedió con él durante el año pasado.</p><p>Google mismo está eliminando gradualmente AMP de varios lugares donde alguna vez fue prominente.</p><p>Aquí hay un resumen de algunos desarrollos recientes en caso de que se los haya perdido.</p><p><span style="font-size: large;">Google elimina progresivamente AMP</span></p><p>Con el lanzamiento de la Actualización de la experiencia de la página, Google realizó una serie de cambios que sugieren que está tratando de alejarse de AMP.</p><p>El primer paso de Google hacia la eliminación gradual de AMP se produjo cuando eliminó el icono del rayo de los resultados de búsqueda.</p><p>Las páginas AMP son menos obvias de detectar en los resultados de búsqueda móvil, pero son capaces de clasificar tan bien como cualquier otro tipo de página web.</p><p>Google avanzó en sus esfuerzos para alejarse de AMP eliminándolo como un requisito para las páginas que aparecen en el carrusel de Top Stories.</p><p>Para aclarar, las páginas AMP no se han eliminado del carrusel. Aún son elegibles para aparecer, pero se mezclarán con páginas HTML normales.</p><p>El paso más reciente de Google hacia la eliminación progresiva de AMP se produjo en septiembre pasado cuando la compañía anunció que <a href="https://www.ayudadeblogger.com/2021/12/google-noticias-envia-los-usuarios-directamente-a-los-sitios-web-de-los-editores.html">mostraría contenido que no es de AMP con mayor regularidad</a> en Google News.</p><p>De manera similar al cambio en el carrusel de noticias destacadas, las páginas de AMP siguen siendo aptas para aparecer en Google Noticias, pero los usuarios ahora ven páginas HTML normales con más frecuencia.</p><p>Además, Google News envía a los usuarios directamente a las URL del editor, en lugar de mostrarlas en la aplicación.</p><p>Se suponía que esa actualización se implementaría con la Actualización de experiencia de página , pero terminó retrasándose unos meses.</p><p>En Google, y pronto en Twitter, es mucho menos probable que los usuarios accedan a las páginas AMP.</p><p>Como resultado, los editores obtendrán más tráfico a sus URL nativas, donde pueden utilizar funciones que se habrían eliminado de la versión AMP.</p><p><br /></p>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-70221894436294740452021-10-27T08:24:00.004-05:002021-10-27T08:28:38.645-05:00Alinear las herramientas de prueba de Search Console y la herramienta de inspección de URL<noscript><img src="https://1.bp.blogspot.com/-bI3hiswUwfQ/YXlSQDz8jtI/AAAAAAAA59Y/jgRwRilnml8xKoedAWEZ-dvmYjQyBRldgCLcBGAsYHQ/s16000/test-de-resultados-enriquecidos.webp" width="2048" height="1116" alt="Alinear las herramientas de prueba de Search Console y la herramienta de inspección de URL"/></noscript>
<p>
Para ayudar a los usuarios a encontrar y solucionar problemas en las páginas
web, el equipo de Search Console proporciona tres herramientas públicas
independientes a los propietarios de sitios web y SEO, específicamente para
<a href="https://search.google.com/test/amp">AMP</a>,
<a href="https://goo.gle/mobilefriendly">Mobile Friendly</a> y
<a href="https://goo.gle/richresults">Rich Results</a>.
</p>
<p>
Estas herramientas funcionan internamente con el mismo motor que la
herramienta de inspección de URL de Search Console , que ha evolucionado a lo
largo de los años. Si bien el motor es el mismo, la interfaz de usuario de las
herramientas ha avanzado por separado. Hoy, estamos realizando cambios en sus
diseños y mejorando las funciones para que estén completamente alineados con
la herramienta de inspección de URL.
</p>
<span><a name='more'></a></span>
<p>
Los cambios incluyen la estandarización de funciones anteriores, además de
nuevas funciones con las que puede estar familiarizado con la herramienta de
inspección de URL. Específicamente, a partir de ahora, los siguientes campos
se informarán tanto en las pruebas públicas como en las herramientas de
inspección de URL.
</p>
<p></p>
<ul style="text-align: left;">
<li>
<b>Disponibilidad de la página: </b>si Google pudo rastrear la página,
cuándo fue rastreada o cualquier obstáculo que encontró al rastrear la URL.
</li>
<li>
<b>Encabezados HTTP</b>: la respuesta del encabezado HTTP devuelta desde la
URL inspeccionada.
</li>
<li>
<b>Captura de pantalla de la página</b>: la página renderizada como la ve
Google.
</li>
<li>
<b>Inspección de AMP emparejada</b>, inspecciona la URL canónica y AMP.
</li>
</ul>
<p></p>
<br/>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-36416483810650331882021-10-03T11:05:00.004-05:002022-10-20T12:14:45.194-05:00Nuevo diseño del Gadget Entradas populares Versión Advance One<noscript><img src="https://1.bp.blogspot.com/-DbKAgWGv5bM/YVnUXrJ6rgI/AAAAAAAA5i4/RsC1jofBeW0ye0dUWZkPQbbi_zb5HH6gACLcBGAsYHQ/s16000/nuevo-diseno-del-gadget-entradas-populares-version-advance-one.webp" width="1395" height="655" alt="Nuevo diseño del Gadget Entradas populares Versión Advance One"/></noscript>
<p>
Con un nuevo nombre "<a href="https://www.ayudadeblogger.com/search/label/Entradas%20Populares">Popular post</a> advance One", que se lo denomina Gadgets
avanzados de publicaciones populares, que funcionan como publicaciones
destacadas con una velocidad de carga rápida.
</p>
<p>
Te sorprende todo lo que la plataforma de Blogger puede hacer?, hemos mejorado
los diseños de los Gadgets de Blogger, un diseño moderno y sorprendente, es
momento de actualizar nuestro blog de Blogger con un diseño diferente en
nuestras entradas populares.
</p>
<p>
Con unos simples pasos aprenderás a modificar el gadget de Entradas populares
"Popular post" a un diseño moderno denominado Gadget avanzado de publicaciones
populares "Popular post Advance ONE"
</p>
<p><br /></p>
<br />A continuación puede ver su demostración en el siguiente blog de demos<br />
<div id="ayudadeblogger">
<a class="adb-slide" href="https://popular-post-advance.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<div><br /></div>
<h3 style="text-align: left;">Video Tutorial</h3>
<div><br /></div>
<span><a name='more'></a></span>
<h3 style="text-align: left;"><b>Empezamos</b></h3>
<div><br /></div>
<div><b>1.</b>- Ir a Blogger.com</div>
<div><br /></div>
<div><b>2.-</b> Un clic en Diseño</div>
<div><br /></div>
<div>
<b>3.</b>- Habilite el gadget Popular Post y ubíquelo donde mejor le parezca
</div>
<div><br /></div>
<div><b>4.</b>- Un clic en Tema</div>
<div><br /></div>
<div><b>5.</b>- Un clic en Editar HTML</div>
<div><br /></div>
<div><b>6.-</b> Vamos a buscar nuestro gadget Popular post</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Nuevo diseño del Gadget Entradas populares Versión Advance One" height="499" layout="intrinsic" src="https://1.bp.blogspot.com/-1bSMyZLcAy4/YOCaHC8gfPI/AAAAAAAA4UA/OEJNa_keR5cjc3tF7R1h_yvxPD8XO7R8ACLcBGAsYHQ/s16000/entradas-populares-para-blogger-slideshow.png" width="1400"></amp-img>
</div>
<br />
<div><br /></div>
<div><b>7.</b>- Seleccione todo el widget popular post y elimínelo</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Nuevo diseño del Gadget Entradas populares Versión Advance One" height="248" layout="intrinsic" src="https://1.bp.blogspot.com/-QCw3z4o2CHs/YOCamXtygPI/AAAAAAAA4UI/wWrEZnjnVRoJKnNeVaH--kMno2QkU0N-wCLcBGAsYHQ/s16000/entradas-populares-para-blogger-slideshow.png" width="1036"></amp-img>
</div>
<br />
<div><br /></div>
<div><br /></div>
<div><b>8.-</b> Ahora ingrese el siguiente código</div>
<div><br /></div><div><div></div><blockquote><div><b:widget id='PopularPosts3' locked='false' title='Popular Posts Advance' type='PopularPosts' version='1'></div><div> <b:widget-settings></div><div> <b:widget-setting name='numItemsToShow'>5</b:widget-setting></div><div> <b:widget-setting name='showThumbnails'>true</b:widget-setting></div><div> <b:widget-setting name='showSnippets'>true</b:widget-setting></div><div> <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting></div><div> </b:widget-settings></div><div> <b:includable id='main'></div><div> <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if></div><div> <div class='widget-content PopularPosts'></div><div> <ul class='big-popular '></div><div> <b:loop values='data:posts' var='post'></div><div> <li></div><div> <b:if cond='!data:showThumbnails'></div><div> <b:if cond='!data:showSnippets'></div><div> <!-- (1) No snippet/thumbnail --></div><div> <a expr:href='data:post.href'><data:post.title/></a></div><div> <b:else/></div><div> <!-- (2) Show only snippets --></div><div> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div><div> <div class='item-snippet'><data:post.snippet/></div></div><div> </div><div> </b:if></div><div> <b:else/></div><div> <!-- (3) Show only thumbnails --></div><div> <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'></div><div> </div><div> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'></div><div> <div class='item-thumbnail caja-amp-img'></div><div> <a expr:href='data:post.href'></div><div> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 300) : data:post.thumbnail' var='image'></div><div> </div><div> <img expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title' height='200' width='291'/></div><div> </b:with></div><div> </a></div><div> </div></div><div> </b:if></div><div> </div><div> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div><div> <b:if cond='data:showSnippets'></div><div> <div class='item-snippet'><data:post.snippet/></div></div><div> </b:if></div><div> </div></div><div> <div class='clear'/></div><div> </b:if></div><div> </li></div><div> </b:loop></div><div> </ul></div><div> </div></div><div></b:includable></div><div> </b:widget></div></blockquote><div></div></div><div><br /></div><div><b>9.-</b> Tenemos que ingresar el codigo CSS, para ello debe buscar el siguiente código</div><div><br /></div><div><blockquote><b><i><span style="color: red;"></head></span></i></b></blockquote></div><div><br /></div><div>Ingrese las siguientes líneas CSS, justo arriba del código que encontró </div><div><br /></div><div><div></div></div><blockquote><div><div><style></div><div>/* Popular post advance ONE*/</div><div> #PopularPosts3 {</div><div> padding: 20px;</div><div> height: auto;</div><div> box-sizing: border-box;</div><div> background-color: #fff;</div><div> border-width: 0;</div><div> box-shadow: 0 15px 25px rgb(35 81 196 / 10%);</div><div> margin-bottom: 29px;</div><div>}</div><div> .widget-content.PopularPosts {</div><div> display: flex;</div><div>}</div><div> .widget-content ul {</div><div> padding-left: 0;</div><div>}</div><div> .PopularPosts .widget-content ul li:first-child {</div><div> padding: 0;</div><div> width: 49%;</div><div> float: left;</div><div> margin-right: 10px;</div><div>}</div><div> .widget-content ul li {</div><div> list-style: none;</div><div>}</div><div>.PopularPosts .widget-content ul li {</div><div> padding: 0 !important;</div><div>}</div><div>.PopularPosts .widget-content ul li {</div><div> margin: 0px 0px 17px;</div><div> float: left;</div><div> width: 49%;</div><div>}</div><div>@media (max-width: 570px){</div><div> .PopularPosts .widget-content ul li:first-child {</div><div> padding: 0;</div><div> width: 100%;</div><div> float: left;</div><div> margin-right: 0px;</div><div>}</div><div> .PopularPosts .widget-content ul li {</div><div> margin: 0px 0px 17px;</div><div> float: left;</div><div> width: 100%;</div><div>}</div><div> }</div><div> .PopularPosts ul li:first-child .item-thumbnail {</div><div> float: left;</div><div> width: 100%;</div><div> margin-right: 10px;</div><div> position: relative;</div><div> margin-bottom: 19px;</div><div>}</div><div> .PopularPosts ul li .item-thumbnail {</div><div> float: left;</div><div> width: 125px;</div><div> margin-right: 13px;</div><div> position: relative;</div><div> height: auto;</div><div> display: block;</div><div>}</div><div> .PopularPosts ul li:first-child .item-snippet {</div><div> display:block;</div><div>}</div><div> .PopularPosts ul li .item-snippet {</div><div> display:none;</div><div>}</div><div> .PopularPosts ul li:first-child .item-title a {</div><div> color: #000;</div><div> font-size: 25px;</div><div> font-weight: 700;</div><div> line-height: 24px;</div><div> padding-bottom: 20px;</div><div>} </div><div> .PopularPosts ul li .item-title a {</div><div> color: #000;</div><div> font-size: 15px;</div><div> font-weight: 700;</div><div> letter-spacing: normal;</div><div> line-height: 1.4em;</div><div>}</div><div> .PopularPosts .item-thumbnail {</div><div> margin: 0;</div><div>}</div><div> .PopularPosts .item-thumbnail {</div><div> float: left;</div><div> margin: 0 5px 5px 0;</div><div>}</div><div> .PopularPosts ul li:first-child img {</div><div> width: 100%;</div><div> height: auto;</div><div> border-radius: 5px;</div><div>}</div><div> .PopularPosts img {</div><div> height: 80px;</div><div> margin: 0 19px 0 0;</div><div> width: 120px;</div><div> padding: 0;</div><div> display: block;</div><div> border-radius: 5px;</div><div> object-fit: cover;</div><div> background-color: rgba(155,155,155,0.07);</div><div>}</div><div> .PopularPosts ul li:first-child .item-title {</div><div> padding-bottom: 20px;</div><div>}</div><div><br /></div><div>/* End Popular post advance ONE */</div></div><div></style></div></blockquote><div></div><div><br /></div><div><b>10.-</b> Un clic en Guardar</div><div><br /></div><div><span style="color: #93c47d;">¡Fácil verdad!</span></div><div><br /></div><div><span style="color: #2b00fe;">¿Necesitas ayuda?</span> </div><div><br /></div><div>Cualquier pregunta no dude en escribir</div><div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com6tag:blogger.com,1999:blog-6003076867142304504.post-70521207205828337952021-07-03T12:35:00.002-05:002021-07-03T12:35:43.784-05:00Entradas populares para Blogger Slideshow - Popular post Blogger<noscript><img src="https://1.bp.blogspot.com/-6OLsQhYOOYs/YOCff49G0fI/AAAAAAAA4UY/XZFBea4kj-8wd0SBUUgrVZ4laUnwcXUMwCLcBGAsYHQ/s16000/entradas-populares-para-blogger-slideshow.webp" width="1405" height="691" alt="Entradas populares para Blogger Slideshow - Popular post Blogger"/></noscript>
Vamos a modificar las entradas populares de nuestro blog de Blogger a un nuevo
diseño de Slideshow, las entradas populares de Blogger "Popular post" tienen
excelentes vistas por los usuarios que visitan nuestros blogs de Blogger, por
ello vamos a realizar un truco nuevo con las entradas populares para que tenga
un mejor diseño en nuestro blog.<div>
<br />A continuación puede ver su demostración en el siguiente blog de demos<br />
<br />
<div id="ayudadeblogger">
<a class="adb-slide" href="https://temacreativo.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<div><br /></div>
<h3 style="text-align: left;">Video Tutorial</h3>
<div><br /></div>
<span><a name='more'></a></span>
<h3 style="text-align: left;"><b>Empezamos</b></h3>
<div><br /></div>
<div><b>1.</b>- Ir a Blogger.com</div>
<div><br /></div>
<div><b>2.-</b> Un clic en Diseño</div>
<div><br /></div>
<div>
<b>3.</b>- Habilite el gadget Popular Post y ubíquelo donde mejor le parezca
</div>
<div><br /></div>
<div><b>4.</b>- Un clic en Tema</div>
<div><br /></div>
<div><b>5.</b>- Un clic en Editar HTML</div>
<div><br /></div>
<div><b>6.-</b> Vamos a buscar nuestro gadget Popular post</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Entradas populares para Blogger Slideshow - Popular post Blogger" height="499" layout="intrinsic" src="https://1.bp.blogspot.com/-1bSMyZLcAy4/YOCaHC8gfPI/AAAAAAAA4UA/OEJNa_keR5cjc3tF7R1h_yvxPD8XO7R8ACLcBGAsYHQ/s16000/entradas-populares-para-blogger-slideshow.png" width="1400"></amp-img>
</div>
<br />
<div><br /></div>
<div><b>7.</b>- Seleccione todo el widget popular post y elimínelo</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Entradas populares para Blogger Slideshow - Popular post Blogger" height="248" layout="intrinsic" src="https://1.bp.blogspot.com/-QCw3z4o2CHs/YOCamXtygPI/AAAAAAAA4UI/wWrEZnjnVRoJKnNeVaH--kMno2QkU0N-wCLcBGAsYHQ/s16000/entradas-populares-para-blogger-slideshow.png" width="1036"></amp-img>
</div>
<br />
<div><br /></div>
<div><br /></div>
<div><b>8.-</b> Ahora ingrese el siguiente código</div>
<div><br /></div>
<div>
<blockquote>
<div>
<b:widget id='PopularPosts3' locked='false' title='Popular post
Carrusel News' type='PopularPosts' version='1'>
</div>
<div>
<b:widget-settings>
</div>
<div>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
</div>
<div>
<b:widget-setting
name='showThumbnails'>true</b:widget-setting>
</div>
<div>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
</div>
<div>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</div>
<div>
</b:widget-settings>
</div>
<div>
<b:includable
id='main'>
</div>
<div>
<b:if
cond='data:title != &quot;&quot;'>
</div>
<div><div class='post-titulo title-principal'></div>
<div><h2></div>
<div><div></div>
<div><data:title/></div>
<div></div></div>
<div></h2></div>
<div></div></div>
<div></b:if></div>
<div> <div class='widget-content popular-posts'></div>
<div><br /></div>
<div>
<amp-carousel height='239' layout='fixed-height' type='carousel'>
</div>
<div><br /></div>
<div>
<b:loop values='data:posts'
var='post'>
</div>
<div> <li></div>
<div>
<b:if cond='!data:showThumbnails'>
</div>
<div>
<b:if cond='!data:showSnippets'>
</div>
<div>
<!-- (1) No snippet/thumbnail
-->
</div>
<div>
<a
expr:href='data:post.href'><data:post.title/></a>
</div>
<div> <b:else/></div>
<div>
<!-- (2) Show only snippets
-->
</div>
<div>
<div
class='item-title-2'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div>
<div
class='item-snippet-2'><data:post.snippet/></div>
</div>
<div> </b:if></div>
<div> <b:else/></div>
<div>
<!-- (3) Show only thumbnails -->
</div>
<div>
<div expr:class='data:showSnippets ?
&quot;item-content&quot; :
&quot;item-thumbnail-only&quot;'>
</div>
<div>
<b:if
cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
</div>
<div>
<div
class='item-thumbnail'>
</div>
<div>
<a
expr:href='data:post.href'>
</div>
<div>
<b:with
value='data:post.featuredImage.isResizable
? resizeImage(data:post.featuredImage, 300)
: data:post.thumbnail'
var='image'>
</div>
<div>
<amp-img expr:alt='data:post.title' expr:src='data:image'
expr:title='data:post.title' height='220' layout='responsive'
width='300'/>
</div>
<div>
</b:with>
</div>
<div>
</a>
</div>
<div> </div></div>
<div> </b:if></div>
<div><div id='box-title-snippets'></div>
<div><div class='titulo-popular'></div>
<div>
<div
class='item-title-2'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div> </div></div>
<div><br /></div>
<div>
<b:if
cond='data:showSnippets'>
</div>
<div>
<div
class='item-snippet-2'><data:post.snippet/></div>
</div>
<div> </b:if></div>
<div></div></div>
<div> </div></div>
<div> <div class='clear'/></div>
<div> </b:if></div>
<div> </li></div>
<div> </b:loop></div>
<div></amp-carousel></div>
<div>
<script async='async'
src='https://cdn.ampproject.org/v0.js'/>
</div>
<div>
<script async='async' custom-element='amp-carousel'
src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>
</div>
<div> <style></div>
<div> #gadget-horizontal {</div>
<div>margin: 0;</div>
<div>padding: 0;</div>
<div>margin-bottom: 10px;</div>
<div>}</div>
<div>#gadget-horizontal {</div>
<div> width:100%; </div>
<div>float:none;</div>
<div>}</div>
<div> </div>
<div> .widget-content.popular-posts {</div>
<div> margin-bottom: 40px;</div>
<div>}</div>
<div>#PopularPosts3 .item-content {</div>
<div> box-shadow: 4px 4px 15px rgba(0,0,0,0.1);</div>
<div> background-color: #fff;</div>
<div> margin-bottom: 20px;</div>
<div> height: 220px;</div>
<div>}</div>
<div>.item-title-2 {</div>
<div> width: 177px;</div>
<div>}</div>
<div>.item-snippet-2{</div>
<div> width: 177px;</div>
<div> white-space: normal;</div>
<div> color: #444;</div>
<div> font-size: 13px;</div>
<div> line-height: 18px;</div>
<div> font-weight: 200;</div>
<div>}</div>
<div>.popular-posts amp-img{</div>
<div> width:300px;</div>
<div> height:220px;</div>
<div>}</div>
<div><br /></div>
<div>.item-thumbnail-only {</div>
<div> border-radius: 4px;</div>
<div> display: flex;</div>
<div> width: 510px;</div>
<div> height: 220px;</div>
<div> margin: 5px 8px 5px 0px;</div>
<div>
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px
rgba(0,0,0,0.08);
</div>
<div> overflow: hidden;</div>
<div> background-color: #fff;</div>
<div>}</div>
<div>#PopularPosts3 .item-thumbnail{</div>
<div> display: flex;</div>
<div> width: 300px;</div>
<div> height: 220px;</div>
<div> justify-content: center;</div>
<div> overflow: hidden;</div>
<div> float: left;</div>
<div>}</div>
<div><br /></div>
<div>.titulo-popular {</div>
<div> padding: 0px 0px 20px;</div>
<div> white-space: normal;</div>
<div>}</div>
<div><br /></div>
<div>#popularposts3.PopularPosts li a {</div>
<div> color: #111;</div>
<div> font-size: 14px;</div>
<div> line-height: 18px;</div>
<div> font-weight: 200;</div>
<div>}</div>
<div>.PopularPosts li a:hover{</div>
<div> color:#07ACEC;</div>
<div> border:none;</div>
<div>}</div>
<div><br /></div>
<div>.PopularPosts ul li:hover .item-title-2 a{</div>
<div> color:#07ACEC;</div>
<div>}</div>
<div><br /></div>
<div>#box-title-snippets{</div>
<div> padding: 5px 20px 15px;</div>
<div> position: relative;</div>
<div> display: block;</div>
<div> -ms-flex: 0 1 357px;</div>
<div> flex: 0 1 357px;</div>
<div> -ms-flex-positive: 1;</div>
<div> flex-grow: 1;</div>
<div> display: -ms-flexbox;</div>
<div> display: flex;</div>
<div> -ms-flex-direction: column;</div>
<div> flex-direction: column;</div>
<div> -ms-flex-pack: justify;</div>
<div> justify-content: space-between;</div>
<div>}</div>
<div>@media (max-width: 728px){</div>
<div> #PopularPosts3 .item-content {</div>
<div> display:flex;</div>
<div>}</div>
<div> #box-title-snippets {</div>
<div> flex: 0 1 200px;</div>
<div> display: inline;</div>
<div><br /></div>
<div>}</div>
<div>.popular-posts amp-img{</div>
<div> width:200px;</div>
<div> height:220px;</div>
<div>}</div>
<div><br /></div>
<div>#PopularPosts3 .item-thumbnail{</div>
<div> width: 200px;</div>
<div> height: 220px;</div>
<div>}</div>
<div> </div>
<div> .item-title-2 {</div>
<div> width: 100%;</div>
<div>}</div>
<div> .item-snippet-2 {</div>
<div> width: 100%;</div>
<div> display: none;</div>
<div>}</div>
<div>}</div>
<div> .amp-carousel-button {</div>
<div> background-color: #4285f4;</div>
<div> border-radius: 100%;</div>
<div>
-webkit-box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px
20px 0 rgb(0 0 0 / 19%);
</div>
<div>
-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px
0 rgba(0, 0, 0, 0.19);
</div>
<div>
box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0
rgb(0 0 0 / 19%);
</div>
<div> cursor: pointer;</div>
<div>}</div>
<div>.post-titulo.title-principal {</div>
<div> font-weight: 700;</div>
<div> color: #191919;</div>
<div> font-size: 18px;</div>
<div> position: relative;</div>
<div> margin-bottom: 15px;</div>
<div> line-height: 45px;</div>
<div> width: 100%;</div>
<div> text-transform: uppercase;</div>
<div>} </div>
<div> .post-titulo.title-principal:before {</div>
<div> content: &#39;&#39;;</div>
<div> position: absolute;</div>
<div> height: 81%;</div>
<div> width: 5px;</div>
<div> background-color: #111;</div>
<div> left: -21px;</div>
<div> top: 5px;</div>
<div>}</div>
<div> </style></div>
<div> </div></div>
<div><br /></div>
<div></b:includable></div>
<div> </b:widget></div>
</blockquote>
<div></div>
</div>
<div><br /></div>
<div><b>9.- </b>Un clic en Guardar</div>
<div><br /></div>
<div>Eso es todo </div>
<div><br /></div>
<div>Es momento de ver en nuestro blog el nuevo slideshow de Popular post</div>
<div><br /></div>
<div><span style="color: #6aa84f;">¡Fácil verdad!</span></div>
<div><br /></div>
<div>Cualquier pregunta no duden en escribir</div>
<div><br /></div>
</div>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com1tag:blogger.com,1999:blog-6003076867142304504.post-79249515220244277642021-06-29T14:18:00.001-05:002021-06-29T14:18:21.208-05:00Gadget Perfil con botón seguir de Blogger<noscript><img src="https://1.bp.blogspot.com/-7kPEJC-hqGU/YNtxVM9QUlI/AAAAAAAA4LU/FZz8XhrCU90uy2_qQcA-aa16wJDUGBBCwCLcBGAsYHQ/s16000/gadget-perfil-con-boton-seguir-de-blogger.webp" width="979" height="474" alt="Gadget Perfil con botón seguir de Blogger"/></noscript>
Aprenda a modificar el gadget perfil de Blogger que incluye un botón seguir de
su blog, esto hará que los usuarios que ingresan a su blog de Blogger puedan
seguir su blog de Blogger, remplazando al gadget suscribirse que actualmente
Blogger lo dio de baja. Con unos simples pasos podrás actualizar tu gadget
perfil de Blogger.
<br />
<div><br /></div>
<div>
<i></i>
<blockquote>
<i>Nota:</i> este tutorial esta dirigido a todos los blogs de Blogger que no
utilizan la tecnología AMP
</blockquote>
<br />
<div><br /></div>
<div>Puede ver su demostración en el sidebar del siguiente blog de demos</div>
<br />
</div>
<div id="ayudadeblogger">
<a class="adb-slide" href="https://temacreativo.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<div><b>Empezamos</b></div>
<div><br /></div>
<h2 style="text-align: left;"><b>Tutorial completo</b></h2>
<span><a name='more'></a></span>
<div><b>1.-</b> Ingrese en <span style="color: #6fa8dc;">Blogger.com</span></div>
<div><br /></div>
<div><b>2.-</b> Un clic en diseño</div>
<div><br /></div>
<div>
<b>3.-</b> Agregue el Gadget Perfil de Blogger, ubíquelo donde mejor le
parezca, si ya lo tiene instalado omita este paso
</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Gadget Perfil con botón seguir de Blogger" height="353" layout="intrinsic" src="https://1.bp.blogspot.com/-ARIPzHQGs8E/YKftsOr9uxI/AAAAAAAA3kk/OczO2jjFXR8_KLI-TVDKRkQxYHpYagTRQCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="426"></amp-img>
</div>
<br />
<div><br /></div>
<div><br /></div>
<div><b>4.- </b>Un clic en Tema</div>
<div><br /></div>
<div><b>5.-</b> Un clic en Editar HTML</div>
<div><br /></div>
<div><b>6.-</b> Busque el Gadget Profile 1</div>
<div><br /></div>
<div>Ejemplo:</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Gadget Perfil con botón seguir de Blogger" height="390" layout="intrinsic" src="https://1.bp.blogspot.com/-KIi_gu4UNak/YKfY6GddhZI/AAAAAAAA3kE/LUtUdSvD8yk64SzH6ddO8XTpBvPU6UUqwCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="692"></amp-img>
</div>
<br />
<div>
<b>7.-</b> Ahora debe eliminar toto el código del widget perfil a continuación
una imagen como ejemplo
</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Gadget Perfil con botón seguir de Blogger" height="209" layout="intrinsic" src="https://1.bp.blogspot.com/-QxtC-KCIqd0/YKfZlS9PxLI/AAAAAAAA3kM/aonQ55TdtOgxjJVL8lN1qILmA8EyAIgowCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="807"></amp-img>
</div>
<br />
<div>
<b>8.-</b> Una vez eliminado, deberá ingresar las siguientes lineas de código</div><div><br /></div><div><div></div><blockquote><div><b:widget id='Profile1' locked='false' title='Autor' type='Profile' version='1'></div><div> <b:widget-settings></div><div> <b:widget-setting name='showaboutme'>true</b:widget-setting></div><div> <b:widget-setting name='showlocation'>true</b:widget-setting></div><div> </b:widget-settings></div><div> <b:includable id='main'></div><div> <b:if cond='data:title != &quot;&quot;'></div><div> <h2><data:title/></h2></div><div> </b:if></div><div> <div class='widget-content'></div><div> <div class='profile-info-container-wrapper'></div><div> <div class='fondo-perfil-1'></div><div> </div><div> </div></div><div> <b:if cond='data:team'> <!-- team blog profile --></div><div> <ul></div><div> <b:loop values='data:authors' var='i'></div><div> <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li></div><div> </b:loop></div><div> </ul></div><div><br /></div><div> <b:else/> <!-- normal blog profile --></div><div><div class='profile-info-top'></div><div> <b:if cond='data:photo.url != &quot;&quot;'></div><div> <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a></div><div> </b:if></div><div></div></div><div> <dl class='profile-datablock'></div><div> <dt class='profile-data'></div><div> <a class='g-profile' expr:href='data:userUrl' rel='author nofollow'></div><div> <data:displayname/></div><div> </a></div><div> <b:if cond='data:hasgoogleprofile'></div><div> <br/></div><div> <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/></div><div> </b:if></div><div> </dt></div><div><br /></div><div> <b:if cond='data:showlocation'></div><div> <dd class='profile-data'><div class='img-location'><svg id='Capa_1' style='enable-background:new 0 0 511.999 511.999;' version='1.1' viewBox='0 0 511.999 511.999' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'></div><div><g></div><div><span style="white-space: pre;"> </span><path d='M511.879,475.685l-40.224-221.611c-0.401-2.212-1.773-4.128-3.739-5.221l-101.242-56.31 c-1.314-0.732-2.787-1.023-4.234-0.911l18.419,237.608l-0.617,0.276l121.164,54.357c0.986,0.441,2.034,0.659,3.077,0.659 c1.651,0,3.287-0.543,4.632-1.596C511.313,481.22,512.376,478.428,511.879,475.685z' style='fill:#44C868;'/></div><div><span style="white-space: pre;"> </span><path d='M256,246.375l-103.545-53.931c-1.241-0.647-2.617-0.911-3.972-0.82 c0.359-0.022,0.72-0.02,1.078,0.008l-18.419,237.608l121.781,54.634c0.983,0.44,2.032,0.659,3.077,0.659l0,0V246.375z' style='fill:#44C868;'/></div><div></g></div><div><g></div><div><span style="white-space: pre;"> </span><path d='M149.56,191.633c-1.447-0.112-2.92,0.179-4.234,0.91l-101.243,56.31 c-1.966,1.093-3.338,3.008-3.739,5.221L0.121,475.685c-0.498,2.742,0.566,5.534,2.763,7.252c1.347,1.053,2.982,1.596,4.632,1.596 c1.043,0,2.092-0.217,3.077-0.659l120.504-54.061L149.56,191.633z' style='fill:#4CE166;'/></div><div><span style="white-space: pre;"> </span><path d='M362.439,191.628c-0.996,0.077-1.981,0.342-2.894,0.818L256,246.376v238.158c0,0,0,0,0.001,0 c1.045,0,2.095-0.218,3.077-0.659l121.781-54.634L362.439,191.628z' style='fill:#4CE166;'/></div><div></g></div><div><polygon points='28.154,321.233 19.983,366.252 140.977,302.346 143.786,266.107 144.252,260.097 ' style='fill:#FFDB56;'/></div><div><path d='M142.066,288.294l-1.089,14.052L19.983,366.252L0.121,475.685c-0.498,2.742,0.566,5.534,2.763,7.252 c1.347,1.053,2.982,1.596,4.632,1.596c1.043,0,2.092-0.217,3.077-0.659l120.504-54.061L142.066,288.294L142.066,288.294z' style='fill:#A8EEFC;'/></div><div><g></div><div><span style="white-space: pre;"> </span><polygon points='256.03,276.08 144.252,260.097 140.977,302.346 256,477.025 256,413.507 187.363,305.429 256.03,313.642 ' style='fill:#FFBB24;'/></div><div><span style="white-space: pre;"> </span><polygon points='459.946,244.421 411.311,217.37 365.269,228.128 365.845,235.564 368.119,264.898 ' style='fill:#FFBB24;'/></div><div></g></div><div><polygon points='372.202,317.576 367.842,261.327 367.842,261.327 365.269,228.128 256.03,276.08 256.03,313.642 327.386,282.612 ' style='fill:#FFDB56;'/></div><div><path d='M511.879,475.685l-10.103-55.666L368.119,264.898l4.084,52.678l137.07,165.221 C511.357,481.07,512.364,478.358,511.879,475.685z' style='fill:#FFBB24;'/></div><div><path d='M256.481,27.465c-57.963,0-105.12,47.118-105.12,105.034c0,35.826,17.009,74.29,50.556,114.322 c24.639,29.403,48.943,48.314,49.966,49.105c1.354,1.047,2.976,1.57,4.599,1.57c1.622,0,3.245-0.523,4.599-1.57 c1.022-0.791,25.327-19.702,49.966-49.105c33.547-40.032,50.556-78.495,50.556-114.322 C361.601,74.583,314.444,27.465,256.481,27.465z M295.411,132.498c0,21.482-17.43,38.898-38.93,38.898 c-21.5,0-38.93-17.415-38.93-38.898s17.43-38.898,38.93-38.898C277.981,93.6,295.411,111.016,295.411,132.498z' style='fill:#FF4A4A;'/></div><div><path d='M256.481,27.465c-4.594,0-9.119,0.298-13.559,0.872c51.583,6.667,91.562,50.836,91.562,104.162 c0,35.826-17.009,74.29-50.556,114.322c-15.845,18.908-31.54,33.467-41.005,41.669c5.254,4.552,8.596,7.154,8.96,7.436 c1.354,1.047,2.976,1.57,4.599,1.57c1.622,0,3.245-0.523,4.599-1.57c1.022-0.791,25.327-19.702,49.966-49.105 c33.547-40.032,50.556-78.495,50.556-114.322C361.601,74.583,314.444,27.465,256.481,27.465z' style='fill:#E7343F;'/></div><div><path d='M259.078,483.874l45.285-20.316L256,413.507v71.026c0,0,0,0,0.001,0 C257.046,484.533,258.095,484.316,259.078,483.874z' style='fill:#FFDB56;'/></div><div><g></div><div><span style="white-space: pre;"> </span><path d='M471.654,254.074c-0.401-2.212-1.773-4.128-3.739-5.221l-7.97-4.433l-91.827,20.477l0,0 l133.656,155.121L471.654,254.074z' style='fill:#1EA4E9;'/></div><div><span style="white-space: pre;"> </span><path d='M255.999,484.533C256,484.533,256,484.533,255.999,484.533v-7.508L140.977,302.346l-9.837,126.895 l121.781,54.634C253.904,484.316,254.953,484.533,255.999,484.533z' style='fill:#1EA4E9;'/></div><div></g></div><div></svg></div><data:location/></dd></div><div> </b:if></div><div><br /></div><div> <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><div class='img-aboutme-p'/><data:aboutme/></dd></b:if></div><div> </div><div> </dl></div><div> <div class='boton-seguir'></div><div> <a class='ancho-boton button-amp color-boton color-link' expr:href='&quot;https://www.blogger.com/follow.g?blogID=&quot; + data:blog.blogId' rel='nofollow' target='_blank'>Seguir</a></div><div> </div></div><div> <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a></div><div> </b:if></div><div></div></div><div><style></div><div> /* Perfil */</div><div>.profile-info-container-wrapper {</div><div> border: 1px solid #dadce0;</div><div> border-radius: 8px;</div><div> margin-top: 25px;</div><div>} </div><div>.fondo-perfil-1 {</div><div> background-color: #2196F3;</div><div> width: 100%;</div><div> height: 120px;</div><div>} </div><div>.profile-info-top {</div><div> height: 40px;</div><div> position: relative;</div><div> top: -42px;</div><div> float: left;</div><div> margin-left: 20px;</div><div>} </div><div>.profile-img {</div><div> margin-bottom: 5px;</div><div> padding: 4px;</div><div> border: 1px solid #cccccc;</div><div> border-radius: 100%;</div><div> display: block;</div><div> text-align: center;</div><div> margin: 0 auto;</div><div> float: none;</div><div> background-color: #fff;</div><div> background-position: bottom;</div><div> background-repeat: no-repeat;</div><div> box-shadow: rgb(0 0 0 / 20%) 0px 8px 17px 0px, rgb(0 0 0 / 19%) 0px 6px 20px 0px;</div><div> margin-right: 10px;</div><div>}</div><div>.profile-datablock {</div><div> position: relative;</div><div> margin-bottom: 22px;</div><div>} </div><div>.profile-data:nth-child(1) { </div><div> margin: 0;</div><div> text-transform: uppercase;</div><div> letter-spacing: .1em;</div><div> font: normal normal 78% &#39;Trebuchet MS&#39;, Trebuchet, Arial, Verdana, Sans-serif;</div><div> color: #000000;</div><div> font-weight: bold;</div><div> line-height: 1.6em;</div><div> font-size: 13px;</div><div> margin-bottom: 22px;</div><div> text-align: left;</div><div>}</div><div>.profile-data {</div><div> margin: 0;</div><div> text-transform: uppercase;</div><div> letter-spacing: .1em;</div><div> font: normal normal 78% &#39;Trebuchet MS&#39;, Trebuchet, Arial, Verdana, Sans-serif;</div><div> color: #000000;</div><div> font-weight: bold;</div><div> line-height: 1.6em;</div><div> font-size: 13px;</div><div> text-align: left;</div><div> margin-bottom: 22px;</div><div>}</div><div>.img-location {</div><div> width: 30px;</div><div> height: 30px;</div><div> float: left;</div><div> margin-left: 16px;</div><div> margin-right: 10px;</div><div> margin-top: -9px;</div><div>}</div><div>.profile-textblock {</div><div> margin: 0.5em 0;</div><div> line-height: 1.2em;</div><div> text-align: left;</div><div> font-family: Noto Sans,system;</div><div> font-size: 13px;</div><div> font-weight: 400;</div><div> color: #48525c;</div><div> text-size-adjust: 100%;</div><div>}</div><div>.img-aboutme-p{</div><div> width: 30px;</div><div> height: 30px;</div><div> float: left;</div><div> margin-left: 16px;</div><div> margin-right: 10px;</div><div> margin-top: -9px;</div><div> background-size: cover;</div><div> background-image: url(https://1.bp.blogspot.com/-J4g9Aa7mrWI/YKU5XCkjHvI/AAAAAAAACCE/gphc0A0wWToogFYh-x5nCPSFN2iw5iARACLcBGAsYHQ/w200-h200/new-contact.png);</div><div>} </div><div>}</div><div>.avatar-image-container{background:url(http://4.bp.blogspot.com/-v3RPcIJ_THE/VtpJT337jiI/AAAAAAAADjo/LhBwXqP-wZ0/s000/comment-avatar.jpg);width:42px;height:42px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}</div><div>.avatar-image-container img{width:42px;height:42px;}</div><div>.profile-link {</div><div> font: normal normal 78% &#39;Trebuchet MS&#39;, Trebuchet, Arial, Verdana, Sans-serif;</div><div> text-transform: uppercase;</div><div> letter-spacing: .1em;</div><div> margin: 0 auto;</div><div> display: block;</div><div> text-align: center;</div><div> margin-bottom: 10px;</div><div>}</div><div>a.profile-link {</div><div> color: #000;</div><div>}</div><div> .boton-seguir {</div><div> margin-bottom: 10px;</div><div> text-align: center;</div><div>}</div><div>.ancho-boton {</div><div> padding: 8px;</div><div> position: relative;</div><div>}</div><div>.button-amp {</div><div> display: inline-flex;</div><div> box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);</div><div> text-transform: uppercase;</div><div> color: #fff;</div><div> background-color: #22a1c4;</div><div> margin: 5px;</div><div> text-shadow: none;</div><div> transition: all 1s;</div><div> font-size: 13px;</div><div> font-weight: 700;</div><div> padding: 8px 20px;</div><div> cursor: pointer;</div><div> border-radius: 4px;</div><div>}</div><div>.button-amp:hover {</div><div> box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 30%);</div><div>}</div><div>a.color-link {</div><div> color: #fff;</div><div>}</div><div>a.color-link:hover {</div><div> color: #fff;</div><div>}</div><div>.color-boton{</div><div> background-color: #e91e63;</div><div>}</div><div>/* END Perfil */</div><div> </style></div><div> </div></div><div> </b:includable></div><div> </b:widget></div></blockquote><div></div></div><span><!--more--></span><div><br /></div><div>
<div></div>
</div>
<div><b>9.-</b> Un clic en Guardar</div>
<div><br /></div>
<div><br /></div>
<div><span style="color: #6aa84f;">Fácil verdad!</span></div>
<div><br /></div>
<div><span style="color: #3d85c6;">¿Necesitas ayuda?</span></div>
<div><br /></div>
<div>Cualquier pregunta no dude en escribir</div>
<div><br /></div>
<div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-78124007248982428592021-05-21T12:38:00.006-05:002021-06-29T14:25:51.433-05:00Modificar el widget perfil de Blogger versión para AMP html<noscript><img src="https://1.bp.blogspot.com/-nlbsttaXtF8/YKfs7tpVemI/AAAAAAAA3kc/xRiTKalOAboR0FKe2t-8rJuMQCnnVkCswCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.webp" width="979" height="474" alt="Modificar el widget perfil de Blogger versión para AMP html"/></noscript>
Vamos a modificar el widget perfil de Blogger de una forma fácil y segura con
unos simples pasos.
<br />
<div><br /></div>
<div>
Este widget funciona en las plantillas de Blogger que tengan el formato AMP
html
</div>
<div><br /></div>
<div>
Necesita copiar el código y remplazarlo por el anterior código del widget
perfil, eso es todo lo que vamos a realizar en este tutorial creado para blogs
con la tecnología AMP Html de Blogger
</div>
<div><br /></div>
<div>Puede ver su demostración en el sidebar de este post</div>
<div><br /></div>
<div><b>Empezamos</b></div>
<div><br /></div>
<h2 style="text-align: left;"><b>Tutorial completo</b></h2>
<span><a name='more'></a></span>
<div><b>1.-</b> Ingrese en <span style="color: #6fa8dc;">Blogger.com</span></div>
<div><br /></div>
<div><b>2.-</b> Un clic en diseño</div>
<div><br /></div>
<div>
<b>3.-</b> Agregue el Gadget Perfil de Blogger, ubiquelo donde mejor le
parezca, si ya lo tiene instalado omita este paso
</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Modificar el widget perfil de Blogger versión para AMP html" height="353" layout="intrinsic" src="https://1.bp.blogspot.com/-ARIPzHQGs8E/YKftsOr9uxI/AAAAAAAA3kk/OczO2jjFXR8_KLI-TVDKRkQxYHpYagTRQCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="426"></amp-img>
</div>
<br />
<div><br /></div>
<div><br /></div>
<div><b>4.- </b>Un clic en Tema</div>
<div><br /></div>
<div><b>5.-</b> Un clic en Editar HTML</div>
<div><br /></div>
<div><b>6.-</b> Busque el Gadget Profile 1</div>
<div><br /></div>
<div>Ejemplo:</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Modificar el widget perfil de Blogger versión para AMP html" height="390" layout="intrinsic" src="https://1.bp.blogspot.com/-KIi_gu4UNak/YKfY6GddhZI/AAAAAAAA3kE/LUtUdSvD8yk64SzH6ddO8XTpBvPU6UUqwCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="692"></amp-img>
</div>
<br />
<div>
<b>7.-</b> Ahora debe eliminar toto el código del widget perfil a continuación
una imagen como ejemplo
</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Modificar el widget perfil de Blogger versión para AMP html" height="209" layout="intrinsic" src="https://1.bp.blogspot.com/-QxtC-KCIqd0/YKfZlS9PxLI/AAAAAAAA3kM/aonQ55TdtOgxjJVL8lN1qILmA8EyAIgowCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="807"></amp-img>
</div>
<br />
<div>
<b>8.-</b> Una vez eliminado, deberá ingresar las siguientes lineas de código
</div>
<div><br /></div>
<div>
<div></div>
<blockquote>
<div>
<b:widget id='Profile1' locked='false' title='Autor' type='Profile'
version='1'>
</div>
<div>
<b:widget-settings>
</div>
<div>
<b:widget-setting
name='showaboutme'>true</b:widget-setting>
</div>
<div>
<b:widget-setting
name='showlocation'>true</b:widget-setting>
</div>
<div>
</b:widget-settings>
</div>
<div>
<b:includable id='main'>
</div>
<div>
<b:if cond='data:title != &quot;&quot;'>
</div>
<div> <h2><data:title/></h2></div>
<div> </b:if></div>
<div> <div class='widget-content'></div>
<div> <div class='profile-info-container-wrapper'></div>
<div> <div class='fondo-perfil-1'></div>
<div> </div>
<div> </div></div>
<div>
<b:if cond='data:team'> <!-- team blog profile
-->
</div>
<div> <ul></div>
<div>
<b:loop values='data:authors' var='i'>
</div>
<div>
<li><a
class='profile-name-link g-profile' expr:href='data:i.userUrl'
expr:style='&quot;background-image: url(&quot; +
data:i.profileLogo +
&quot;);&quot;'><data:i.display-name/></a></li>
</div>
<div> </b:loop></div>
<div> </ul></div>
<div><br /></div>
<div> <b:else/> <!-- normal blog profile --></div>
<div><div class='profile-info-top'></div>
<div>
<b:if cond='data:photo.url !=
&quot;&quot;'>
</div>
<div>
<a expr:href='data:userUrl'><amp-img
class='profile-img' expr:alt='data:messages.myPhoto'
expr:height='data:photo.height' expr:src='data:photo.url'
expr:width='data:photo.width'/></a>
</div>
<div> </b:if></div>
<div></div></div>
<div> <dl class='profile-datablock'></div>
<div> <dt class='profile-data'></div>
<div>
<a class='g-profile'
expr:href='data:userUrl' rel='author nofollow'>
</div>
<div> <data:displayname/></div>
<div> </a></div>
<div>
<b:if
cond='data:hasgoogleprofile'>
</div>
<div> <br/></div>
<div>
<div class='g-follow'
data-annotation='bubble' data-height='20'
expr:data-href='data:userUrl'/>
</div>
<div> </b:if></div>
<div> </dt></div>
<div><br /></div>
<div> <b:if cond='data:showlocation'></div>
<div>
<dd class='profile-data'><div
class='img-location'><svg id='Capa_1' style='enable-background:new 0
0 511.999 511.999;' version='1.1' viewBox='0 0 511.999 511.999' x='0px'
xml:space='preserve' xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'>
</div>
<div><g></div>
<div>
<span style="white-space: pre;"> </span><path
d='M511.879,475.685l-40.224-221.611c-0.401-2.212-1.773-4.128-3.739-5.221l-101.242-56.31
c-1.314-0.732-2.787-1.023-4.234-0.911l18.419,237.608l-0.617,0.276l121.164,54.357c0.986,0.441,2.034,0.659,3.077,0.659
c1.651,0,3.287-0.543,4.632-1.596C511.313,481.22,512.376,478.428,511.879,475.685z'
style='fill:#44C868;'/>
</div>
<div>
<span style="white-space: pre;"> </span><path
d='M256,246.375l-103.545-53.931c-1.241-0.647-2.617-0.911-3.972-0.82
c0.359-0.022,0.72-0.02,1.078,0.008l-18.419,237.608l121.781,54.634c0.983,0.44,2.032,0.659,3.077,0.659l0,0V246.375z'
style='fill:#44C868;'/>
</div>
<div></g></div>
<div><g></div>
<div>
<span style="white-space: pre;"> </span><path
d='M149.56,191.633c-1.447-0.112-2.92,0.179-4.234,0.91l-101.243,56.31
c-1.966,1.093-3.338,3.008-3.739,5.221L0.121,475.685c-0.498,2.742,0.566,5.534,2.763,7.252c1.347,1.053,2.982,1.596,4.632,1.596
c1.043,0,2.092-0.217,3.077-0.659l120.504-54.061L149.56,191.633z'
style='fill:#4CE166;'/>
</div>
<div>
<span style="white-space: pre;"> </span><path
d='M362.439,191.628c-0.996,0.077-1.981,0.342-2.894,0.818L256,246.376v238.158c0,0,0,0,0.001,0
c1.045,0,2.095-0.218,3.077-0.659l121.781-54.634L362.439,191.628z'
style='fill:#4CE166;'/>
</div>
<div></g></div>
<div>
<polygon points='28.154,321.233 19.983,366.252 140.977,302.346
143.786,266.107 144.252,260.097 ' style='fill:#FFDB56;'/>
</div>
<div>
<path
d='M142.066,288.294l-1.089,14.052L19.983,366.252L0.121,475.685c-0.498,2.742,0.566,5.534,2.763,7.252
c1.347,1.053,2.982,1.596,4.632,1.596c1.043,0,2.092-0.217,3.077-0.659l120.504-54.061L142.066,288.294L142.066,288.294z'
style='fill:#A8EEFC;'/>
</div>
<div><g></div>
<div>
<span style="white-space: pre;"> </span><polygon points='256.03,276.08
144.252,260.097 140.977,302.346 256,477.025 256,413.507
187.363,305.429 256.03,313.642 '
style='fill:#FFBB24;'/>
</div>
<div>
<span style="white-space: pre;"> </span><polygon
points='459.946,244.421 411.311,217.37 365.269,228.128 365.845,235.564
368.119,264.898 ' style='fill:#FFBB24;'/>
</div>
<div></g></div>
<div>
<polygon points='372.202,317.576 367.842,261.327 367.842,261.327
365.269,228.128 256.03,276.08 256.03,313.642 327.386,282.612 '
style='fill:#FFDB56;'/>
</div>
<div>
<path
d='M511.879,475.685l-10.103-55.666L368.119,264.898l4.084,52.678l137.07,165.221
C511.357,481.07,512.364,478.358,511.879,475.685z'
style='fill:#FFBB24;'/>
</div>
<div>
<path
d='M256.481,27.465c-57.963,0-105.12,47.118-105.12,105.034c0,35.826,17.009,74.29,50.556,114.322
c24.639,29.403,48.943,48.314,49.966,49.105c1.354,1.047,2.976,1.57,4.599,1.57c1.622,0,3.245-0.523,4.599-1.57
c1.022-0.791,25.327-19.702,49.966-49.105c33.547-40.032,50.556-78.495,50.556-114.322
C361.601,74.583,314.444,27.465,256.481,27.465z
M295.411,132.498c0,21.482-17.43,38.898-38.93,38.898
c-21.5,0-38.93-17.415-38.93-38.898s17.43-38.898,38.93-38.898C277.981,93.6,295.411,111.016,295.411,132.498z'
style='fill:#FF4A4A;'/>
</div>
<div>
<path
d='M256.481,27.465c-4.594,0-9.119,0.298-13.559,0.872c51.583,6.667,91.562,50.836,91.562,104.162
c0,35.826-17.009,74.29-50.556,114.322c-15.845,18.908-31.54,33.467-41.005,41.669c5.254,4.552,8.596,7.154,8.96,7.436
c1.354,1.047,2.976,1.57,4.599,1.57c1.622,0,3.245-0.523,4.599-1.57c1.022-0.791,25.327-19.702,49.966-49.105
c33.547-40.032,50.556-78.495,50.556-114.322C361.601,74.583,314.444,27.465,256.481,27.465z'
style='fill:#E7343F;'/>
</div>
<div>
<path
d='M259.078,483.874l45.285-20.316L256,413.507v71.026c0,0,0,0,0.001,0
C257.046,484.533,258.095,484.316,259.078,483.874z'
style='fill:#FFDB56;'/>
</div>
<div><g></div>
<div>
<span style="white-space: pre;"> </span><path
d='M471.654,254.074c-0.401-2.212-1.773-4.128-3.739-5.221l-7.97-4.433l-91.827,20.477l0,0
l133.656,155.121L471.654,254.074z' style='fill:#1EA4E9;'/>
</div>
<div>
<span style="white-space: pre;"> </span><path
d='M255.999,484.533C256,484.533,256,484.533,255.999,484.533v-7.508L140.977,302.346l-9.837,126.895
l121.781,54.634C253.904,484.316,254.953,484.533,255.999,484.533z'
style='fill:#1EA4E9;'/>
</div>
<div></g></div>
<div></svg></div><data:location/></dd></div>
<div> </b:if></div>
<div><br /></div>
<div>
<b:if cond='data:aboutme !=
&quot;&quot;'><dd class='profile-textblock'><div
class='img-aboutme-p'/><data:aboutme/></dd></b:if>
</div>
<div> </div>
<div> </dl></div>
<div>
<a class='profile-link' expr:href='data:userUrl'
rel='author'><data:viewProfileMsg/></a>
</div>
<div> </b:if></div>
<div></div></div>
<div><br /></div>
<div> </div></div>
<div> </b:includable></div>
<div> </b:widget></div>
</blockquote>
<div></div>
</div>
<div><b>9.-</b> Busque el siguiente código</div>
<div><br /></div>
<div><blockquote></style></blockquote></div>
<div>La siguiente imagen como ejemplo</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Modificar el widget perfil de Blogger versión para AMP html" height="544" layout="intrinsic" src="https://1.bp.blogspot.com/-r4VTB-5nibE/YKfasQ4V4ZI/AAAAAAAA3kU/mgF3dg-SkEADNaZVQ3NDjWNW58aN6LJmgCLcBGAsYHQ/s16000/modificar-el-widget-perfil-de-blogger-version-amp.png" width="468"></amp-img>
</div>
<br />
<div>
<b>10.-</b> Ingrese las siguientes lineas de código CSS justo arriba del
código que encontró
</div>
<div><br /></div>
<div>
<div></div>
<blockquote>
<div> /* CSS widget Perfil Blogger AMP html */</div>
<div>.profile-info-container-wrapper {</div>
<div> border: 1px solid #dadce0;</div>
<div> border-radius: 8px;</div>
<div> margin-top: 25px;</div>
<div>} </div>
<div>.fondo-perfil-1 {</div>
<div> background-color: #2196F3;</div>
<div> width: 100%;</div>
<div> height: 120px;</div>
<div>} </div>
<div>.profile-info-top {</div>
<div> height: 40px;</div>
<div> position: relative;</div>
<div> top: -42px;</div>
<div> float: left;</div>
<div> margin-left: 20px;</div>
<div>} </div>
<div>.profile-img {</div>
<div> margin-bottom: 5px;</div>
<div> padding: 4px;</div>
<div> border: 1px solid #cccccc;</div>
<div> border-radius: 100%;</div>
<div> display: block;</div>
<div> text-align: center;</div>
<div> margin: 0 auto;</div>
<div> float: none;</div>
<div> background-color: #fff;</div>
<div> background-position: bottom;</div>
<div> background-repeat: no-repeat;</div>
<div>
box-shadow: rgb(0 0 0 / 20%) 0px 8px 17px 0px, rgb(0 0 0 /
19%) 0px 6px 20px 0px;
</div>
<div> margin-right: 10px;</div>
<div>}</div>
<div>.profile-datablock {</div>
<div> position: relative;</div>
<div> margin-bottom: 22px;</div>
<div>} </div>
<div>.profile-data:nth-child(1) { </div>
<div> margin: 0;</div>
<div> text-transform: uppercase;</div>
<div> letter-spacing: .1em;</div>
<div>
font: normal normal 78% &#39;Trebuchet MS&#39;,
Trebuchet, Arial, Verdana, Sans-serif;
</div>
<div> color: #000000;</div>
<div> font-weight: bold;</div>
<div> line-height: 1.6em;</div>
<div> font-size: 13px;</div>
<div> margin-bottom: 22px;</div>
<div> text-align: left;</div>
<div>}</div>
<div>.profile-data {</div>
<div> margin: 0;</div>
<div> text-transform: uppercase;</div>
<div> letter-spacing: .1em;</div>
<div>
font: normal normal 78% &#39;Trebuchet MS&#39;,
Trebuchet, Arial, Verdana, Sans-serif;
</div>
<div> color: #000000;</div>
<div> font-weight: bold;</div>
<div> line-height: 1.6em;</div>
<div> font-size: 13px;</div>
<div> text-align: left;</div>
<div> margin-bottom: 22px;</div>
<div>}</div>
<div>.img-location {</div>
<div> width: 30px;</div>
<div> height: 30px;</div>
<div> float: left;</div>
<div> margin-left: 16px;</div>
<div> margin-right: 10px;</div>
<div> margin-top: -9px;</div>
<div>}</div>
<div>.profile-textblock {</div>
<div> margin: 0.5em 0;</div>
<div> line-height: 1.2em;</div>
<div> text-align: left;</div>
<div> font-family: Noto Sans,system;</div>
<div> font-size: 13px;</div>
<div> font-weight: 400;</div>
<div> color: #48525c;</div>
<div> text-size-adjust: 100%;</div>
<div>}</div>
<div>.img-aboutme-p{</div>
<div> width: 30px;</div>
<div> height: 30px;</div>
<div> float: left;</div>
<div> margin-left: 16px;</div>
<div> margin-right: 10px;</div>
<div> margin-top: -9px;</div>
<div> background-size: cover;</div>
<div>
background-image:
url(https://1.bp.blogspot.com/-J4g9Aa7mrWI/YKU5XCkjHvI/AAAAAAAACCE/gphc0A0wWToogFYh-x5nCPSFN2iw5iARACLcBGAsYHQ/w200-h200/new-contact.png);
</div>
<div>} </div>
<div>}</div>
<div>
.avatar-image-container{background:url(http://4.bp.blogspot.com/-v3RPcIJ_THE/VtpJT337jiI/AAAAAAAADjo/LhBwXqP-wZ0/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px
10px 5px 5px;border:1px solid #ddd;}
</div>
<div>.avatar-image-container img{width:32px;height:32px;}</div>
<div>.profile-link {</div>
<div>
font: normal normal 78% &#39;Trebuchet MS&#39;,
Trebuchet, Arial, Verdana, Sans-serif;
</div>
<div> text-transform: uppercase;</div>
<div> letter-spacing: .1em;</div>
<div> margin: 0 auto;</div>
<div> display: block;</div>
<div> text-align: center;</div>
<div> margin-bottom: 10px;</div>
<div>}</div>
<div>a.profile-link {</div>
<div> color: #000;</div>
<div>}</div>
<div> .boton-seguir {</div>
<div> margin-bottom: 10px;</div>
<div> text-align: center;</div>
<div>}</div>
<div>.ancho-boton {</div>
<div> padding: 8px;</div>
<div> position: relative;</div>
<div>}</div>
<div>.button-amp {</div>
<div> display: inline-flex;</div>
<div>
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0
0 0 / 12%);
</div>
<div> text-transform: uppercase;</div>
<div> color: #fff;</div>
<div> background-color: #22a1c4;</div>
<div> margin: 5px;</div>
<div> text-shadow: none;</div>
<div> transition: all 1s;</div>
<div> font-size: 13px;</div>
<div> font-weight: 700;</div>
<div> padding: 8px 20px;</div>
<div> cursor: pointer;</div>
<div> border-radius: 4px;</div>
<div>}</div>
<div>.button-amp:hover {</div>
<div>
box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px
rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 30%);
</div>
<div>}</div>
<div>a.color-link {</div>
<div> color: #fff;</div>
<div>}</div>
<div>a.color-link:hover {</div>
<div> color: #fff;</div>
<div>}</div>
<div>.color-boton{</div>
<div> background-color: #e91e63;</div>
<div>}</div>
<div>/* END Perfil */</div>
</blockquote>
<div></div>
</div>
<div><b>11.-</b> Un clic en Guardar</div>
<div><br /></div>
<div>
<b><span style="color: #073763;">Nota importante:</span></b>
</div>
<div><br /></div>
<div><blockquote>
Si utilizas un tema de Blogger en AMP y realizaste la descarga desde mi sitio
web Ayudadeblogger.com, el gadget perfil de Blogger viene con un estilo CSS, tendrá que eliminar
el CSS asociado al Gadget de Perfil, puede buscar en la plantilla el siguiente
CSS y eliminarlo por completo para que no genere inconvenientes en el diseño
del Gadget Perfil
</blockquote></div>
<div><br /></div>
<div>Busque el siguiente código CSS y elimínelo por completo:</div>
<div><br /></div>
<div>
<div></div>
<blockquote>
<div>/* Perfil */</div>
<div>.profile-img {</div>
<div> margin-bottom: 5px;</div>
<div> padding: 4px;</div>
<div> border: 1px solid #cccccc;</div>
<div> border-radius: 100%;</div>
<div> display: block;</div>
<div> text-align: center;</div>
<div> margin: 0 auto;</div>
<div>}</div>
<div>
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal
normal 78% &#39;Trebuchet MS&#39;, Trebuchet, Arial, Verdana,
Sans-serif;color:#000000;font-weight:bold;line-height:1.6em; text-align:
center; font-size: 13px;}
</div>
<div>.profile-datablock{margin:.5em 0 .5em}</div>
<div>
.profile-textblock{margin:0.5em 0;line-height:1.6em;text-align: center;}
</div>
<div>
.avatar-image-container{background:url(http://4.bp.blogspot.com/-v3RPcIJ_THE/VtpJT337jiI/AAAAAAAADjo/LhBwXqP-wZ0/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px
10px 5px 5px;border:1px solid #ddd;}
</div>
<div>.avatar-image-container img{width:32px;height:32px;}</div>
<div>.profile-link {</div>
<div>
font: normal normal 78% &#39;Trebuchet MS&#39;,
Trebuchet, Arial, Verdana, Sans-serif;
</div>
<div> text-transform: uppercase;</div>
<div> letter-spacing: .1em;</div>
<div> margin: 0 auto;</div>
<div> display: block;</div>
<div> text-align: center;</div>
<div>}</div>
<div>a.profile-link {</div>
<div> color: #000;</div>
<div>}</div>
</blockquote>
<div></div>
</div>
<div>Un clic en Guardar</div>
<div><br /></div>
<div><br /></div>
<div><span style="color: #6aa84f;">Fácil verdad!</span></div>
<div><br /></div>
<div><span style="color: #3d85c6;">¿Necesitas ayuda?</span></div>
<div><br /></div>
<div>Cualquier pregunta no dude en escribir</div>
<div><br /></div>
<div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com4tag:blogger.com,1999:blog-6003076867142304504.post-36481351169299373222021-04-27T12:04:00.001-05:002021-04-27T12:12:06.201-05:00Aprender como crear una tabla de contenidos en Blogger con unos simples pasos<noscript><img src="https://1.bp.blogspot.com/-r3PmgdZqwXc/YIhCewDmZlI/AAAAAAAA3Uw/pp5hExOF1H4xydhWKOYAzqEEhBx-I1A8gCLcBGAsYHQ/s16000/tabla-de-contenidos-para-blogger.webp" width="1307" height="646" alt="Aprender como crear una tabla de contenidos en Blogger con unos simples pasos"/></noscript>
Blogger sigue realizando algunos cambios importantes en su plataforma web, como
diseñador web veo las cosas aun más fáciles y divertidas al momento de crear
Plantillas, gadgets entre un sin fin de trucos para Blogger.<div> <div>En este post aprenderán a crear una tabla de contenido con unos simples pasos,
solo debe seguir las instrucciones de este tutorial. La tabla de contenido o
mapa del sitio puede ubicarlo en una entrada o en una pagina de Blogger.
</div>
<span><a name='more'></a></span>
<br />
A continuación puede ver su demostración en el siguiente blog de demos<br />
<br />
<div id="ayudadeblogger">
<a class="adb-slide" href="https://tema-g.blogspot.com/p/tabla-de-contenido.html" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<h2 style="text-align: left;">
Aprende ¿Cómo crear una tabla de contenido o SITEMAP en Blogger?
</h2>
<div><br /></div>
<div><b>Instrucciones</b></div>
<div><br /></div>
<div><b>1.-</b> Abrir Blogger.com</div>
<div><br /></div>
<div><b>2.-</b> Un clic en Páginas</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Aprender como crear una tabla de contenidos en Blogger con unos simples pasos" height="593" layout="intrinsic" width="251" src="https://1.bp.blogspot.com/-Q3h26N5kccA/YIg9-44qraI/AAAAAAAA3UQ/hn_vD43llT8_JwnHoTi2OC4g2IO4CqXagCLcBGAsYHQ/s16000/paginas.png"></amp-img>
</div>
<br />
<div><br /></div>
<div><br /></div>
<div><b>3.-</b> Un clic en Nueva Página</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Aprender como crear una tabla de contenidos en Blogger con unos simples pasos" height="251" layout="intrinsic" width="285" src="https://1.bp.blogspot.com/-0yUqJRn2NhY/YIg-PqO5ZxI/AAAAAAAA3UY/JwiermipakAQTqzu8tY1ZKn9ehdJSiz6ACLcBGAsYHQ/s16000/nueva-pagina.png"></amp-img>
</div>
<br />
<div><b>4.</b>- Active la casilla en Modo HTML</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Aprender como crear una tabla de contenidos en Blogger con unos simples pasos" height="263" layout="intrinsic" width="387" src="https://1.bp.blogspot.com/-n6qa9NE1VnE/YIg-tOZu5SI/AAAAAAAA3Ug/h6aek9HbeHUT-1NBWQYsWxQqQm7_B3nPACLcBGAsYHQ/s16000/vista-html.png"></amp-img>
</div>
<br />
<div><b>5.-</b> Inserte el siguiente código</div>
<div><br /></div>
<div>
<div></div>
<blockquote>
<div><div class="tabla-contenidos"></div>
<div> <div class="text-tabla"></div>
<div>
Bienvenidos al mapa del sitio web, gracias por visitarnos..
</div>
<div> </div></div>
<div>
<div id="tabla-cont"><span
class="loading">Cargando...</span></div></div>
</div>
<div><script type="text/javascript"></div>
<div>var tabbedTOC = {</div>
<div>
blogUrl: "<span style="background-color: #ffa400;">https://tema-g.blogspot.com/</span>", // Dirección de su Blog URL
</div>
<div> containerId: "tabla-cont",</div>
<div> activeTab: 1, </div>
<div> showDates: false, </div>
<div> showSummaries: false,</div>
<div> numChars: 200, </div>
<div> showThumbnails: false, </div>
<div> thumbSize: 40, </div>
<div>
noThumb:
"https://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png",
</div>
<div> monthNames: [ </div>
<div> "Enero",</div>
<div> "Febrero",</div>
<div> "Marzo",</div>
<div> "Abril",</div>
<div> "Mayo",</div>
<div> "Junio",</div>
<div> "Julio",</div>
<div> "Agosto",</div>
<div> "Septiembre",</div>
<div> "Octubre",</div>
<div> "Noviembre",</div>
<div> "Diciembre"</div>
<div> ],</div>
<div> newTabLink: true, </div>
<div> maxResults: 99999, </div>
<div> preload: 0, </div>
<div> sortAlphabetically: true, </div>
<div> showNew: 7, </div>
<div>
newText: " - <em
style='color:blue;'>Nuevo!</em>"
</div>
<div>};</div>
<div></script></div>
<div>
<script type="text/javascript"
src="https://cdn.statically.io/gh/Ayudadeblogger/tabla-contenido/main/tabla-cont.js"></script>
</div>
<div><style></div>
<div> .tabla-contenidos {</div>
<div> background-color: #f9bb2d;;</div>
<div> max-width: 100%;</div>
<div> border-radius: 12px;</div>
<div> padding: 16px 24px;</div>
<div> position: relative;</div>
<div>}</div>
<div> .text-tabla {</div>
<div> font-size: 16px;</div>
<div> line-height: 26px;</div>
<div> font-weight: 400;</div>
<div> letter-spacing: -.5px;</div>
<div> -moz-osx-font-smoothing: grayscale;</div>
<div> -webkit-font-smoothing: antialiased;</div>
<div> font-family: Google Sans,arial,sans-serif;</div>
<div> letter-spacing: .1px;</div>
<div> -webkit-text-size-adjust: 100%;</div>
<div> -moz-text-size-adjust: 100%;</div>
<div> -ms-text-size-adjust: 100%;</div>
<div> text-size-adjust: 100%;</div>
<div> -webkit-overflow-scrolling: touch;</div>
<div> margin-bottom: 20px;</div>
<div> text-align: center;</div>
<div>}</div>
<div> #tabla-cont {</div>
<div> margin:0 auto;</div>
<div> background-color:#fff;</div>
<div> -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);</div>
<div> -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);</div>
<div> box-shadow:0 1px 3px rgba(0,0,0,.4);</div>
<div> overflow:hidden;</div>
<div> position:relative;</div>
<div> color:#333;</div>
<div> padding: 14px;</div>
<div> border-radius: 8px;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .loading {</div>
<div> display:block;</div>
<div> padding:5px 10px;</div>
<div> font:normal bold 10px Arial,Sans-Serif;</div>
<div> color:white;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont ul,</div>
<div>#tabla-cont ol,</div>
<div>#tabla-cont li {</div>
<div> margin:0 0;</div>
<div> padding:0 0;</div>
<div> list-style:none;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .toc-tabs {</div>
<div> width:30%;</div>
<div> float:left;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .toc-tabs li a {</div>
<div> display:block;</div>
<div> font:normal bold 12px/28px Arial,Sans-Serif;</div>
<div> overflow:hidden;</div>
<div> text-overflow:ellipsis;</div>
<div> color:#222;</div>
<div> text-transform:uppercase;</div>
<div> text-decoration:none;</div>
<div> padding:0 12px;</div>
<div> cursor:pointer;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .toc-tabs li a:hover {</div>
<div> background-color:#3f51b5;</div>
<div> color:white;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .toc-tabs li a.active-tab {</div>
<div> background-color:#3f51b5;</div>
<div> color:white;</div>
<div> -webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);</div>
<div> -moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);</div>
<div> box-shadow:-2px 2px 2px rgba(0,0,0,.5);</div>
<div> position:relative;</div>
<div> z-index:5;</div>
<div> margin:0 -1px 0 0;</div>
<div> border-bottom: 4px solid #000;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .toc-content,</div>
<div>#tabla-cont .divider-layer {</div>
<div> width:70%;</div>
<div> float:right;</div>
<div> background-color:white;</div>
<div> border-left:5px solid #3f51b5;</div>
<div> -webkit-box-sizing:border-box;</div>
<div> -moz-box-sizing:border-box;</div>
<div> box-sizing:border-box;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .divider-layer {</div>
<div> float:none;</div>
<div> display:block;</div>
<div> position:absolute;</div>
<div> top:0;</div>
<div> right:0;</div>
<div> bottom:0;</div>
<div> -webkit-box-shadow:0 0 7px rgba(0,0,0,.7);</div>
<div> -moz-box-shadow:0 0 7px rgba(0,0,0,.7);</div>
<div> box-shadow:0 0 7px rgba(0,0,0,.7);</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel {</div>
<div> position:relative;</div>
<div> z-index:5;</div>
<div> font:normal normal 10px Arial,Sans-Serif;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li a {</div>
<div> display: block;</div>
<div> position: relative;</div>
<div> font-weight: bold;</div>
<div> font-size: 12px;</div>
<div> text-decoration: none;</div>
<div> outline: none;</div>
<div> overflow: hidden;</div>
<div> padding: 17px;</div>
<div> color: #222;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li time {</div>
<div> display:block;</div>
<div> font-style:italic;</div>
<div> font-weight:normal;</div>
<div> font-size:10px;</div>
<div> color:#666;</div>
<div> float:right;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li .summary {</div>
<div> display:block;</div>
<div> padding:10px 12px 10px;</div>
<div> font-style:italic;</div>
<div> border-bottom:4px solid #3f51b5;</div>
<div> overflow:hidden;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li .summary img.thumbnail {</div>
<div> float:left;</div>
<div> display:block;</div>
<div> margin:0 8px 0 0;</div>
<div> padding:4px 4px;</div>
<div> width:72px;</div>
<div> height:72px;</div>
<div> border:1px solid #dcdcdc;</div>
<div> background-color:#fafafa;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li:nth-child(even) {</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li a:hover,</div>
<div>#tabla-cont .panel li a:focus,</div>
<div>#tabla-cont .panel li a:hover time,</div>
<div>#tabla-cont .panel li.bold a {</div>
<div>box-shadow: 5px 5px 25px 0px rgb(46 61 73 / 20%);</div>
<div> border-radius: 0.375rem;</div>
<div> transition: all 0.3s ease;</div>
<div> outline:none;</div>
<div>}</div>
<div><br /></div>
<div>#tabla-cont .panel li.bold a:hover,</div>
<div>#tabla-cont .panel li.bold a:hover time {</div>
<div> background-color:#222;</div>
<div>}</div>
<div><br /></div>
<div>@media (max-width:700px) {</div>
<div><br /></div>
<div> #tabla-cont .toc-tabs,</div>
<div> #tabla-cont .toc-content {</div>
<div> float:left;</div>
<div> width:100%;</div>
<div> display:block;</div>
<div> }</div>
<div> #tabla-cont .toc-tabs li {</div>
<div> display:inline;</div>
<div> float:left;</div>
<div> }</div>
<div><br /></div>
<div> #tabla-cont .toc-content {</div>
<div> border:none;</div>
<div> }</div>
<div> #tabla-cont .divider-layer,</div>
<div> #tabla-cont .panel li time {</div>
<div> display:none;</div>
<div> }</div>
<div>}</div>
<div> </style></div>
</blockquote>
<div></div>
</div>
<div><b>6.-</b> Realice los siguiente cambios:</div>
<div><br /></div>
<div></div>
<blockquote>
<div>
Elimine la dirección URL que esta marcado de color naranja, remplace por la
dirección URL de su blog de Blogger
</div>
<div><br /></div>
<div>
<span style="background-color: #ffa400;">https://tema-g.blogspot.com/</span>
</div>
</blockquote>
<div><span style="background-color: #ffa400;"></span></div>
<div><br /></div>
<div><b>7.- </b>Eso es todo, un clic en Publicar</div>
<div><br /></div>
<div>
Es momento de visitar su nueva pagina de tabla de contenidos de su blog de
Blogger
</div>
<div><br /></div>
<div>Fácil verdad!</div>
<div><br /></div>
<div>Cualquier pregunta no dude en escribir</div>
<div><br /></div>
</div>Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com2tag:blogger.com,1999:blog-6003076867142304504.post-63100875268578064482021-04-22T15:33:00.008-05:002021-04-22T15:41:11.579-05:00Crear un widget de perfiles sociales para Blogger en un solo gadget<noscript><img src="https://1.bp.blogspot.com/-zkc8MtSTcz4/YIHbMwDIFDI/AAAAAAAA3Tc/GFyfw1PY2e0vhUJbUPtTQfHXRqtQzrLyQCLcBGAsYHQ/s16000/crear-un-widget-de-perfiles-sociales.webp" width="650" height="355" alt="Crear un widget de perfiles sociales para Blogger en un solo gadget"/></noscript>
En Blogger se puede crear un sin numero de gadgets "widgets" y utilizarlos de la
mejor manera, en este post enseñare como crear un widget de perfiles sociales
con unos simples pasos.<br />
<br />
A continuación puede ver su demostración en el siguiente blog de demos<br />
<br />
<div id="ayudadeblogger">
<a class="adb-slide" href="https://tema-g.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-laptop"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Clic aquí</span>
</a>
</div>
<br />
<h2 style="text-align: left;">¿Cómo crear un gadget de perfiles sociales?</h2>
<span><a name='more'></a></span>
<div><b>Empezamos</b></div>
<div><br /></div>
<div><b>1.-</b> Diríjase a Blogger.com</div>
<div><br /></div>
<div>
<b>2.-</b> Un clic en <i style="background-color: #ffa400;">Diseño</i>
</div>
<div><br /></div>
<div>
<b>3.</b>- Un clic en
<i style="background-color: #ffa400;">Agregar un gadget</i>
</div>
<div><br /></div>
<div>
<b>4.-</b> Un clic en <i style="background-color: #ffa400;">HTML/Javascript</i>
</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Crear un widget de perfiles sociales para Blogger en un solo gadget" height="210" width="382" layout="intrinsic" src="https://1.bp.blogspot.com/-rESMRm_g-Mw/YIHSIqbfzzI/AAAAAAAA3TE/v2hmXLWClBAix_hxa7fv8P9gexisL7p2wCLcBGAsYHQ/s16000/html-javascript.png"></amp-img>
</div>
<br />
<div><br /></div>
<div><b>5.-</b> Ingrese el siguiente código en su interior</div>
<div><br /></div>
<div>
<div></div>
<blockquote>
<div><div class="social-widget"></div>
<div>
<span class="social-widget-link social-link-facebook">
</div>
<div>
<span
class="social-widget-link-count"><span class="fa
fa-facebook"></span><span style="background-color: #cccccc;">6.7K</span>
Likes</span>
</div>
<div>
<span
class="social-widget-link-title">Facebook</span>
</div>
<div>
<a href="<span style="background-color: #04ff00;">AGREGAR AQUI LA URL DE SU PAGINA DE FACEBOOK</span>" target="_blank"></a>
</div>
<div> </span></div>
<div> <!-- .social-widget-link --></div>
<div>
<span class="social-widget-link
social-link-pinterest">
</div>
<div>
<span
class="social-widget-link-count"><span class="fa
fa-pinterest"></span><span style="background-color: #cccccc;">5.4K</span>
Followers</span>
</div>
<div>
<span
class="social-widget-link-title">Pinterest</span>
</div>
<div>
<a href="<span style="background-color: #04ff00;">AGREGAR AQUI LA URL DE SU PAGINA DE PINTEREST</span>" target="_blank"></a>
</div>
<div> </span></div>
<div> <!-- .social-widget-link --></div>
<div>
<span class="social-widget-link social-link-twitter">
</div>
<div>
<span
class="social-widget-link-count"><span class="fa
fa-twitter"></span><span style="background-color: #cccccc;">3.8K</span>
Followers</span>
</div>
<div>
<span
class="social-widget-link-title">Twitter</span>
</div>
<div>
<a href="<span style="background-color: #04ff00;">AGREGAR AQUI LA URL DE SU PAGINA DE TWITTER</span>" target="_blank"></a>
</div>
<div> </span></div>
<div> <!-- .social-widget-link --></div>
<div>
<span class="social-widget-link
social-link-instagram">
</div>
<div>
<span
class="social-widget-link-count"><span class="fa
fa-instagram"></span><span style="background-color: #cccccc;">8.1K</span>
Followers</span>
</div>
<div>
<span
class="social-widget-link-title">Instagram</span>
</div>
<div>
<a href="<span style="background-color: #04ff00;">AGREGAR AQUI LA URL DE SU PAGINA DE INSTAGRAM</span>" target="_blank"></a>
</div>
<div> </span></div>
<div> <!-- .social-widget-link --></div>
<div></div></div>
<div><br /></div>
<div><style></div>
<div>/*--------------------------------------------------------------</div>
<div>
<span style="white-space: pre;"> </span>## Widget - Social by
Ayudadeblogger.com
</div>
<div>--------------------------------------------------------------*/</div>
<div><br /></div>
<div>.social-widget {</div>
<div>}</div>
<div><br /></div>
<div>.social-widget-link {</div>
<div> position: relative;</div>
<div> margin-bottom: 15px;</div>
<div> position: relative;</div>
<div> display: block;</div>
<div> font-size: 13px;</div>
<div> font-weight: bold;</div>
<div> font-family: "Montserrat";</div>
<div> background: #d0e9e6;</div>
<div> color: #8a9a96;</div>
<div> line-height: 47px;</div>
<div> padding: 0 14px;</div>
<div>}</div>
<div><br /></div>
<div>.social-widget-link-count {</div>
<div>}</div>
<div><br /></div>
<div>.social-widget-link-count .fa {</div>
<div> margin-right: 9px;</div>
<div> font-size: 17px;</div>
<div> vertical-align: middle;</div>
<div>}</div>
<div><br /></div>
<div>.social-widget-link-title {</div>
<div> position: absolute;</div>
<div> top: 0;</div>
<div> right: 0;</div>
<div> bottom: 0;</div>
<div> width: 100px;</div>
<div> text-align: center;</div>
<div> background: rgba(255, 255, 255, 0.08);</div>
<div> transition: width 0.3s;</div>
<div>}</div>
<div><br /></div>
<div>.social-widget-link:hover .social-widget-link-title {</div>
<div> width: 116px;</div>
<div>}</div>
<div><br /></div>
<div>.social-widget a {</div>
<div> position: absolute;</div>
<div> top: 0;</div>
<div> left: 0;</div>
<div> right: 0;</div>
<div> bottom: 0;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-twitter {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #55acee;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-facebook {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #3b5998;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-youtube {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #cd201f;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-vimeo {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #1ab7ea;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-tumblr {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #35465c;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-pinterest {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #bd081c;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-linkedin {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #0077b5;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-instagram {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #833ab4;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-github {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #4183c4;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-google-plus {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #dc4e41;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-dribbble {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #ea4c89;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-dropbox {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #007ee5;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-flickr {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #0063dc;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-foursquare {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #f94877;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-behance {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #1769ff;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-vine {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #00b488;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-rss {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #f26522;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div><br /></div>
<div>body .social-link-email {</div>
<div>
<span style="white-space: pre;"> </span>background-color: #ef7583;
</div>
<div><span style="white-space: pre;"> </span>color: #fff;</div>
<div>}</div>
<div></style></div>
</blockquote>
<div></div>
</div>
<div>
<b><br /></b>
</div>
<div>
<b>6.-</b> Debe realizar los respectivos cambios donde esta marcado de
diferentes colores
</div>
<div><br /></div>
<div>
<b><i>Ejemplo</i></b>:
</div>
<div><br /></div>
<div><span style="background-color: #04ff00;"></span></div>
<blockquote>
<div>
<span style="background-color: #04ff00;">AGREGAR AQUI LA URL DE SU PAGINA DE FACEBOOK</span>
</div>
<div><br /></div>
<div><span style="background-color: #cccccc;">6.7K</span></div>
</blockquote>
<div><span style="background-color: #cccccc;"></span></div>
<div><br /></div>
<div><b>7.</b>- Un clic en Guardar</div>
<div><br /></div>
<div class="separator amp-wp-95ecdb5">
<amp-img alt="Crear un widget de perfiles sociales para Blogger en un solo gadget" height="562" width="456" layout="intrinsic" src="https://1.bp.blogspot.com/-XDeE6WEsPDU/YIHVrCfHb1I/AAAAAAAA3TQ/3yHWYU1KvhIIFe2alLdF2PxWNtfJnfKmgCLcBGAsYHQ/s16000/gadget-perfil-social.png"></amp-img>
</div>
<br />
<div>Eso es todo</div>
<div><br /></div>
<div>Fácil verdad!</div>
<div><br /></div>
<div>Cualquier pregunta no dude en escribir</div>
<div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com0tag:blogger.com,1999:blog-6003076867142304504.post-2471377861920557892021-04-19T12:44:00.000-05:002021-04-19T12:44:31.985-05:00El widget FollowByEmail dejara de funcionar en julio de 2021<noscript><img src="https://1.bp.blogspot.com/-mqUQhJ-euFA/YH2-tq_BGmI/AAAAAAAA3Qc/zQtYtlqxQew1WgqymzPrc0qnET8m3SAKwCLcBGAsYHQ/s16000/widget-followbyemail-dejara-de-funcionar-en-blogger.png" width="562" height="432" alt="El widget FollowByEmail dejara de funcionar en julio de 2021"/></noscript>
<p>
Lamentablemente el
<b>widget de suscripción de correo electrónico de Blogger</b> dejara de
funcionar en el mes de julio, estos cambios se debe a que la plataforma de
FeedBurner va actualizar su infraestructura a una mas estable y moderna.
</p>
<p>
Vamos a ver lo que nos informa desde su sitio oficial a continuación el texto
dice así:
</p>
<span><a name='more'></a></span>
<blockquote>
<h2 style="text-align: left;">
Próximos cambios en FeedBurner en julio de 2021
</h2>
<div>
A partir de julio, estamos haciendo la transición de FeedBurner a una
infraestructura más estable y moderna. Esto mantendrá el producto en
funcionamiento para todos los usuarios, pero también significa que
rechazaremos la mayoría de las funciones de administración de feeds no
esenciales, incluidas las suscripciones por correo electrónico, en ese
momento.
</div>
<div><br /></div>
<div><b>Lo que pueden esperar los usuarios de FeedBurner</b></div>
<div><br /></div>
<div>
Para muchos usuarios, no se requiere ninguna acción. Todos los feeds
existentes se seguirán publicando de forma ininterrumpida y podrá seguir
creando nuevas cuentas y grabando nuevos feeds. La funcionalidad principal
de administración de feeds seguirá siendo compatible, como la capacidad de
cambiar la URL, el feed de origen, el título y los metadatos de podcast de
su feed. También se seguirá admitiendo el análisis básico de las solicitudes
de alimentación y la capacidad de crear etiquetas de gabinete para archivos
MP3.
</div>
<div><br /></div>
<div>
Entonces, ¿qué está cambiando? Estamos rechazando la mayoría de las
funciones de administración de feeds no esenciales que le ayudan a optimizar
y publicitar su feed, por ejemplo, suscripciones por correo electrónico,
navegador amigable y protector de contraseña.
</div>
<div><br /></div>
<div>
<b>
Descarga de los datos de suscriptor de correo electrónico de FeedBurner
</b>
</div>
<div><br /></div>
<div>
Si desea seguir usando las suscripciones por correo electrónico después de
la transición de junio, le recomendamos que descargue los datos de los
suscriptores de correo electrónico para que pueda migrar sus suscriptores a
un nuevo servicio de suscripción por correo electrónico. Estos datos también
estarán disponibles para descargar después de la transición.
</div>
<div><br /></div>
<div><b>Suscripciones por correo electrónico de Blogger</b></div>
<div><br /></div>
<div>
La función de suscripción por correo electrónico de FeedBurner impulsa el
widget de suscripción por correo electrónico de Blogger, también conocido
como el widget FollowByEmail. Cuando se rechace la función de suscripción
por correo electrónico de FeedBurner en julio, el widget de suscripción por
correo electrónico de Blogger también dejará de funcionar en ese momento.
Los usuarios de Blogger pueden obtener más información aquí sobre los
cambios y los próximos pasos.
</div>
</blockquote>
<div></div>
<div>
<h3 style="text-align: left;"></h3></div><blockquote><div><h3 style="text-align: left;">Preguntas frecuentes</h3>
<h3 style="text-align: left;">
¿Qué va a pasar con el widget de suscripción de Blogger?
</h3>
<div>
El widget de suscripción de correo electrónico de Blogger, también conocido
como FollowByEmail, dejará de estar disponible en junio del 2021. En
concreto, el sistema de suscripción de correo electrónico va a dejar de
funcionar, y tus suscriptores ya no recibirán novedades por correo.
</div>
<h3 style="text-align: left;">¿Por qué se va a retirar esta función?</h3>
<div>
Recientemente, el equipo de FeedBurner anunció que tiene previsto invertir
en una nueva infraestructura que incluirá un conjunto de funciones más
reducido y estable. A causa de este cambio, FeedBurner va a retirar la
función de suscripción de correo electrónico en la que se basa el widget
FollowByEmail. Para obtener más información, consulta este anuncio de
Feedburner.
</div>
<h3 style="text-align: left;">¿Qué debo hacer?</h3>
<div>
Puedes usar otros servicios de suscripción de correo electrónico para seguir
manteniendo al día a tus suscriptores. Te recomendamos que descargues tu
lista de suscriptores de Feedburner.
</div>
<h3 style="text-align: left;">¿Qué va a pasar con mi blog?</h3>
<div>
Tu blog seguirá funcionando como siempre, pero el servicio de envío de
correos electrónicos automatizados a tus suscriptores que proporciona el
widget FollowByEmail dejará de funcionar. Tus suscriptores dejarán de
recibir novedades por correo electrónico a partir de junio del 2021.
</div>
<h3 style="text-align: left;">
¿Cuándo se retirará el servicio de suscripción de correo electrónico?
</h3>
<div>En junio del 2021.</div>
<h3 style="text-align: left;">
¿Podré descargar mi lista de suscriptores de correo electrónico de
FeedBurner después del mes de junio?
</h3>
<div>
Sí. Después de junio del 2021, todavía podrás descargar tu lista de
suscriptores.
</div>
<h3 style="text-align: left;">
¿Volverá a implementarse la función de suscripción de correo electrónico más
adelante?
</h3>
<div>
Por ahora, no tenemos previsto volver a implementar esta función en el
futuro.
</div>
<h3 style="text-align: left;">
¿Podéis recomendar alguna solución de correos electrónicos automatizados
alternativa?
</h3>
<div>De momento, no podemos recomendar ningún servicio de terceros.</div>
<h3 style="text-align: left;">
¿Cómo puedo descargar de FeedBurner la información de contacto de mis
suscriptores?
</h3>
<div>Consulta este artículo del Centro de Ayuda de Feedburner.</div>
</div>
<div><br /></div>
<div>
by:
<a href="https://support.google.com/blogger/answer/10477563#zippy=%2Cqu%C3%A9-va-a-pasar-con-el-widget-de-suscripci%C3%B3n-de-blogger%2Cpor-qu%C3%A9-se-va-a-retirar-esta-funci%C3%B3n%2Cqu%C3%A9-debo-hacer%2Cqu%C3%A9-va-a-pasar-con-mi-blog%2Ccu%C3%A1ndo-se-retirar%C3%A1-el-servicio-de-suscripci%C3%B3n-de-correo-electr%C3%B3nico%2Cpodr%C3%A9-descargar-mi-lista-de-suscriptores-de-correo-electr%C3%B3nico-de-feedburner-despu%C3%A9s-del-mes-de-junio%2Cvolver%C3%A1-a-implementarse-la-funci%C3%B3n-de-suscripci%C3%B3n-de-correo-electr%C3%B3nico-m%C3%A1s-adelante%2Cpod%C3%A9is-recomendar-alguna-soluci%C3%B3n-de-correos-electr%C3%B3nicos-automatizados-alternativa%2Cc%C3%B3mo-puedo-descargar-de-feedburner-la-informaci%C3%B3n-de-contacto-de-mis-suscriptores">Ayuda de Blogger</a></div></blockquote><div>
</div><div><br /></div><div>Bueno ahora tenemos que ver nuevas soluciones para tener un nuevo gadget de Suscriptores en nuestro blog de Blogger.</div><div><br /></div><div>Saludos</div><div><br /></div>
Ayudadebloggerhttp://www.blogger.com/profile/06229631744024418938noreply@blogger.com5