Agregar emoticones en los comentarios anidados de blogger

Anteriormente les habia mostrado en una entrada como añadir los emoticones,caritas a los comentarios de blogger en ese entonces blogger no habia cambiado lo que es el nuevo sistema de comentarios ( anidados o con replis), por lo que ese codigo no funciona actualmente en este nuevo sistema ,en  muchas plantillas ya se encuentra añadido los nuevos comentarios pero en otras no, para el que no lo tiene lo puede activar y para el que lo tiene entonces puede añadir estos emoticones que les boy a brindar en el dia de hoy gracias a Kang Ismet que hiso posible el funcionamiento de estas caritas en los comentarios anidados de blogger que a muchos les gusta  ya que es un forma de expresarse.

Blogger a veces nos pone muchas travas y nos dificulta las cosas a la hora de añadir algun codigo a nuestra plantilla ,por lo que uno se rompe la cabeza buscando alguna solucion a esas travas en este caso ya tenemos el codigo, scripts y el css solo nos falta añadirlo a nuestra plantilla que he ahí lo primero ,cuando blogger cambio los comentarios anteriores a los nuevos en este caso los comentarios anidados dificulto esa sona por lo que ahora es bien dificíl de añadir esas caritas encima de donde se escriben los comentarios por lo que hay que buscarle una nueva posicion .

En mi caso ya no di con la solucion y contacte a JMiur del cual he aprendido muchas cosas por su inteligencia y sabiduria y me recomendo que lo añadiera debajo de la barra de navegacion que estas dicen hacia adelante ,home y siguiente que se encuentra justo antes del includable de los comentarios y ahi no presenta ninguna dificulta para agregarla .

Para eso nos dirigimos a nuestra plantilla y marcamos Expandir plantillas de artilugios ,para una busqueda mas rapida  en nuestra plantilla presionen en su teclado Ctrl+F y colocamos el codigo a buscar .en este caso vamos a buscar :

]]></b:skin>

 Y justo encima colocamos el siguiente codigo que seria el css:

<!-- emoticones  Start-->
.emoticones22 {
    background: none repeat scroll 0 0 # !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.Ttemoti {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!--  emoticones Code End-->

Ahora buscamos lo siguiente :

</body>

 Y justo antes colocamos el siguiente codigo :

<!-- Emoticones -->
<script src='http://img79.xooimage.com/files/0/4/8/tubetrucos.comemoticones-35e3e72.js' type='text/javascript'/>

Y por ultimo buscamos <b:include name='nextprev'/> pueden encontrar mas de uno pero lo colocan justo despues del primero que les va a aparecer.

Van a encontrar algo como así :

<b:include name='nextprev'/>

</b:if>
 Aquí pondrian el  siguiente codigo
</b:includable>

<!--   emoticones  tubetrucos.com Star-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#; border:none; width:100%; padding:2px; height:100px; '>
<div class='emoticones22'>
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='Ttemoti' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
</div></div></b:if>
<!--  emoticones  tubetrucos.com End-->

 Tambien puedes poner este codigo despues de <div class='post-footer-line post-footer-line-3'/>


Una ves hecho los tres pasos correspondiente guardamos la plantilla y nos dirigimos a una entrada para verificar que todo este bien, ya cuentan con emoticones en los comentarios anidados de blogger .

Tweet

Compartir esta entrada :

Quizás también le interese:

Sí disfrutas de estas entradas solo has click aquí, o suscribete para recibir mas entradas como estas.

Subscribirse por RSS Feed

Su informacion nunca sera compartida.