Emoticones animados para tus comentarios

Buscando emoticones para mi blog y al no haber encontrado a mi gusto me tome el tiempo de hacer los mios, y en esta oportunidad comparto mis resultados:

Para implementarlo en tu blog sigue estos pasos:

PASO 1: Vamos a Diseño,Edición de HTML, marcamos la casilla Expandir plantillas de artilugios y buscamos la etiqueta </head> y sobre ella pegamos el siguiente script:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function emoticonComentario(emoticon) {
if(!document.getElementById) {return;}
bodyText = document.getElementById(emoticon);
cambiarLetra = bodyText.innerHTML;

// :)
cambiarLetra = cambiarLetra.replace(/:\)/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/46.gif" />');

// :(
cambiarLetra = cambiarLetra.replace(/:\(/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/49.gif" />');

// ;)
cambiarLetra = cambiarLetra.replace(/;\)/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/34.gif" />');

// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/48.gif" />');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/3.gif" />');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/11.gif" />');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/25.gif" />');

// X(
cambiarLetra = cambiarLetra.replace(/X\(/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/9.gif" />');

// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/44.gif" />');

// 8)
cambiarLetra = cambiarLetra.replace(/8\)/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/40.gif" />');

// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/29.gif" />');

// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/6.gif" />');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/35.gif" />');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'<img src="https://4672811658048357345-a-1802744773732722657-s-sites.googlegroups.com/site/coquitoblogger/33.gif" />');

bodyText.innerHTML = cambiarLetra;
}
//]]>
</script>
</b:if>

PASO 2:  Buscamos lo siguiente:

<p>
<data:comment.body/>
</p>

PASO 3: Una vez encontrado los códigos lo eliminamos y los remplazamos por los siguientes códigos:

<p expr:id='"combody-" + data:comment.anchorName'><data:comment.body/></p>
<script type='text/javascript'>
emoticon = "combody-" + "<data:comment.anchorName/>";
emoticonComentario(emoticon);
</script>

PASO 4: Buscamos esta linea de códigos:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Si encontramos de una utilizamos el segundo y después de ella pegamos lo siguiente:

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcZt6c7NDsJYms8gbz0_8ht67-0O1e9WpLSkp1lWWtt5NQlTAoV8PXiRT6hOfW5ZZSdr7x4aMZG3h1vnqf-674lTHRUtE92gd88J0He-gTHUHLVbT-UHd34fmgsjALMqQOi5_uSHSylQ/s1600/EmoticonesCoquito.PNG" />

Una vez realizado todos los pasos, guardamos plantilla y visualisamos los resultados.

Eliminar la numeración en las Etiquetas

Alguna vez nos topamos con este problema, desmarcamos la opción Mostrar cantidad de entradas por etiqueta y aun así nos sigue apareciendo la numeración, me tome el tiempo de buscar una solución y esta fue la siguiente:

Nos ubicamos en Diseño>Edición de HTML y activamos la opción Expandir plantillas de artilugios, tecleamos Ctrl+F y buscamos la siguiente linea:

(<data:label.count/>)

Una vez encontrado esta linea la eliminamos, guardamos plantilla y veremos que ya no tendremos ese problema.

Buscador Interno estilo Google

En esta oportunidad comparto con ustedes un buscador interno para el blog al estilo de Google, jugando un poco con los estilos css, el resultado es el de la imagen, espero que les guste.

Si te gusto este Buscador, lo puedes usar en tu blog de la siguiente manera.

1.- Vamos a Diseño>Edición de HTML tecleamos Ctrl+F y buscamos ]]></b:skin> y sobre ella pegamos lo siguiente:

/* Boton y borde del buscador */
#search-btn {
width:70px;
height: 31px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJyy8cj4e66ZI1KCbjcytfV3pUR9hIQWzVndEl1cwVuoe2cQZXx1K07V23m7bpmbjzV3blpZgJ8I9ixO0nZmwlwPzGpCz0J6bMsBMXNg1sOD60Par-AAgPifueqVbo7TvfKiGewI6ZHQ/s1600/ico-search.png) no-repeat #4d90fe center;
font-size:0;
padding: 1px;
margin: 0px 0px 0px 12px;
border: 1px solid #3079ED;
}

#search-box {
float:left;
width:300px;
height:27px;
line-height:27px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
}
/* Fin del codigo */

2.- Guardamos plantilla, nos vamos a Diseño>Añadir un Gadget>HTML/Javascript y allí pegamos el siguiente código:

<form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value=''/></form>

Con width:300px; puedes ajustar el ancho del buscador de acuerdo a tu blog, si seguiste bien los pasos el resultado sera como la imagen, Suerte!