113

Emoticonos de Skipe en Blogger

Skipe es un servicio gratuito que nos posibilita el hacer llamadas, videollamadas y enviar mensajería instantánea a través de Internet y que seguro muchos de vosotros ya conocéis.

Entre otras cosas, Skipe utiliza unos emoticonos muy bonitos para comunicarnos a través de su chat, y son estos emoticonos los que en esta entrada veremos como usar en nuestro blog de Blogger.

En primer lugar vamos a ver como incluir una imagen con los emoticonos y sus símbolos sobre el formulario de comentarios, para que nuestras visitas sepan como usar cada emoticono.

[1] En nuestro panel de Blogger nos situamos en Edición HTML.

[2] Marcamos ahora la casilla de "Expandir plantillas de artilugios".

[3] Localizamos esta línea de código:

<p><data:blogCommentMessage/></p>

[4] Justo debajo, pegamos este código:

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWCfAPSAzJgEAXjJP8JQ0r9wB1dxEdUeTtXOdorImQX3w5UYy7l7ffnNpDek0xH5dszQ-H_TKoQmZC327JWkpsCJjtsApyvgJP8NCGsG3SWVMpUhMqwddBo0hcC3DnQkHOb84F1ngIPio/s800/emoticon-0100-smile.gif'/> :a

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnhw5v7qgde6u37TmODbeoXAOIVTwaLQSd0ye-BgjsXubMV3pGgvLjUR36rTmhu_hPT6tsdvtjymrrlFgOfJ-50XnaREoigd3y8gyJGjeFrHxhA2jsX6fF9na8EIEGh3ZBG3ATyj6Uog/s800/emoticon-0101-sadsmile.gif'/> :b

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic39dQ1xpvOW5enif4_yA9uZh8X5duCLP1xSzjzahyv-xl4BwRYKT4FcWh3-LWzwKXvOwizVxz-IfvdAPur_yRxIMXoeXTf00Y9STFkwfryhOxqTQH7kxLKK2V4wOwxkLb7fShJ4quC9Q/s800/emoticon-0102-bigsmile.gif'/> :c

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9smYTpFgmWGVoKfvpAyUN_cD3wWsXce0uFBueYn6OmvXM1dGqqZnkE0uqxEVSG3YO-nXQRQeVsr_Iddk5Lxx7U1JXC562Q9TBt1k_6oZX0P3Oaoliw0Jb1oVAOW-2n9MAb5UMdFuJb28/s800/emoticon-0105-wink.gif'/> :d

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg39VvMdPLJYmTjtqABVWeQnl2Yj9Sgxzk7jByCYrCtmNXU0Cj01nOp37qONdl25jPXr6SW1_7YDVn9CCB8GtoATCdl6li73bxWgX4jpB8ruOTQPWvMbRjzeecRZtCYjyRcB2OUGMo4gt0/s800/emoticon-0104-surprised.gif'/> :e

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqCsmKqNCuFLQRYWauxk7FasVdyUqdyXuOhSGFYurGJqZtuenk5TurtuFP6TPnKZ8wGJMf0JtV2aRQGDi6CVnkfMY-BBKSXr4CPRBPEFP1qDsAGxpfVQI6uskVlZDY6L3TDITiZ_VhXg/s800/emoticon-0106-crying.gif'/> :f

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUpYfvOf_uxiUHQGOZdmjBZ3G6a7qQl7PFi1gyh_53hKnicx0gioPjx5KNrrtAmUAu0GIDk9zibo7DUcUmSNNaeI2sWTSfj6hepr00an1F10X7znqXTt6J6wjQJEd_tgrMl9lvit4Pbg/s800/emoticon-0109-kiss.gif'/> :g

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMK0JMwA9yu5pFWovr1V1RFI4QC2nb8l37XwPsxQiqTE-SM_mFb5vHLarHdGU2kPw7E6HFYtXIjRIVnkEdArdE2sSG1tYyX3B_OG_sXSN55yrgFvcGtA0ORk77sVtzola7RCtE0hjvPTk/s800/emoticon-0111-blush.gif'/> :h

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb88FOTLsRLE48RIqHabxHiBdvaW-FAGDcxSgjT8EEIHiMrugd7tT2U0g4FLsTNhzva4KZNjy7cXIpAkcuFRYS1XgNoxV8EZ13jPYZPgbxULTSkLNqtwKWd27iV7DL-xZqxv8CN7NhAgc/s800/emoticon-0110-tongueout.gif'/> :i

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3ksl-_Hd-SDAvsRsw9fIuxm1_HVPilpObP0hjZH9Ytt75U2GaWRLDypIeXDijwdGLVpcMoFEBiK3U1v2wO7csiRdHZ6rbQhv_d8zWaRUnS7kqIh2kQ1iPTuPngkSHREwpJ-KgRAjqvY/s800/emoticon-0126-nerd.gif'/> :j

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPfOiPDaqH-0q6_BgZ0X6GD_rWW36RJLgLd8N-V7ORyw2QnEUvATOKzDVoFiGCd2itR0v70UzVWycDTSrU1GnwTP0ZrpBsrezq6V9tjMKg5OdzOzhD0xN76Oe4gNyt8ciUR6tX5_dKfYE/s800/emoticon-0103-cool.gif'/> :k

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_12duhfLI08ct7MiG0tJD5HNIkhDr3P8x0n7dkCN9i2o74LyMGIpa6s764RVkN99YJbrXRTfoE95LFFPSVnBunYH4j1kPfdX6Hyt_fge2dr57b-JHhX8ZbIGYw-Pce6YKWGiXLFd7y_0/s800/emoticon-0130-devil.gif'/> :l

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ_VfKB92vIxH7RN1_QkwNiPhbBOOj_3dN2ceS_uk-MGCLfO6tfHleuQHAlgQ-FaCXrep5T5n5-y8LpxHmQZLRTvjfP3Zqnl0g0e8eZfbRw3V3tZK6VbG8v7vd_C1PRoPFqP4shEaj_Dc/s800/emoticon-0133-wait.gif'/> :m

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGSgBJoBeag67uXeqO-xdKx_tWDmYJEZlo_X4HnQki4xUGvajfLBFVUX6haQa_VTLi1U-Sm1g_pU5Kw2xzOAXeZi5NZVQy0JZeE3hCt28_1KMLalT4IC8XD8avAgUjrVpuk4dPFQx5SE/s800/emoticon-0137-clapping.gif'/> :n

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvELup-KPE5-4yda5Pa_5jfT5DOp6xACs8VcKw-dc2-Un6FmwdMQjwtyzEGtZDK9kmzpPLjvcysBU9XZVVUlR9XA5fK9mqPphyphenhyphennb8V_Il6iRJvpt5fNr095S23x-YYSuk35kzNFnaOX6Y/s800/emoticon-0136-giggle.gif'/> :o

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtA5oiB3hMOm7eXavHdcur43MSb4Gy5Bngq5Cdx4u3Ja4L9nrLHSBAG0nD-38FASY0Uhw73ih0wCf7la4ZZIoL202cQ0T0AhJYg260a-_aXi4MArVryixsUMJSOALVpWDMT73WkD0HxBI/s800/emoticon-0141-whew.gif'/> :p

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyIa-bh_bu70iemz_Oxq2NVJgeeXCMFtb6aq0G24BJBS2Jyl-t6BEsvJE66iJaPw9tpkY8YfI1lSfKRolC0gwDlb5tBd9c7nw09ntX7MXZR0Vfvv9nS1JvFWeZ10HC2_-U4O5AbkDe-oU/s800/emoticon-0148-yes.gif'/> :q

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_m5ZVubW2qEwr9HNi850CpEvuCLLtRcIXSlgKZ5raXQiH2RDGqkZBIL_MW5JnXud_EF0LZXVzcV0XD6A2qsP0-5BzflmwCMA1HLWqezzxcTQiQjxQaelZAf4DtZQUscFk7LJRBt0rxI/s800/emoticon-0149-no.gif'/> :r

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8XwC0rqlX3NFfq89Lj3jyqYGb25wi5VMpdAY0f6t_QkCRebNzMCg6VT5AJdJL_H6d6zEd79raLc58SjVbBIRckbu4VL1Zqw7npHYhftg0IiYhzP-jD4MfqBevETd-S_sG7jinqW97wE/s800/emoticon-0178-rock.gif'/> :s

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFm5ekP4AumB3FDl9JXlbS0cvwU54WeKT6VK12g3VI6ldkZ9W991NzX4TBwxucL3CWs6KPGZMcgMHppYDThbrlYBDLARTKqDNAYIhuW-IjeWAiQef76AvDra5dUYUjAlORbYrr8cNS4D8/s800/emoticon-0155-flower.gif'/> :t
</div>

[5] Guardamos los cambios y ya podemos comprobar que sobre el formulario de comentarios estarán los emoticonos y sus símbolos correspondientes.

Esto solo es una imagen de ejemplo, los emoticonos se muestran realmente en movimiento


Una vez incluida la imagen con los emoticonos, vamos a ver como incluir en la plantilla el código (script) que hará posible el usar los emoticonos en los comentarios.

[5] Localizamos la etiqueta </body> en nuestra plantilla (casi al final del código de la misma) y, justo sobre ella, pegamos el script:

<script type='text/javascript'>

//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3ksl-_Hd-SDAvsRsw9fIuxm1_HVPilpObP0hjZH9Ytt75U2GaWRLDypIeXDijwdGLVpcMoFEBiK3U1v2wO7csiRdHZ6rbQhv_d8zWaRUnS7kqIh2kQ1iPTuPngkSHREwpJ-KgRAjqvY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPfOiPDaqH-0q6_BgZ0X6GD_rWW36RJLgLd8N-V7ORyw2QnEUvATOKzDVoFiGCd2itR0v70UzVWycDTSrU1GnwTP0ZrpBsrezq6V9tjMKg5OdzOzhD0xN76Oe4gNyt8ciUR6tX5_dKfYE/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_12duhfLI08ct7MiG0tJD5HNIkhDr3P8x0n7dkCN9i2o74LyMGIpa6s764RVkN99YJbrXRTfoE95LFFPSVnBunYH4j1kPfdX6Hyt_fge2dr57b-JHhX8ZbIGYw-Pce6YKWGiXLFd7y_0/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ_VfKB92vIxH7RN1_QkwNiPhbBOOj_3dN2ceS_uk-MGCLfO6tfHleuQHAlgQ-FaCXrep5T5n5-y8LpxHmQZLRTvjfP3Zqnl0g0e8eZfbRw3V3tZK6VbG8v7vd_C1PRoPFqP4shEaj_Dc/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGSgBJoBeag67uXeqO-xdKx_tWDmYJEZlo_X4HnQki4xUGvajfLBFVUX6haQa_VTLi1U-Sm1g_pU5Kw2xzOAXeZi5NZVQy0JZeE3hCt28_1KMLalT4IC8XD8avAgUjrVpuk4dPFQx5SE/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvELup-KPE5-4yda5Pa_5jfT5DOp6xACs8VcKw-dc2-Un6FmwdMQjwtyzEGtZDK9kmzpPLjvcysBU9XZVVUlR9XA5fK9mqPphyphenhyphennb8V_Il6iRJvpt5fNr095S23x-YYSuk35kzNFnaOX6Y/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtA5oiB3hMOm7eXavHdcur43MSb4Gy5Bngq5Cdx4u3Ja4L9nrLHSBAG0nD-38FASY0Uhw73ih0wCf7la4ZZIoL202cQ0T0AhJYg260a-_aXi4MArVryixsUMJSOALVpWDMT73WkD0HxBI/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyIa-bh_bu70iemz_Oxq2NVJgeeXCMFtb6aq0G24BJBS2Jyl-t6BEsvJE66iJaPw9tpkY8YfI1lSfKRolC0gwDlb5tBd9c7nw09ntX7MXZR0Vfvv9nS1JvFWeZ10HC2_-U4O5AbkDe-oU/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_m5ZVubW2qEwr9HNi850CpEvuCLLtRcIXSlgKZ5raXQiH2RDGqkZBIL_MW5JnXud_EF0LZXVzcV0XD6A2qsP0-5BzflmwCMA1HLWqezzxcTQiQjxQaelZAf4DtZQUscFk7LJRBt0rxI/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFm5ekP4AumB3FDl9JXlbS0cvwU54WeKT6VK12g3VI6ldkZ9W991NzX4TBwxucL3CWs6KPGZMcgMHppYDThbrlYBDLARTKqDNAYIhuW-IjeWAiQef76AvDra5dUYUjAlORbYrr8cNS4D8/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8XwC0rqlX3NFfq89Lj3jyqYGb25wi5VMpdAY0f6t_QkCRebNzMCg6VT5AJdJL_H6d6zEd79raLc58SjVbBIRckbu4VL1Zqw7npHYhftg0IiYhzP-jD4MfqBevETd-S_sG7jinqW97wE/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");

_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWCfAPSAzJgEAXjJP8JQ0r9wB1dxEdUeTtXOdorImQX3w5UYy7l7ffnNpDek0xH5dszQ-H_TKoQmZC327JWkpsCJjtsApyvgJP8NCGsG3SWVMpUhMqwddBo0hcC3DnQkHOb84F1ngIPio/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnhw5v7qgde6u37TmODbeoXAOIVTwaLQSd0ye-BgjsXubMV3pGgvLjUR36rTmhu_hPT6tsdvtjymrrlFgOfJ-50XnaREoigd3y8gyJGjeFrHxhA2jsX6fF9na8EIEGh3ZBG3ATyj6Uog/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic39dQ1xpvOW5enif4_yA9uZh8X5duCLP1xSzjzahyv-xl4BwRYKT4FcWh3-LWzwKXvOwizVxz-IfvdAPur_yRxIMXoeXTf00Y9STFkwfryhOxqTQH7kxLKK2V4wOwxkLb7fShJ4quC9Q/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9smYTpFgmWGVoKfvpAyUN_cD3wWsXce0uFBueYn6OmvXM1dGqqZnkE0uqxEVSG3YO-nXQRQeVsr_Iddk5Lxx7U1JXC562Q9TBt1k_6oZX0P3Oaoliw0Jb1oVAOW-2n9MAb5UMdFuJb28/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg39VvMdPLJYmTjtqABVWeQnl2Yj9Sgxzk7jByCYrCtmNXU0Cj01nOp37qONdl25jPXr6SW1_7YDVn9CCB8GtoATCdl6li73bxWgX4jpB8ruOTQPWvMbRjzeecRZtCYjyRcB2OUGMo4gt0/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqCsmKqNCuFLQRYWauxk7FasVdyUqdyXuOhSGFYurGJqZtuenk5TurtuFP6TPnKZ8wGJMf0JtV2aRQGDi6CVnkfMY-BBKSXr4CPRBPEFP1qDsAGxpfVQI6uskVlZDY6L3TDITiZ_VhXg/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUpYfvOf_uxiUHQGOZdmjBZ3G6a7qQl7PFi1gyh_53hKnicx0gioPjx5KNrrtAmUAu0GIDk9zibo7DUcUmSNNaeI2sWTSfj6hepr00an1F10X7znqXTt6J6wjQJEd_tgrMl9lvit4Pbg/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMK0JMwA9yu5pFWovr1V1RFI4QC2nb8l37XwPsxQiqTE-SM_mFb5vHLarHdGU2kPw7E6HFYtXIjRIVnkEdArdE2sSG1tYyX3B_OG_sXSN55yrgFvcGtA0ORk77sVtzola7RCtE0hjvPTk/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb88FOTLsRLE48RIqHabxHiBdvaW-FAGDcxSgjT8EEIHiMrugd7tT2U0g4FLsTNhzva4KZNjy7cXIpAkcuFRYS1XgNoxV8EZ13jPYZPgbxULTSkLNqtwKWd27iV7DL-xZqxv8CN7NhAgc/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

//]]>

</script>

[6] Guardamos cambios.

Nota:
Para cambiar el diseño del rectángulo (div) donde van incluidos los emoticonos sobre el formulario, lo haremos en la primera línea del código:

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold;'>

width: 370px; Cambiamos el ancho del recuadro.

text-align: left; Alineación, en este caso a la izquierda.

border: 2px solid #0084ce; Grosor, aspecto y color del borde.

background: #FEF9EA; Color de fondo del rectángulo-contenedor.

padding: 10px; Distancia de los emoticonos (contenido) al borde.

color:#0084ce; Color del texto (los símbolos).

font-weight:bold; Fuente en negrita.

Entradas Relacionadas:

113 comentarios:


Omar

espero que me sirva por que he probado como 10 manaras de hacerlo pero nadamas no. ya te contare GRACIAS

MamaNunes

;) mui divertido Rosa! voy insertar.
Gracias por compartir.
besos

Unknown

:)
mui bueno Rosa
se te agradece

saludos

Flinx

muy bueno rosa :D

Joan Irazu

muy bueno, hace poco instale los emoticones en mi blog pero hubo un problema, al momento de abrir una entrada a veces no aparecia la caja de comentarios, entonces le pregunte a vagabundia el ¿porque?, y me dijo cual era el problema, y publico una entrada con el problema, este script no trae el mismo problema? o tienes alguna entrada explicando el problema :D

Ahora tengo que poner la caja de comentarios abriendola en otra ventana, lo reparare en cuanto tenga tiempo ya que para mi meterme con los comentario lleva un poco de tiempo :S espero y encuentre rapido el problema :D

Walter

rositaaaaaaaaaaaa ayudaaaaaaaaaaaaaaaa urgenteeeeeeeeee cambie la plantilla pero algo anda mal pues cuando hago click en los titulos de las entradas me dirige a otro pagina...por favor ayudameeeeeeeeeeeeeeeee nose q hiceeeeeeee

Walter

mi blog es http://lasponcianas.blogspot.com

Walter

ya lo he tratado de arreglar he tenido q borrar todos los .js y poner los conocidos..de todas maneras agradeceria mucho que le des un vistazo: http://lasponcianas.blogspot.com

Walter

es hora de ir a dormir son las 3am... :s :( :((

Locura

Paso de casualidad, y tengo que darte la enhorabuena por todo esto que tienes aquí, porque es impresionante.

:)

Un saludo, Rosa.

Locura. :)

ANRAFERA

Gracias por tu buen trabajo. Feliz fin de semana. Saludos cordiales

Anónimo

Locura ¡Gracias! :D

Anónimo

WalterPor favor no utilices esto como un chat o tendré que borrar la mayoría de tus comentarios...
Supongo ya solucionaste el tema pues no veo eso que comentabas... está correcto... lo que si sale a veces es una página de publicidad que supongo salga de alguno de los contadores gratuitos.... esos contadores la incluyen todos.

Anónimo

MamaNunes Gracias!! :D

Anónimo

CHiCken Como todo lo que publico, yo misma lo he probado antes durante unos días... no he notado ningún problema adicional, aunque eso no quiere decir que dependiendo de otros añadidos y demás en cada plantilla pudiera surgir alguno... concretamente ese que dices en mi caso no ha pasado...

Unknown

Hola de nuevo Rosa,

Como te comenté la semana pasada estoy intentando cambiar la plantilla de mi blog porque me han dejado algunos comentarios de que da problemas. Mi cruz es que estoy intentando encontrar una plantilla nueva y no hay forma de dar con una que resulte tal y como aparece en las demos. Sea por un motivo o por otro siempre hay algo que no encaja: ya sea la configuración entre los post o porque no aparece el menú de la cabecera... Además siempre aparece publicidad de Google después de la primera entrada que o no soy capaz de eliminar o se me queda un espacio en blanco cuando la elimino.

Por favor, me puedes indicar alguna dirección donde pueda encontrar plantillas que no me den problemas. Hasta ahora las que he visto son de Btemplates básicamente.

Agradeceré tu ayuda porque llevo toda la semana y aún no he sido capaz de cambiar la plantilla.

Gracias infinitas,

Nicolás Mengual

Vaeneria

Gracias!!! Me quedó perfecto. Muchos saludos :)

Cinthya Castillo

Esta buenisimo Rosa, pero lo he intentado una y otra vez y no me sale .... solo salen letras.

Cocina

Rosita!!!!estoy fascinada!!con los emo!!hace tiempo que intento ponerlos,y estos estan geniales!!y lo mas importante que con tu explicacion tan tan clara!como siempre,lo he puesto en 2' minutos!!!!!1000gracias!!!
te adoro!!
BESOS!!:D
claudia M.

Play

Gracias rosa, como le hago para que el código de cada emoticon aparezca abajo de cada uno y de esta forma hacer solo dos filas de 10 emoticones cada una.

egamfer

gracias por comaprtir

Flinx

Oigan todos los que van a poner el codigo en su plantilla yo segui los pasos y no me funciono hasta que descubri el error, rosa te equivocaste donde dise Localizamos la etiqueta < /body> en nuestra plantilla (casi al final del código de la misma) y, justo sobre ella, pegamos el script /// no lo debemos de pegar justo donde esta body si antes de donde dise ciera body y ya funciona perfectamente :D

LBR-La Banda Del Rojo-LBR

:D:D buen post Rosa oye me gustaria que pusieras un post de tutorial para hacer una cuenta regresiva por ejemplo aqui:
http://www.createyourcountdown.com/
porfa!

Felipe Calvo Cepeda

Excelentes Rosita

Igual, seguiré probando con los de Vagabundia.
Oye Rosa, te felicito, no se si me di cuenta un poco tarde, pero subiste de 5 a 6 :) en aquello del PageRank.

Que bonito detalle de Google, y más para vos, porque lo mereces.
Un saludo cordial desde Bogotown, Colombia. ;)

lichazul

hice todo lo que dijiste rosa
pero no funciona

hice despues lo que dijo flinx
y tampoco resulta

:((

Anónimo

Caƒeιnomana® Pues no se que decirte... es prácticamente copiar y pegar...

Anónimo

CargohePues colocando todos los emos seguidos, es decir, eliminando los símbolos en el código y colocando al final los símbolos... eso si... calculando para que coincidan...

Anónimo

Flinx No me he equivocado para nada... el script se coloca antes o sobre </body> que es el cierre del cuerpo de la plantilla... es más, también puede usarse antes de </head> aunque retardará la carga del blog...

Anónimo

Felipe ¡Muchas gracias!! :D

Anónimo

elisa...lichazul Más yo no puedo hacer... fíjate que a casi todos les funciona... es más... debería funcionar en todos los casos...

Anónimo

NicolásPrácticamente todas las plantillas no originales de Bloggerdarán problemas... unas porque quien las diseña lo hace "a su modo" y otras porque es bien cierto que tienen errores de diseño...
No puedo indicarte ningún sitio fiable la verdad sea dicha... por eso yo siempre uso las de Blogger original y las modifico a mi manera...

Omar

Muchas gracias es el unico que me sirvio de muchisisisismos que probe,tahnks

Unknown

¡Hola Rosa! ¡Tanto tiempo! Volví después de un tiempo ausente en este "mundo" :P
Mira, he colocado una barra debajo en mi blog, me encantaria que la pruebes y me digas qué tal es.
Saludos!

RICARDO

Hola¡no es el tema pero, una pregunta ¿ Como se puede Crear resúmenes de entradas ampliables o con opcion leer mas con una imagen representativa pero en el sidebar o barra lateral ?

Paaau(:

me a encantado la entrada. yo tambien lo e puesto en mi blog

Anónimo

TRECARUNGAUn gusto volver a "verte" por aquí...
Conozco la barra, he visto que muchos la usan e incluso tengo una (sin instalar)...no tengo idea de como va en el blog exactamente, pero Malina (una amiga) tubo que retirarla ya que le daba conflicto con un script...

Anónimo

RICARDOQuizá sea algo así lo que buscas...

http://elescaparatederosa.blogspot.com/2009/03/ultimas-entradas-con-miniatura-de.html

Jair Octavio

Hola Rosita, de nuevo por aquí, te quiero preguntar una cosa:

¿Es recomendable tener iniciada (desde mi PC en casa) la sesión de Blog, desde Blogger In Draft o es mejor que este iniciada en normal?...
Y si es así, desde que pagina la inicio para que la tenga disponible…

Unknown

Yo por ahora no he tenido problemas, voy a ver que pasa...

Anónimo

© ۞Jair Octavio۞ No entendí que quieres decir... :o yo inicio sesión según me parece... unas por normal otras por Draft :S

Jair Octavio

Si, a eso me referia, si era igual de una u otra forma...

Jordi,

Hola Rosa, magnífico bloc. Yo tengo una pregunta para la que no hallo respuesta en ningún lado. Tengo un bloc también en blogspot y quisiera que mi imagen del título (en tu caso sería "el escaparate") fuera cambiando cada 10 segundos. Me podrías decir cómo se puede hacer?.
Muchas gracias por anticipado!

Anónimo

JordiHay varios sistemas y script para eso, yo el único que puedo ofrecerte es este:

http://elescaparatederosa.blogspot.com/2009/01/rotando-imagenes-en-la-cabecera.html

Unknown

hola rosa como estas.. soy anthony, el chico de venezuela con el que hablastes hace como 3 dias por facebook, espero te acuerdes de mi, publique una entrada en mi blog igual a esta, y despues que la publico veo que tu tambien la tienes publicada. .jeje que casualidad no.. justamente tambien lo vi en my blogger tricks.. espero veas mi blog... eres muy agradable cariño. chao y suerte con tu blog

jm

Mi comentario no tiene mucho que ver con esta entrada, o nada más bien, pero es que he vuelto a empezar un blog y me he alegrado de ver Rosa que sigues al pie del cañón ayudandonos con el diseño de éstos, ya me fue muy útil hace unos años tu ayuda ( como pasa el timepo..), y ahora me irá estupenda también. Saludos!

Anónimo

.::: Anthony :::. Internet está llena de casualidades...

Anónimo

jm "Que se mata" ja,ja, el tiempo pasa "que se mata"... como decimos por aquí...:D
Re-bienvenido!!

Unknown

Hola Rosa,

...y gracias por el consejo. Te hecho caso y he puesto una plantilla original blogger a la que posteriormente iré haciendo las adaptaciones que vaya necesitando. En el fondo lo más sencillo es lo más práctico.

Por cierto, ¿sabes si el problema del contador de comentarios se ha resuelto ya? Cada vez que hablo el blog aparece una cifra distinta y todas mal, muy por debajo de los que tengo.

Anónimo

Nicolás ¡Gracias a ti!... no creo se haya resuelto... a mi me pasa igual, a veces anda bien a veces no...

Unknown

claro Rosa.. de casualidades esta llena el mundo... sigue adelante nunca decaigas linda ... chao rosita

Jair Octavio

Hola Rosita, te quiero preguntar dos cosas:

1.- En el caso del blog de OLOMAN creo que usa fuente de letra comic sans SM, mi pregunta es:

¿Se puede almacenar en algun sitio o pagina web una fuente de letra, o varias y poderlas utilizar en el blog, de modo que cuando se entre al blog se mire ese tipo de letra diferente al acostumbrado?...y

2.- ¿Donde se mira para saber cuanta capacidad ó sabes de cuanta capacidad de almacenamiento se dispone para publicar en blogger?...

Esto por que luego no se si se tenga que eliminar archivos para poder subir otros y asi...

Lisandro g

estan de lujo. rosa te queremos cada dia mas... siempre tienes algo nuevo que darnos. no me canso de visitar tu escaparate.. gracias...
:)

Shoplicius

Made all the stuff, don´t work!

Unknown

Hola Rosa,

Esta tarde me he dedicado a ir cambiando algunas cosas de la plantilla. Lo he podido hacer todo menos cambiar el favicon, de hecho ha desaparecido el de Blogger. He seguido las instrucciones de la anterior vez puesto que me las había guardado pero una vez puesto los códigos delante de la cabecera y visto que no salía bien he intentado eliminarlos pero no he podido pues me indica algún error que no veo. ¿me puedes ayudar?, ¿qué he hecho mal?

Gracias.

Darkkness

Eres la caña rosa jeje, gracias.

Saludos.

Anónimo

Dr.Gerald¡Muchas gracias! El cariño es reciproco, que conste.
¡Un abrazo!

Anónimo

Shoplicius Look here:

http://www.mybloggertricks.com/2010/03/show-display-skype-emoticons-in-blogger.html

Anónimo

Nicolás Antes que nada quiero comentarte que, por favor, no acostumbres a dejar todos tus comentarios en la misma entrada... en este caso hay una etiqueta en mi blog que dice "Favicon" y es en alguna de esas entradas donde debería ir... piensa que tu pregunta y mi respuesta, podría ser de utilidad a cualquiera que busque ayuda al respecto y que seguro lo hará en una de esas entradas...
Gracias!

Veamos... veo el código para el favicon colocado después del <head> a veces ahí no resulta y hay que colocarlo antes de </head> (como ya indico en una entrada sobre esto).

Por otro lado, usas una imagen PNG de 96 x 96 pixeles, cuando el favicon ha de ser de 16 x 16 pixeles para que se muestre...

|*~Katy~*|

hola rosaa!! ahii es mi primer comentario ke dejo y entro hace meses! me encnta tu blog!!! tengo una duda... como hago para cambiar las abrebiaciones de los emoticones? es decir, por ejemplo hay ke poner :a para ke salga una carita sonriente ... como puedo hacer ke para ke en ves ke tenga ke poner :a pueda cambiarlo y hacer ke ponga =) para la carita conriente?? por fa rosa.. espero tu respuesta... mi blog es http://www.angelesymandalayos.com.ar

por favor rosaa muchas gracias y hermoso tu blog! segui asi! ;)

Anónimo

KATY La verdad que no entiendo para que tomarse tanto trabajo si la imagen va a indicar que símbolos usar :o

Se cambia en cada línea del emoticon en el script, donde dice por ejemplo _str.replace(/:i/ig," fijate que tendrías que cambiar el :i por lo que vas a usar y así en todos...

Anónimo

© ۞Jair Octavio۞No recuerdo ahora mismo la capacidad de alojamiento de Blogger, pero no creo debas preocuparte... las imágenes por ejemplo que subes a las entradas se alojan en Picassa... y siempre puedes hacer una nueva cuenta en Blogger para subir allí las cosas si una se llena...

En cuanto a la fuente, es fácil el usar una distinta, el problema es que si quien visita tu blog NO tiene esa fuente instalada en su PC no la verá... en su lugar verá una normal de las que ofrece Blogger...

Jair Octavio

Sale Rosita, pues en caso de las imágenes las puedo subir a imageshack y de ahí manejarlas mediante su código no, eso sería mejor, así me ahorraría espacio.

Con lo de las fuentes pensé que sabias de algún sitio Web o formar que me ayudara a almacenar la fuente y poder utilizarla en el blog, para que TODOS la miren, pero creo que todavía no habrá esa función, o no se je je je, bueno de todas formas gracias Rosita…

Anónimo

© ۞Jair Octavio۞ Alojar las imágenes en otro alojamiento que no sea Blogger, más si son muchas, retardará la carga del blog.

En cuanto a las fuentes, no conozco nada para hacer eso que dices, lo siento.

Jair Octavio

Órale, Pues Si, Me Ha Pasado Algo Así, De Que Cuando Carga El Blog Digamos El MENU ó Cual Sea, Algunas Imágenes No Salen Hasta Que Cargue Por Completo ó Tener Que Darle F5 Nuevamente y Se Pueda Mostrar Por Completo, En Eso Tienes Razón Ahora Comprendo Ese Hecho, Solo Que Tendré Que Reducir Las Imágenes Que Sean Grandes, Al Tamaño Apropiado Para Poder Mostrarlas Al Blog, Bueno Nuevamente Mil Gracias Rosita…

Ricardo Ruiz
Este comentario ha sido eliminado por el autor.
Unknown

Muchas gracias Rosa me ha quedado perfecto !! de dejo el enlace del blog >> http://rosamado.blogspot.com A mi me gustas mucho los emoticones de Skype, algunos que me gustan no esta puesto como "El dormilón" , ¿como hago para agregar mas emoticonos?

Muchas gracias te saluda Christian Cabrera , Buenos Aires - Argentina

BESOS ;)

Unknown

Disculpa Rosa por escribirtelo en otro comentario por otra consulta , no quiero sea como un chat mis preguntas trataré de formularlo en una sola:

Esta vez mi pregunta es la siguiente:

¿En la entradas no aparecen los emoticones? ¿como hago para que tambien aparezca en ellos?

Muchas gracias CCS

Anónimo

Ricardo Ruiz Fernandez de Alba No salen donde?... al dejar el comentario o la tabla con los emoticonos?... de todos modos, si no salen es que algo no está bien...

Anónimo

C.C.S Consigue la imagen del "dormilón", subela a un alojamiento o a Blogger... tendrás después que incluir una nueva línea de código como las que ves ahí y justo después de la última, donde incluyas la url de la imagen y la llamada al símbolo que hará que se muestre.

Para que aparezcan en las entradas, habría que modificar el script... tendría que mirarlo con calma, así de repente y sin probar antes si funciona no me gusta hacer las cosas...

De todos modos, entiende que no me es posible modificar todo lo que publico para cada persona...

Unknown

Muchas gracias Rosa tan rápida respuesta !!

Te debo una ;)

Saludos desde Buenos Aires

Unknown

Acabo de encontrar mas emoticonos para Skype le dejo el enlace: http://factoryjoe.com/projects/emoticons/ saludos

PD incluye los emoticonos secretos de Skype

Anónimo

C.C.S ¡Gracias! :D

Stella

Lo puse en tooodos mis blogs, y quedó precioso!
Gracias!!!

Rodry. D

muchas gracias rosa. Al igual que Omar, intente varios, y este solo me resulto agradable.
saludos!

FAR Ministerios

Rosa lo puse pero no me funciona no se que hice mal, pero cuando dejan los comentarios los inconos no lo reconoce http://fulladven.blogspot.com/

Anónimo

MFullAdventista Es copiar y pegar, no creo que hayas hecho algo mal... quizá otro script en tu blog o algo así que impide funcione... no se.

|*~Katy~*|

ahii muchas graciaas rosaaa!!! perdon por responder tarde.... muchas graciaas :)

|*~Katy~*|

hermosoo tu blooog ♥♥

.

Muy bueno, tanto tiempo y no encontraba ninguno que sirviera esta va de PM

Lo mejor es sustituir spot por un smilie de spam, asi si alguien quiere hacer spam de su blog no puede :)

Tengo varios dominios comprados de blogger para webs de noticias y esto es como un regalo contra los spamers :p

Muchas gracias wapa ;)

Arepita

perfecto rosa no se si te acueldas que luche mucho para conseguir poner los emoticones en los comentarios, pues ya esta lo eh conseguido con estos de skype gracias =)

Arepita

pero como puedo conseguir cambiar los balores por ejemplo si una carita tiene k salga con ":a" pues y quiero cambiarla a que salga con ":)" como conseguir cambiar eso ??

Anónimo

Arepa Eso lo haces en el script... solo has de fijarte un poco para entender donde cambiar... veras :o por ejemplo, ahi lo cambias fijándote a que emo corresponde por lo que vas a usar... hazlo antes en uno solo por ejemplo, para probar.

Unknown

Hola Rosa

A parte del tema de arriba,

¿Cómo podría hacer que el link que pone página principal de este blog ( http://faviconera-elartedelafotografia.blogspot.com ) lleve a otro blog?

Gracias :)

Anónimo

JavierlotaEse link que dices es uno de los enlaces de navegación, la verdad que os complicáis la vida innecesariamente... lo más lógico sería usar un enlace añadido de forma manual con la url que quieres...

Ese enlace que quieres modificar en la plantilla será algo así: <a class='home-link' expr:href='data:blog.homepageUrl' title='Página principal'> tienes que cambiar eso por el a href normal apuntando a la url que quieres.

Unknown

Gracias rosa,

Ya está, sé que era complicarse la vida pero por motivos que no vienen a cuento tenía que ser así.

PD: Gracias por tu rapidez para contestar.

Kristnel

Me funciona a la maravilla, Rosa, gracias, eres una genia.... :)

馬丁

Hola rosa que tal muy bueno el posteo ya lo probé en mi blog y quedo realmente hermoso pero no lo dejé porque al probar los íconos me dí con que me aparecen unos íconos que teni antes instalados, el tema es que ya no recuerdo como fue que los instalé y como los habia puesto porque fue hace tanto que lamentablemente lo olvide pero son unos 6 íconos del mísmo tipo que lleva el escaparate, por lo tanto quisiera pedirte si podrias ayudarme a quitarlos por favor asi coloco estos que posteastes que son muy buenos.
Desde ya muchísimas gracias :D

Anónimo

馬丁Pues deberías localizar la entrada y deshacer los pasos que hiciste para colocarlos.

Cotones K-tones

:(( no puedo colocarlo aki
tampoco en mi blog
hize todo como decia
hasta esta la caja
los emoticos con movimiento
pero no los puedo colocar :((
que habre hecho mal?

Cotones K-tones

:D
:D
GRACIAS ¡¡¡¡¡¡¡¡¡¡ YA FUNCIONA ¡¡¡
MUAKKKKKK

sunny

mil gracias rosa yo voy iniciando en mi blog je y me gusto la idea ya lo puse :) pero esto no afecta en nuestra plantilla o en algo? :0

Anónimo

sunny En nada, no.

☪ ATH∑N∑A ✩

Hola! Rosa! una pregunta.. estos mismos emoticonos, los puedo usar al crear entradas? Bueno, saludillos!

Anónimo

Athenea Estos no, pero si los de Yahoo:
http://elescaparatederosa.blogspot.com/2009/01/anadir-emoticonos-de-yahoo-blogger.html

Redacción

:) esta excelente este post, muy buena ayuda :D

Diseñofílica

Hola, una pregunta:

¿Es posible cambiar las letras que se van a sustituir? Por ejemplo, usar ":)" en lugar de ":a".

Espero tu respuesta :P.

Anónimo

M A M B A Para eso hay que modificar en el script cada línea de emoticón.

Diseñofílica

Ya resolví el problema. Mi fallo era que para que poder utilizar signos como ) ó $ necesitaba agregarles \ :p.

Boku

en mi blog no salen los iconitos

Anónimo

mrh3riberto Es tan simple casi como copiar y pegar en el lugar correcto...

馬丁

Hola Rosa ya los instalé muchísimas gracias por este gran aporte, sólo quisiera saber como hacer para modificar algunos iconos (no todos) y cambiarlos por otros ya que hay muchos íconos nuevos que han salido y me interesan colocarlos en lugar de otros. ¿Me podrías indicar cómo?

Anónimo

馬丁 No es muy difícil darse cuenta si te fijas en el script, ahí cada url de imagen corresponde a uno de los emos y justo delante de esa url está el símbolo por el que se cambian al escribir, una vez localizada la url del emo a sustituir, pues la cambias por la del que vayas a utilizar en su lugar.

Unknown

Es tan facil cuando lo explicas, ya lo hice en mi blog :D, pero me doy cuenta que no es el mismo que tu utilizas

Anónimo

Sergio Prácticamente viene a ser el mismo, solo que yo utilizo emoticones distintos en el script.

bettyboopz

Hola rosa me podrias ayudar a hacer mi menu como el tuyo es que mi plantilla no tiene muchas cosas que dices que busque, aun teniendola espandida :(( por eso pido tu ayuda ya que tampoco el formulario de los comentario e podido enumerarlos como aqui.
Tengo la plantilla minima de Douglas Bowman, mi blog es este: bettyboopz.blogspot.com

Gracias que lo poco que tengo mejorado en mi blog es gracias a ti, espero respuesta y mil gracias de corazón. :)

Anónimo

bettyboopz Todas mis explicaciones son basadas en la plantilla Mínima precisamente, que además es lo que yo uso en mi blog... más fácil que encuentres todo imposible... esfuérzate un poco más en seguir las instrucciones.

ANTOCATEL

Gracias Rosa :). Me sirvió para animar el blog ^-^

bettyboopz

Hola rosa, se ven los iconos, pero a la hora de aparecer en el comentario no se ve la imagen, solo se ve el simbolo :(( :(( :((

Hice exactamente lo que dices, me podrias ayudar a que se visualicen mis iconos por favor.

Muchas gracias X todo.

Anónimo

bettyboopz Y mi ayuda es la que doy en la entrada... probada y recomprobada que funciona si todo se sigue al pie de la letra...

Zenix

Hola, quisiera saber que pasa si cambio las imágenes por otras, de echo lo hice pero no me funciono, revise bien el código y no hay errores de sintaxis, entonces porque no sirve? :(

Anónimo

Zenix Las imágenes has de cambiarse en el script y en el código, sino no sirve de nada...

Biastai

gracias Rosa !
muy hermosos!
directo al blog :)
creo que tambien me llevare los emoticonos en una linea para el blog jeje
graciotaz!

Sergio Medina

me funciono de maravilla Gracias por tan excelente Post :) continua asi Feliz Navidad

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S