Delta l2

🔺 Fijar una Imagen en la Esquina de tu Pagina WEB 🔺

Antes de comenzar, te invitamos visitar nuestro mapa del sitio, donde encontraras todos nuestros artículos publicados, ordenados categóricamente. Nuestros artículos tratan temas como marketing digital, SEO, software, diseño web y muchos mas contenido digital. Muchas gracias por tu visita y esperamos que sea de tu agrado. Att: Delta l2 - Aprende cada día mas.

Como poner una imagen en la esquina o inferior derecha

Solo con copiar y pegar ya sea en la entrada o pagina el siguiente código, bastara para que se visualice la imagen.


<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL DE TU PAGINA O BLOG"/><img src="URL DE LA IMAGEN A MOSTRAR" style="z-index:99;"/></a><iframe width="1" height="1" frameborder="0" src="http://temawindows.blogspot.com/2010/09/gadgets-para-windows-xp-vista-y-7.html></iframe>

Esperamos que sea de gran ayuda para tu blog o pagina web y muchas gracias por tu visita.

🔺 Barra de Busqueda para Pagina WEB 🔺

Fragmento de código para barra de busqueda

Con este fragmento de código podrás agregar una barra de busqueda a tu pagina web.


<div align="center"><form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text">
<a href="http://www.pczeros.net/2009/07/buscador-para-blogger.html" target="_blank" alt="bscador para el blog"><img 
src="http://sites.google.com/site/pczeros/Home/1t.gif" border=0 alt="buscador para el blog"/></a>
<input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"></form><script type="text/javascript" src="//acortar.org/gen-js"></script>
</div>

Esperamos que sea de gran ayuda para tu blog o pagina web y muchas gracias por tu visita.

🔺 Como Evitar que Copien un Texto de mi Pagina Web 🔺

Inhabilitar mouse en tu pagina web

Por diferentes motivos, no queremos que algunos usuarios traten de copiar nuestro contenido por que queremos mantener la autenticidad de la pagina. Hay varias técnicas que utilizan diferentes creadores de contenido mal intencionados y una de las mas conocidas es scrapper o conocido coloquialmente como scraprear y no es mas que copiar literalmente el contenido de una pagina y con este, realiza una pagina totalmente nueva y eso altera nuestro trafico orgánico o vistas en nuestra web.

Google ofrece el servicio para denunciar el plagio, si se llegase a presentar de forma abusiva y sin nuestro consentimiento, pero en este articulo te enseñare como puedes evitar la copia de información o la anulación de la funciones del botón derecho del mouse o cursor de nuestro usuario visitante y así evitar el plagio de nuestra investigación.

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Diseño.

Paso 3

Abrir un gadgets, buscar Html/JavaSrip.

Paso 4

Copiar y pegar el siguiente código.


<script language="JavaScript">
var message="Function Disabled!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>
<a href="http://www.pczeros.net/2010/06/bloquear-clic-derecho-en-blogger.html" target="_blank"><img 
src="http://sites.google.com/site/pczeros/Home/1t.gif" border=0 alt="bloquear clic derecho" title="codigo evitar que me copien - bloquear clic"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Evitar copiar la información de una entrada o pagina estática

Paso 1

Ir al editor HTML de la entrada o pagina

Paso 2

Copiar y pegar el código anterior al final del articulo en el editor HTML.

Bloquear el teclado de nuestro visitante

Si deseas que nuestro visitante no pueda utilizar el teclado, sigue los siguientes pasos.

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML, Buscan una línea que comienza con <body (copiar y pegar <body en el buscador de código HTML y remplazarlo con el siguiente código)


<body oncontextmenu="return false" onkeydown="return false">

Esperamos que haya sido de gran ayuda este articulo y muchas gracias por tu visita.

🔺 Deshabilitar bloqueadores de Anuncios de los Buscadores 🔺

Aplicar Anti adblock en tu Pagina Web

Con el siguiente código vas a poder deshabilitar algunos bloqueadores de anuncios que utilizan algunos de nuestros visitantes. Para la aplicación de esta herramienta sigue los siguientes pasos.

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML, buscar la etiqueta <head>

Paso 4

Copiar y pegar debajo del <head> el siguiente código.


<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://imparteconocimientos.com/recursos/Anti-AdBlocker.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

🔺 Agregar Contraseña a tu Pagina Web 🔺

Con este pequeño fragmento de código podemos ponerle seguridad a nuestra pagina web, esto aplica para la pagina web en general o solo a una entrada o pagina estática en especifico y podrás personalizarla en cada caso. Si tienes dificultades puedes visitar el tutorial en YouTube.

Para aplicar contraseña a una pagina web seguiremos los siguientes pasos...

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML, buscar la etiqueta <head> (Tutorial en YouTube).

Paso 4

Copiar y pegar debajo del <head> el siguiente código.


<Script languaje="javascript">
var getin = prompt("Mensaje que se mostrara al visitante de nuestra pagina o entrada")
if (getin!="contraseña")
{location.href='URL donde redirigimos a nuestro visitante si la contraseña esta errada'}
else
{alert(' Mensaje que se mostrara al visitante de nuestra pagina o entrada si la contraseña es correcta')}
</Script>

Para aplicar contraseña a una entrada o pagina estática seguiremos los siguientes pasos...

Paso 1

Ir a la entrada o pagina que quieras proteger.

Paso 2

Abrir el editor en HTML, copiar y pegar en la primera Linea.


<Script languaje="javascript">
var getin = prompt("Mensaje que se mostrara al visitante de nuestra pagina o entrada")
if (getin!="contraseña")
{location.href='URL donde redirigimos a nuestro visitante si la contraseña esta errada'}
else
{alert(' Mensaje que se mostrara al visitante de nuestra pagina o entrada si la contraseña es correcta')}
</Script>

Aquí encontrara un ejemplo de como se visualizaría una entrada con contraseña... la contraseña es 0000.

Esperamos que sea de gran ayuda para tu pagina web y muchas gracias por tu visita.

🔺 Calculadoras para en Blogger y demás 🔺

Calculadora para una pagina web

Este fragmento de código es para visualizar una calculadora clásica en cualquier entrada, pagina y/o gadget. (solo copiar y pegar en editor HTML)


<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
    <td width="33%"> </td>
    <td width="33%"><font size="1"> 
</font><div id="calc" class="drag">
  <form name="calculator">
    <table bordercolor="gray" border="3" cellspacing="1" cellpadding="0" width="150" bgcolor="black">
<tr>
        <td>

        <input style="color: red; background: black" length="19" name="ans" size="19"/>
        </td>
      </tr>
</table>
<table bordercolor="gray" border="3" cellspacing="2" cellpadding="2" width="150" bgcolor="black">
<tr>
        <td align="middle">
        <input onmousedown="document.calculator.ans.value+='7'" value="  7  " name="seven" type="button"/>
        </td>

        <td align="middle">
        <input value="  8  " name="eight" onclick="document.calculator.ans.value+='8'" type="button"/>
        </td>
        <td align="middle">
        <input value="  9  " name="nine" onclick="document.calculator.ans.value+='9'" type="button"/>
        </td>
        <td align="middle">
        <input value="  /  " name="divide" onclick="document.calculator.ans.value+='/'" type="button"/>
        </td>

      </tr>
<tr>
        <td align="middle">
        <input value="  4  " name="four" onclick="document.calculator.ans.value+='4'" type="button"/>
        </td>
        <td align="middle">
        <input value="  5  " name="five" onclick="document.calculator.ans.value+='5'" type="button"/>
        </td>
        <td align="middle">

        <input value="  6  " name="six" onclick="document.calculator.ans.value+='6'" type="button"/>
        </td>
        <td align="middle">
        <input value="  *  " name="multiply" onclick="document.calculator.ans.value+='*'" type="button"/>
        </td>
      </tr>
<tr>
        <td align="middle">
        <input value="  1  " name="one" onclick="document.calculator.ans.value+='1'" type="button"/>

        </td>
        <td align="middle">
        <input value="  2  " name="two" onclick="document.calculator.ans.value+='2'" type="button"/>
        </td>
        <td align="middle">
        <input value="  3  " name="three" onclick="document.calculator.ans.value+='3'" type="button"/>
        </td>
        <td align="middle">
        <input value="  -  " name="subtract" onclick="document.calculator.ans.value+='-'" type="button"/>

        </td>
      </tr>
<tr>
        <td align="middle">
        <input value="  C  " name="clear" onclick="document.calculator.ans.value=''" type="button"/>
        </td>
        <td align="middle">
        <input value="  0  " name="zero" onclick="document.calculator.ans.value+='0'" type="button"/>
        </td>

        <td align="middle">
        <input value="  =  " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button"/>
        </td>
        <td align="middle">
        <input value="  +  " name="add" onclick="document.calculator.ans.value+='+'" type="button"/>
        </td>
      </tr>
</table>
</form>
</div>
</td>
    <td width="34%"> </td>
  </tr>
</table>
<a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

En este sitio puedes realizar una calculadora personalizada, el sitio se llama Calculoid. En este sitio web puedes realizar lo siguiente. (Es un servicio de pago)

Calcular algo como una hoja de cálculo de Excel. Fácilmente, en línea y en tiempo real.
Diseños fáciles para que parezca una parte nativa de su sitio web.
Todas las calculadoras, así como los datos transferidos, están protegidos con encriptación SSL.
Las calculadoras se pueden incrustar en cualquier sitio web o aplicación web. Fácilmente y con mínimo esfuerzo.
Todas las calculadoras Calculoid son 100% móviles y compatibles con la pantalla táctil.

Y por ultimo este es un archivo para una calculadora científica. este es un programa para utilizar en el computador. (Descargar Aquí).

🔺 Como hacer una Biblioteca o Glosario en Blogger 🔺

Plantilla Modificada para hacer un biblioteca o glosario gratis para una pagina web.

Esta opción para realizar un glosario o biblioteca en un blog, tenemos que tener nociones básicas de como funciona Blogger, ya que es una plantilla modificada y su funcionalidad principalmente es mostrar los resultados de la busqueda en una serie de lista horizontal.

Es de gran ayuda esta plantilla ya que debemos tener en cuenta que Blogger es una opción gratuita que brinda Google y solo con copiar y pegar el código en el tema de nuestra cuenta de Blogger.

Como hacer una Biblioteca o Glosario en Blogger

Sigue los siguientes pasos para instalar la plantilla tipo Glosario.

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML

Paso 4

Borrar todo el código (Control + A y suprimir).

Paso 5

Descargar el documento donde esta el código de la plantilla para el glosario.

(Documento)

Paso 6

Copiar el código (Control + A) y pegar en nuestra sección de tema.

Paso 7

Modifica la plantilla a tu gusto, si tiene dificultades puede ver el tutorial de YouTube.

🔺 Código para LaTex en Blogger 🔺

Como visualizar formulas matemáticas en Blogger

$Como visualizar formulas matemáticas en Blogger$

¿Qué es LaTex?

Es un sistema de composición de textos (formulas), orientado a la creación de documentos especializados que presenten una calidad tipográfica muy alta. Por sus características es usado de forma intensa en artículos y libros educativos que incluyen, entre otros elementos, expresiones matemáticas.

En este articulo vamos a explicar como configurar tu cuenta de Blogger (pagina web) y algunas formulas mas utilizadas en nuestros artículos. Para una mayor explicación puedes visitar nuestro video tutoría en YouTube (recuerda darle like y suscribirte para recibir mas notificaciones de videos tutoriales).

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML

Paso 4

Buscar en el código HTML (CTRL + F) la etiqueta <head> y pegarlo abajo de este.


  <script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>
MathJax.Hub.Config({
 extensions: [&quot;tex2jax.js&quot;,&quot;TeX/AMSmath.js&quot;,&quot;TeX/AMSsymbols.js&quot;],
 jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
 tex2jax: {
     inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&quot;\\(&quot;,&quot;\\)&quot;] ],
     displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&quot;\\[&quot;,&quot;\\]&quot;] ],
 },
 &quot;HTML-CSS&quot;: { availableFonts: [&quot;TeX&quot;] }
});
  </script>

Paso 5

Actualiza los cambios y dirígete a la entrada donde necesitas incluir las formulas matemáticas.

Paso 6

Recordemos que para que se visualice la formula matemática, debe estar escrita entre un ($) o dos ($$) para que se visualice de forma centrada. Por ejemplo.

$f(x)=y$


$f(x)=y$

$$f(x)=y$$


$$f(x)=y$$

Paso 7

Aquí hay unos ejemplos de las formulas mas utilizadas.

Paso 8

O puede visitar esta pagina donde también hay mas formulas en LaTex y ver nuestro tutorial en YouTube para aprenderlo a usar.

Parte 1: Instalación del código en Blogger

Parte 2: Consejos para que se visualice las formulas de LaTex

$f(x)=y$

$f(x)=y$

$$f(x)=y$$

$$f(x)=y$$

$(2+3) - 6 = -1$

$(2+3) - 6 = -1$

$5 < 7$

$5 < 7$

$2\cdot 3 = 2\times 3 = 6$

$2\cdot 3 = 2\times 3 = 6$

$\frac{29}{32}$

$\frac{29}{32}$

$\sqrt{9} = 3$

$\sqrt{9} = 3$

$\sqrt[4]{20} = 2$

$\sqrt[4]{20} = 2$

$\sqrt[4]{\frac{255}{2}} = \sqrt[3]{125} = 5$

$\sqrt[4]{\frac{255}{2}} = \sqrt[3]{125} = 5$

$K_n$

$K_n$

$K_2$

$K_2$

$2^4 = 16$

$2^4 = 16$

$K_n^3$

$K_n^3$

$2^27$

$2^27$

$2^{27}$

$2^{27}$

$(2), [4]$

$(2), [4]$

$\{5\}$

$\{5\}$

$\langle 5 \rangle$

$\langle 5 \rangle$

$|3|$

$|3|$

$\|4\|$

$\|4\|$

$\frac{a}{b}$

$\frac{a}{b}$

$(\frac{5}{20})$

$(\frac{5}{20})$

$\left(\frac{5}{20}\right)$

$\left(\frac{5}{20}\right)$

$\sum_{n=1}^{10}n$

$\sum_{n=1}^{10}n$

$\prod_{n=1}^{10}n$

$\prod_{n=1}^{10}n$

$\int_0^5 x \mathrm{d}x$

$\int_0^5 x \mathrm{d}x$

$\iint$

$\iint$

$\iiint$

$\iiint$

$\idotsint$

$\idotsint$

$\oint$

$\oint$

$\vec{v}$

$\vec{v}$

$\hat{k}$

$\hat{k}$

$\hat{\imath}$

$\hat{\imath}$

$\hat{\jmath}$

$\hat{\jmath}$

$\vec{u}\cdot \vec{v}$

$\vec{u}\cdot \vec{v}$

$\vec{u}\times \vec{v}$

$\vec{u}\times \vec{v}$

$\bigcap$

$\bigcap$

$\widehat{246}$

$\widehat{246}$

$\widetilde{254}$

$\widetilde{254}$

$\because$

$\because$

$\sin$

$\sin$

$\cos$

$\cos$

$\tan$

$\tan$

$\arcsin$

$\arcsin$

$\sec$

$\sec$

$\cot$

$\cot$

$\sinh$

$\sinh$

$\cosh$

$\cosh$

$\tanh$

$\tanh$

$\csc$

$\csc$

$\arctan$

$\arctan$

$\arccos$

$\arccos$

$\alpha$

$\alpha$

$\beta$

$\beta$

$\gamma$

$\gamma$

$\delta$

$\delta$

$\eta$

$\eta$

$\leftarrow$

$\leftarrow$

$\rightarrow$

$\rightarrow$

$\mapsto x^2$

$\mapsto x^2$

$n \to$

$n \to$

$\measuredangle$

$\measuredangle$

$\angle$

$\angle$

$\zeta$

$\zeta$

$\varepsilon$

$\varepsilon$

$\epsilon$

$\epsilon$

$\pm$

$\pm$

$\approx$

$\approx$

$\approxeq$

$\approxeq$

$\geq$

$\geq$

$\geqslant$

$\geqslant$

$\leq$

$\leq$

$\leqslant$

$\leqslant$

$\neq$

$\neq$

$\ll$

$\ll$

$\gg$

$\gg$

$\equiv$

$\equiv$

$\acute{a}$

$\acute{a}$

$\grave{a}$

$\grave{a}$

$\tilde{a}$

$\tilde{a}$

$\bar{a}$

$\bar{a}$

${a}'$

${a}'$

${4}'$

${4}'$

$\vec{a}$

$\vec{a}$

$\dot{a}$

$\dot{a}$

$\ddot{a}$

$\ddot{a}$

$\dddot{a}$

$\dddot{a}$

$\begin{equation} F = ma \quad\text{Segunda ley de Newton} \end{equation}$

$\begin{equation} F = ma \quad\text{Segunda ley de Newton} \end{equation}$

$f(x) = 2x \quad\mathrm{si}\quad x < 2 $

$f(x) = 2x \quad\mathrm{si}\quad x < 2$

$f(x) = x^2 \quad\mathit{si}\quad 2 \leq x < 4$

$f(x) = x^2 \quad\mathit{si}\quad 2 \leq x < 4$

$f(x) = x + 12 \quad\mathsf{si}\quad x \geq 4$

$f(x) = x + 12 \quad\mathsf{si}\quad x \geq 4$

$\begin{equation} \label{eq:esfera} V=\frac{4}{3}\pi r^2 \end{equation}$

$\begin{equation} \label{eq:esfera} V=\frac{4}{3}\pi r^2 \end{equation}$

$\lim_{x\rightarrow\infty}\frac{3+x}{x^2}$

$\lim_{x\rightarrow\infty}\frac{3+x}{x^2}$

$(a+b)^2 = a^2 + 2ab + b^2$

$(a+b)^2 = a^2 + 2ab + b^2$

$\begin{matrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{matrix}$

$\begin{matrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{matrix}$

$\begin{pmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{pmatrix}$

$\begin{pmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{pmatrix}$

$\begin{bmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{bmatrix}$

$\begin{bmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{bmatrix}$

$\begin{Bmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{Bmatrix}$

$\begin{Bmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{Bmatrix}$

$\begin{vmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{vmatrix}$

$\begin{vmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{vmatrix}$

$\begin{Vmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{Vmatrix}$

$\begin{Vmatrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{Vmatrix}$

$\begin{matrix} 5 & 4 & 8 & 9\\ 4 & 0 & 7 & 7\\ 3 & 5 & 6 & 4\\ 1 & 2 & 3 & 5 \end{matrix}$

$\begin{matrix} 5 & 4 & 8 & 9\\ 4 & 0 & 7 & 7\\ 3 & 5 & 6 & 4\\ 1 & 2 & 3 & 5 \end{matrix}$

$\begin{matrix} 5 & 4\\ 4 & 0 \end{matrix}$

$\begin{matrix} 5 & 4\\ 4 & 0 \end{matrix}$

$\begin{matrix} 5 & 4 & 8 & 9 & 2\\ 4 & 0 & 7 & 7 & 1\\ 3 & 5 & 6 & 4 & 9\\ 1 & 2 & 3 & 5 & 7\\ 4 & 5 & 1 & 6 & 1 \end{matrix}$

$\begin{matrix} 5 & 4 & 8 & 9 & 2\\ 4 & 0 & 7 & 7 & 1\\ 3 & 5 & 6 & 4 & 9\\ 1 & 2 & 3 & 5 & 7\\ 4 & 5 & 1 & 6 & 1 \end{matrix}$

$\begin{matrix} 5 & 4 & 8 \\ 4 & 0 & 7 \\ 3 & 5 & 6 \end{matrix}$

$\begin{matrix}
5 & 4 & 8 \\
4 & 0 & 7 \\
3 & 5 & 6
\end{matrix}$

$\begin{multline} (x+y+z)^3+k = x^3+y^3+z^3 \\ + 3x^2y + 3x^2z + 3xy^2 + 3y^2z + 3xz^2 + 3yz^2 + 6xyz + k \end{multline}$

$\begin{multline} (x+y+z)^3+k = x^3+y^3+z^3 \\ + 3x^2y + 3x^2z + 3xy^2 + 3y^2z + 3xz^2 + 3yz^2 + 6xyz + k \end{multline}$

$\begin{align} (a+b)^2& = a^2 + 2ab + b^2\\ (a-b)^2& = a^2 - 2ab + b^2\\ (a+b)(a-b)& = a^2 - b^2 \end{align}$

$\begin{align} (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{align}$

$\begin{gather} (a+b)^2& = a^2 + 2ab + b^2\\ (a-b)^2& = a^2 - 2ab + b^2\\ (a+b)(a-b)& = a^2 - b^2 \end{gather}$

$\begin{gather} (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{gather}$

$\begin{align} (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{align}$

$\begin{align} (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{align}$

$\begin{align} (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{align}$

$\begin{align} (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a-b)^2 = a^2 - 2ab + b^2\\ (a+b)^2 = a^2 + 2ab + b^2\\ (a+b)(a-b) = a^2 - b^2 \end{align}$


\begin{align}
(a+b)^2 = a^2 + 2ab + b^2\\
(a-b)^2 = a^2 - 2ab + b^2\\
(a+b)^2 = a^2 + 2ab + b^2\\
(a-b)^2 = a^2 - 2ab + b^2\\
(a+b)(a-b) = a^2 - b^2
\end{align}

🔺 Incluir fragmento de código en Blogger 🔺

Como Agregar Syntax Highlighter Code en Blogger

El Syntax Highlighter o resaltador de código puede ayudar a los lectores a comprender mejor el contexto del código. Además, instalado de forma predeterminada en Blogger, agrega automáticamente un botón Copiar para cualquier texto resaltado en el que los lectores puedan hacer clic y luego pegar el código en sus propios documentos. El editor de resaltado de sintaxis también es personalizable, al igual que el resaltador de sintaxis de Visual Code.

Syntax Highlighter es un complemento que la mayoría de los desarrolladores y bloggers han estado usando , pero no es compatible con los bloggers. Si se encuentra en la misma situación, este tutorial puede ayudarlo a obtener la función de resaltado de sintaxis en sus plantillas de Blogger con código javascript de carga diferida en Blogger.

Así que es hora de hacer un resaltador de sintaxis usando el botón de código y aprender cómo agregar resaltado de sintaxis en las publicaciones de blogger.

Aquí, aprenderemos primero qué es el resaltador de sintaxis y cómo funciona , y luego veremos cómo podemos implementarlo en Blogger.

Que es Syntax Highlighter

Syntax Highlighter es una herramienta basada en web para crear código resaltado por sintaxis en más de 50 idiomas (HTML, C, C++, Java, JavaScript a Fortran y TeX). Esto es particularmente útil para las personas que escriben sobre programación y comparten código de muestra, ya sea como fragmentos de resaltado de sintaxis o programas completos.

Como funciona Syntax Highlighter

La idea detrás de Syntax Highlighter es sencilla. Este resaltador de sintaxis tomará el código fuente de su publicación de blog (ya sea en formato HTML o Markdown) y lo introducirá pieza por pieza en un compilador. La salida del compilador se usará como si fuera el texto de tu publicación. El complemento identifica palabras clave en el código fuente y las reemplaza con etiquetas HTML, coloreadas o diseñadas por CSS para crear bloques de código resaltados atractivos.

Paso a paso para agregar Syntax Highlighter

para mas facilidad ir al tutorial de YouTube.

Paso 1

Ir al panel de control de Blogger.

Paso 2

Ir a la sección de Temas.

Paso 3

Abrir el editor HTML

Paso 4

Buscar en el código HTML (CTRL + F) la etiqueta ]]></b:skin> y pegarlo arriba de este.


.hljs {
            display: block;
            overflow-x: auto;
            padding: 0.5em;
            background: #1E1E1E;
            color: #DCDCDC;
            font-weight: normal;
            font-size: 1.15em !important;
        }
        .hljs-keyword,
        .hljs-literal,
        .hljs-symbol,
        .hljs-name {
            color: #569CD6;
        }
        .hljs-link {
            color: #569CD6;
            text-decoration: underline;
        }
        .hljs-built_in,
        .hljs-type {
            color: #4EC9B0;
        }
        .hljs-number,
        .hljs-class {
            color: #B8D7A3;
        }
        .hljs-string,
        .hljs-meta-string {
            color: #D69D85;
        }
        .hljs-regexp,
        .hljs-template-tag {
            color: #9A5334;
        }
        .hljs-subst,
        .hljs-function,
        .hljs-title,
        .hljs-params,
        .hljs-formula {
            color: #DCDCDC;
        }
        .hljs-comment,
        .hljs-quote {
            color: #57A64A;
            font-style: italic;
        }
        .hljs-doctag {
            color: #608B4E;
        }
        .hljs-meta,
        .hljs-meta-keyword,
        .hljs-tag {
            color: #9B9B9B;
        }
        .hljs-variable,
        .hljs-template-variable {
            color: #BD63C5;
        }
        .hljs-attr,
        .hljs-attribute,
        .hljs-builtin-name {
            color: #9CDCFE;
        }
        .hljs-section {
            color: gold;
        }
        .hljs-emphasis {
            font-style: italic;
        }
        .hljs-strong {
            font-weight: bold;
        }
        .hljs-bullet,
        .hljs-selector-tag,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-selector-attr,
        .hljs-selector-pseudo {
            color: #D7BA7D;
        }
        .hljs-addition {
            background-color: #144212;
            display: inline-block;
            width: 100%;
        }
        .hljs-deletion {
            background-color: #600;
            display: inline-block;
            width: 100%;
        }

Paso 5

Buscar en el código HTML (CTRL + F) la etiqueta </body> y pegar el siguiente código arriba del </body>.


<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'/>
    <script>hljs.initHighlightingOnLoad();</script>
           <script src='https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js'/>
<script>
  //<![CDATA[
setTimeout(function(){for(var e=document.querySelectorAll("pre>code"),o=0;o<e.length;o++)hljs.highlightBlock(e[o]);window.highlightJsBadge({contentSelector:".container",loadDelay:0,copyIconClass:"fa fa-copy",checkIconClass:"fa fa-check text-success",onBeforeTextCopied:function(e,o){return e}})},10);
//]]>
</script>

Paso 6

Ir a la entrada que se esta editando y en la sección que se quiere agregar el código, pegar el siguiente código en la edición HTML.


<div class="container" style="margin-top: 20px;">
<pre><code class="hljs" id="code">

Paso 7

Agregar el código en la sección de vista de redacción.

Paso 8

Ir a la sección de vista en HTML y pegar el siguiente código.


</code></pre>
</div>

Paso 9

Haga clic en Guardar y revisa por medio de una vista previa.

Paso 10

Gracias por tu visita y si tiene dificultades para agregar el código, diríjase al tutorial de YouTube.

🔺 20 Consejos para mantener un buen SEO 🔺

Consejos para mejorar y mantener un buen SEO

1- Olvídate de el antiguo mito y concéntrate en generar enlaces de forma natural a través de contenidos de calidad. (calidad en los links)

2- Todos los buscadores quieren la calidad de los resultados cuando un usuario hace una búsqueda. Es por ello que siempre mostrarán lo que vaya a ser más útil, practico y relevante para las personas que buscan. (No enfocarse en los buscadores, enfóquese en tus usuarios)

3- El SEO social es una de las claves del posicionamiento orgánico. El engagement de tus seguidores es vital y mantener las redes sociales actualizadas.

4- No se trata de incorporar palabras clave por doquier en toda tu web. Haz un estudio y elabora contenidos relacionados con la temática de tus keywords, siempre manteniendo el sentido lógico del articulo.

5- Si creas contenidos de calidad que sean útiles y funcionales para tus usuarios, conseguirás que estos se comprometan con ellos y, probablemente los difundan.

6- Haz que tu web sea responsive y adaptar tanto el diseño web y SEO a dispositivos móviles y tablets.

7- Uno de los factores más importantes del SEO onpage es la velocidad de carga del sitio o WPO, no solo en computadores de mesa, sino también en los celulares. Para ello se debe optimizar tanto tu web, como el comportamiento del servidor y la conectividad.

8- La webmaster (google search console) es la base del SEO interno (SEO onpage) de tu web. Te dará gran parte de la información que necesitas y te permitirá comunicarte directamente con Google.

9- Tener en cuenta el funcionamiento de Google. Primero leerá tu sitio (rastreo), después archivará las páginas en sus índices (indexación) y finalmente, si todo sale bien (buen SEO), las posicionará.

10- Es importante que utilices Google Webmaster Tools para identificar si tu sitio presenta errores de “No se encuentra” o 404, así como posibles errores de servidor.

11- La extensión de tus contenidos es importante, Google prefiere textos más largos y de calidad, que no estén escritos para SEO, sino para tu publico. (textos lógicos y mas de 1500 palabras aproximadamente)

12- Nada de poner caracteres extraños o un montón de letras indescifrable. Si ls urls están ordenas, facilitarás la navegación de tus usuarios, mejorando la usabilidad de tu sitio y tu posicionamiento SEO.

13- El sitemap ayudará a Google a indexar con mayor velocidad tu página web, sirviéndole como guía para el rastreo de la misma. Desarrollelo fácil y cuando lo genere este archivo, añádelo a Google Webmaster Tools.

14- Seguramente no te interesará que Google rastree o indexe todos tus contenidos, como por ejemplo la política legal o contenidos que puedan estar duplicados en tu sitio. Para ello debes indicárselo a Google con estos atributos o con un archivo robots.txt. (NoFollow y NoIndex)

15- Aunque los metatags como el título o la descripción, ya no tienen mucha importancia como antes, se debe facilitar esta información no solo al buscador, sino también a los usuario.

16- Si tu página está ordenada el buscador considerará que es más útil para el usuario. Ayúdate de los estilos y los encabezados h1,h2, h3…Etc. (Estructura de los artículos)

17- No abandones tu web, tanto Google como tus usuarios valorarán que tus contenidos estén actualizados y que tu trabajo sea honesto, constante y de calidad.

18- El SEO no es una ciencia exacta y depende de numerosos factores, muchos de ellos no dependen de ti. Dedícale esfuerzo constante a tu estrategia, pero no te obsesiones con el ranking ni con los plazos a corto tiempo.

19- Debido a los grandes abusos que se han cometido en linkbuilding, Google ahora no solo evaluara tus enlaces “follow”, sino que examinara el conjunto global de enlaces que tiene tu sitio web. (enlaces de calidad, en contexto y equilibrados)

20- Y por ultimo. No hagas SEO para cumplir condiciones. Haz tu sitio y tus contenidos lo más usables, navegables y amigables posible. Si realmente de forma natural eres útil para tus usuarios, Google te premiará.

« Anterior Siguiente »

🤖 Respuesta Inteligente

Como poner una imagen en la esquina o inferior derecha

Fragmento de código para barra de busqueda

Inhabilitar mouse en tu pagina web

Paso 1

Paso 2

Evitar copiar la información de una entrada o pagina estática

Paso 1

Paso 2

Bloquear el teclado de nuestro visitante

Aplicar Anti adblock en tu Pagina Web

Para aplicar contraseña a una pagina web seguiremos los siguientes pasos...

Para aplicar contraseña a una entrada o pagina estática seguiremos los siguientes pasos...

Calculadora para una pagina web

Plantilla Modificada para hacer un biblioteca o glosario gratis para una pagina web.

Sigue los siguientes pasos para instalar la plantilla tipo Glosario.

Como visualizar formulas matemáticas en Blogger

¿Qué es LaTex?

Como Agregar Syntax Highlighter Code en Blogger

Que es Syntax Highlighter

Como funciona Syntax Highlighter

Paso a paso para agregar Syntax Highlighter

Consejos para mejorar y mantener un buen SEO