jueves, 1 de marzo de 2012

Emoticones para los Comentarios Anidados en Blogger

Con los nuevos comentarios anidados en Blogger todos los trucos para emoticones dejaron de funcionar y tras recibir varios pedidos entre ellos el de May para que hiciese unos emoticones que fueran compatibles con los comentarios anidados me decidi hacerlos y hoy se los presento.


A continuacion les muestro los emoticones incluidos.


Para agregar estos emoticones ve a la Edicion HTML de tu blog y con los artilugios expandidos pega ante de </body> lo siguiente:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/emoticonesblogger.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

Ahora busca la siguiente linea:
 <div class='post-footer-line post-footer-line-3'/>

Y debajo de ella agrega lo siguiente:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><input onclick='if(this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;){this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;;this.value = &apos;Ocultar Contenido&apos;;}else{this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.value = &apos;Mostrar Emoticones&apos;;}' type='button' value='Mostrar Emoticones'/><div style='display: none;'><div class='comment-content' id='bc_0_1MC'>
<img src='http://static.mobile9.com/bbcode/smileys/smile.gif'/> :)<br/> <img src='http://static.mobile9.com/bbcode/smileys/tongue.gif'/> X(<br/> <img src='http://static.mobile9.com/bbcode/smileys/wink.gif'/> :cool:<br/> <img src='http://static.mobile9.com/bbcode/smileys/laugh.gif'/> :cry:<br/><img src='http://static.mobile9.com/bbcode/smileys/frown.gif'/>  :blaf:<br/> <img src='http://static.mobile9.com/bbcode/smileys/thumbup.gif'/> :winky:<br/> <img src='http://static.mobile9.com/bbcode/smileys/blush.gif'/> :noo:<br/> <img src='http://static.mobile9.com/bbcode/smileys/byebye.gif'/> :twisted:<br/> <img src='http://static.mobile9.com/bbcode/smileys/clapping.gif'/>:D<br/> <img src='http://static.mobile9.com/bbcode/smileys/wow.gif'/> :oops:<br/> <img src='http://static.mobile9.com/bbcode/smileys/help.gif'/> :?<br/> <img src='http://static.mobile9.com/bbcode/smileys/devil.gif'/> :f:<br/> <img src='http://static.mobile9.com/bbcode/smileys/wub.gif'/> :alaba:<br/> <img src='http://static.mobile9.com/bbcode/smileys/cry.gif'/>:lpmqtp:<br/> <img src='http://static.mobile9.com/bbcode/smileys/thumbdown.gif'/> :idiot:</div>
</div></div></b:if>

Por ultimo guardas los cambios,con el ultimo paso estamos agregando los codigos para que las personas sepan que codigo pertenece a que emoticon.
Related Posts Plugin for WordPress, Blogger...