lunes, 27 de febrero de 2012

Como colocar Emoticones para los Comentarios Anidados en Blogger


Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F" 


Aprenderemos a colocar los famosos emoticones que tanto nos gustan, pero esta ves sera en los comentarios animados de blogger


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.Puedes ver los emoticones funcionando en el siguiente blog.

vía: mil trucos blogger

Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...