PENSAMIENTOS DE HUGO

Quieres ver los últimos comentarios realizados por tus lectores en el Blog ?. Bueno el procedimiento es bastante sencillo.

Ingresas a Elementos de Página - Añadir un elemento de Página - Feed - Añadir al Blog y copias el siguiente código:

http://nombre de tu blog.blogspot.com/feeds/comments/default

Solo cambia donde está en ROJO la dirección de tu Blog, guardas los cambios … y listo. También puedes seleccionar la cantidad de comentarios para mostrar (entre 1 y 5) y si quieres ver la fecha y los autores de los mismos.

Además gracias a Trucos para Blogger podemos configurar la cantidad de comentarios a ver ( + de 5) y la cantidad de letras que queremos divisar.

En primer lugar nos dirigimos a Plantilla - Edición HTML , buscamos y justamente antes de eso colocamos

</p> <p><script src='http://leonelhack.googlepages.com/leonelhack.js' type='text/javascript'></script><br />
A continuación ingresamos a Plantilla - Elementos de página - Añadir un elemento de página - HTML/Javascript - Añadir al Blog y ponemos lo siguiente:
</p> <p><script language="javascript"><br /> var numcomments = 10;<br /> var numchars = 45;<br /> </script><br /> <script src="http://nombre de tu blog.blogspot.com/feeds/comments/default?<br /> alt=json-in-script&callback=commentDisplay"></script><br />

Nuevamente la parte del código que está en NEGRILLAS es lo que puedes configurar. El 10 indica la cantidad de comentarios que se visualizaran y 45 la cantidad de letras para mostrar. Por supuesto modificas el nombre del Blog por el tuyo y tendrás tus comentarios recientes personalizables.

visto en noticias-blogs

Bien, la solución pasa por hacer un pequeño retoque en el código Adsense, estarás pensando, pero eso está prohibido! En Blogcrowds se han encargado de realizar las gestiones oportunidades para conocer la opinión de Google Adsense al respecto y parece que esta modificación cumple las condiciones del programa, al no alterar de forma alguna el formato, la fuente o tratar de ocultar el “Anuncios Google”.

Pero si lo vemos con un ejemplo seguro que entiendes mejor por qué:

Éste es el código que nos proporcionan:

</p> <p><script type="text/javascript">< !–<br /> google_ad_client = "pub-XXXXXXXXXXXXXXX";<br /> google_ad_width = 336;<br /> google_ad_height = 280;<br /> google_ad_format = "336×280_as";<br /> google_ad_type = "text_image";<br /> google_ad_channel = "";<br /> google_color_border = "FFFFFF";<br /> google_color_bg = "FFFFFF";<br /> google_color_link = "000000";<br /> google_color_text = "000000";<br /> google_color_url = "000000";<br /> //–></script><br /> <script type="text/javascript"<br /> src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /> </script> </p> <p>

No obstante debemos transformarlo a lo siguiente para que Blogger lo acepte, es decir, cambiar los símbolos “<>” por su entidad HTML “< > ” y con las comillas igual. Puedes hacerlo manualmente, no obstante en Blogcrowds han desarrollado un sistema que lo hace por tí.

<br /> <script type="text/javascript"><!–<br /> google_ad_client = "pub-XXXXXXXXXXXXXXX";<br /> google_ad_width = 336;<br /> google_ad_height = 280;<br /> google_ad_format = "336×280_as";<br /> google_ad_type = "text_image";<br /> google_ad_channel = "";<br /> google_color_border = "FFFFFF";<br /> google_color_bg = "FFFFFF";<br /> google_color_link = "000000";<br /> google_color_text = "000000";<br /> google_color_url = "000000";<br /> //–></script><br /> <script type="text/javascript"<br /> src="http://pagead2.googlesyndication.com/pagead/show_ads.js"<br /> ><br /> </script> </p> <p>

Eso es todo, cuando accedas a tu blog, los bloques de anuncios se mostrarán donde tu quieras. No obstante, por si no sabes bien donde colocarlos vamos a ver una serie de ejemplos:

En primer lugar debes acceder a la edición de tu plantilla del blog. “Plantilla -> Edición HTML” y recuerda activar “Expandir plantilla de artilugios”

1) Al lado del post

Si te has fijado en este blog hay un bloque de anuncios pequeño al empezar el post en su lado derecho, sería el equivalente a lo que vamos a hacer ahora, ¿cómo colocas un bloque igual?

</p> <div style="float:left;"> < !–el código creado de Adsense–> </div> <div class=’post-body’> <p><data :post.body/></p> <div style=’clear: both;’/> < !– clear for photos floats –> </div> <p>

2) Después del post antes de los créditos.

Es decir, entre el final del artículo y el “Publicado por…”, “Comentarios”

</p> <div class=’post-body’> <p><data :post.body/></p> <div style=’clear: both;’/> < !– clear for photos floats –> </div> <div> < !–el código creado de Adsense–> </div> <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> <span class=’post-author’><br /> <b :if cond=’data:top.showAuthor’><br /> <data :top.authorLabel/> <data :post.author/> </p> <p></b></span></p> </div>

3) Después de los créditos
</p> <p class=’post-footer-line post-footer-line-3′/> <div> < !–el código creado de Adsense–> </div> <p>

Si surge algún error comprueba que has copiado y pegado todo correctamente, por lo demás, es así de sencillo!

Visto en Blogmundi

Buscamos la etiqueta
/head></p> <p>
y sobre ella pegamos el siguiente código:

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' /></p> <p>

Luego debemos reconocer las siguientes líneas de código:

</p> <div class='post-body'> <p><data :post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <p>

Y agregar a estas líneas a los trozos de código y tiene que quedar asi:

</p> <div class='post-body' expr:id='"post-" + data:post.id' > <b :if cond='data:blog.pageType == "item"'> <style>#fullpost{display:inline;}</style> <p><data :post.body/></p> <b :else/> <style>#fullpost{display:none;}</style><br /> </b></div>

Luego debajo de esta linea:

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

Copiamos este codigo

<br /> span id=’showlink’> <a expr:href='data:post.url'>Read More……</a> <script type='text/javascript'> checkFull(”post-” + “<data :post.id/>“); </script><br />

Al final todo tendra que quedar asi:

</p> <div class='post-body' expr:id='"post-" + data:post.id' > <b :if cond='data:blog.pageType == "item"'> <style>#fullpost{display:inline;}</style> <p><data :post.body/></p> <b :else/> <style>#fullpost{display:none;}</style> <p><data :post.body/></p> <span id='showlink'> <a expr:href='data:post.url'>Read More……</a> </span> <script type='text/javascript'> checkFull(”post-” + “<data :post.id/>“); </script> </b><br /> <div style='clear: both;'/> <!-- clear for photos floats --> </div>

Finalmente Dependiendo si queremos acortar o no un Post, debemos agregar las siguientes líneas de código en cada post que necesitemos acortar

(<span id="fullpost"> y </span>):<br />

ESTE ES UN EJEMPLO DE COMO QUEDARÍA NUESTRO POST ACORTADO:

Esta es la parte del post que se ve, osea el pequeño sumario o resumen.<br /> <span id="fullpost"><br /> Aqui entre estas etiquetas debe ir la otra parte del post que es lo que no se ve desplegado.<br /> </span></p> <p>

Mas referencias en AYUDA PARA TU BLOG EL NUEVO BLOGGER