ir arriba

13 abril 2007

Leer más en el blogger beta

A petición de Diego os explicaré de una forma sencilla como poner LEER MÁS en la plantilla del blogger beta...vamos allá.

Primero de todo guardar la plantilla HTML antes de modificar algo, el sitio mejor es en bloc de notas, cada vez que quieras modificar guarda la plantilla , así nos evitaremos disgustos.


1.) clicamos plantilla...
2.) seguido de edición de HTML...
3.) busca </head> está casi al final de la plantilla.
4.) pega el código que muestro a continuacón, arriba del </head>


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


debe quedar así: en medio del </head> y ]]></b:skin>

]]></b:skin>
<script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'/>
</head>

Nota: si tenéis otro código en medio del </head> y ]]></b:skin> , no pasa nada, lo importante que esté encima del </head>

5.) guardar plantilla.
6.) ahora clicamos a expandir plantillas de artilugios .



7.) Una vez expandido la plantilla busca el siguiente código que está más o menos en el centro de la plantilla HTML...

<b:includable id='post' var='post'>

8.) Una vez lo hayas localizado quitáis el siguiente código:


<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



.... y lo reemplazáis por el siguiente código:


<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>LEER MÁS</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CERRAR NOTA</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/
> <!-- clear for photos floats -->
</div>



lo que está en azul ( LEER MÁS )podéis poner lo que queráis, si queréis insertar imagen debéis poner <img src=" aquí la url de la imagen "> y quedaría así....

expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'><img src=" aquí la url de la imagen ">
</a></p>


...ahora le damos a vista previa y observaremos si falla algo, si todo t ha salido bien le dáis guardar cambios, cierras expandir plantillas de artilugios.... y guardas cambios otra vez, con esto ya tienes LEER MÁS en tu blog.

9.) Ahora nos vamos a opciones + formato...



...abajo de formato en ( plantilla de entrada ) ingresamos lo siguiente:


aquí el texto
<span id="fullpost">
aquí el texto
</span>




por último guardáis valores. ..con esto lo que hacemos es que cada vez que editamos en crear entradas no saldrá el código, así nos olvidamos en insertarlo cada vez que editamos, si queréis que no salga el LEER MÁS lo borráis en crear entradas y listo.. podréis editar un post sin ningún probrema...


Lo que esta encima de <span id="fullpost"> estará el texto que se verá al publicar el post y abajo estará el texto escondido que se abrirá al clicar LEER MÁS... me explico..no !!!

Ahora queda provar, hacéis un post de prueva si todo ha salido bien...esperemos que sí...sí tenéis alguna duda aquí estaré para solucionarlo...
Saludos y buen fin de semana a todos..que os divertáis

14 comentarios:

Diego dijo...

Muchísimas gracias ;)

marian dijo...

Que guay,muchas gracias por fin lo he conseguido poner en mi blog que me hacia mucha falta por las entradas largas.Os dejo mi pagina por si quereis visitarla un saludo.
http://todoloencuentroaki.blogspot.com

Andres dijo...

hola, me gustaria invitarte a mi blog, ya que tengo algunos problemas con el leer mas, sigo los pasos al pie de la letra pero no condigo nada, y tambien me gustaria que me explicara el truco que cudando doy click en tus tabs el scroll se mueve, gracias de antemano

Js! dijo...

No pueeedo! No puedo!
Cuando lo hago y le doy vista previa se me repiite el Post! Queda muii feo :S No Puedo!

Ayuda para blogger dijo...

Muy bueno, creo que es la mejor manera de hacerlo y la que explico yo también en mi blog.

Lain dijo...

Men!!! te vas a ir al cielo llevo ya casi un mes intentando meter leer mas y nada funcionaba...

MUCHAS GRACIAS!!

http://selain.blogspot.com

Anónimo dijo...

miley cyrus nude [url=http://www.ipetitions.com/petition/mileycyrus]miley cyrus nude[/url] paris hilton nude [url=http://www.ipetitions.com/petition/parishilt]paris hilton nude[/url] kim kardashian nude [url=http://www.ipetitions.com/petition/kimkardashian45]kim kardashian nude[/url] kim kardashian nude [url=http://www.ipetitions.com/petition/celebst]kim kardashian nude[/url]

Anónimo dijo...

[B]NZBsRus.com[/B]
Forget Crawling Downloads Using NZB Downloads You Can Quickly Search HD Movies, Games, Music, Applications and Download Them @ Fast Rates

[URL=http://www.nzbsrus.com][B]Usenet[/B][/URL]

Anónimo dijo...

Delivery Our Negligible Prices at www.Pharmashack.com, The Ruler [b][url=http://www.pharmashack.com]Online Dispensary [/url][/b] To [url=http://www.pharmashack.com]Buy Viagra[/url] Online ! You Can also Take an eye to granted Saturnine Deals When You [url=http://www.pharmashack.com/en/item/cialis.html]Buy Cialis[/url] and When You You [url=http://www.pharmashack.com/en/item/levitra.html]Buy Levitra[/url] Online. We Also Suppress a Mammoth Generic [url=http://www.pharmashack.com/en/item/phentermine.html]Phentermine[/url] In compensation Your Victuals ! We Hawk Maker superstar [url=http://www.pharmashack.com/en/item/viagra.html]Viagra[/url] and Also [url=http://www.pharmashack.com/en/item/generic_viagra.html]Generic Viagra[/url] !

Anónimo dijo...

Tempt casinos? catechize this environmental [url=http://www.realcazinoz.com]casino[/url] instruction and tergiversate online casino games like slots, blackjack, roulette, baccarat and more at www.realcazinoz.com .
you can also make up finished our untrained [url=http://freecasinogames2010.webs.com]casino[/url] care for at http://freecasinogames2010.webs.com and requite in protrusive spondulix !
another resourceful [url=http://www.ttittancasino.com]casino spiele[/url] array is www.ttittancasino.com , because german gamblers, quit upon whilom unrestrained online casino bonus.

Anónimo dijo...

after extinguished this gratis [url=http://www.casinoapart.com]casino[/url] recompense at the greatest [url=http://www.casinoapart.com]online casino[/url] criterion with 10's of redone [url=http://www.casinoapart.com]online casinos[/url]. brown-nose a encounter with [url=http://www.casinoapart.com/articles/play-roulette.html]roulette[/url], [url=http://www.casinoapart.com/articles/play-slots.html]slots[/url] and [url=http://www.casinoapart.com/articles/play-baccarat.html]baccarat[/url] at this [url=http://www.casinoapart.com/articles/no-deposit-casinos.html]no drop missing of casino[/url] , www.casinoapart.com
the finest [url=http://de.casinoapart.com]casino[/url] against UK, german and all extraordinary the world. so after the lid [url=http://es.casinoapart.com]casino en linea[/url] baulk us now.

Elena Buendía dijo...

Muchísimas gracias por tu ayuda!!!
Llevo días probando diferentes códigos y al fín éste me ha funcionado.

Podéis ver como ha quedado en mi Blog:
http://misaladelecturayescritura.blogspot.com/

Saludos!

Anónimo dijo...

[url=http://www.onlinecasinos.gd]Online casinos[/url], also known as superior casinos or Internet casinos, are online versions of traditional ("buddy and mortar") casinos. Online casinos franchise gamblers to filch up and wager on casino games line the Internet.
Online casinos typically hide up up respecting get odds and payback percentages that are comparable to land-based casinos. Some online casinos government higher payback percentages with a clear-headedness downheartedness gismo games, and some lease out something be known payout consequence profit audits on their websites. Assuming that the online casino is using an correctly programmed unsystematic epitomize up generator, proffer games like blackjack enquire of as an established keep edge. The payout interest to notwithstanding these games are established nigh unto to the rules of the game.
Multitudinous online casinos sublease or control their software from companies like Microgaming, Realtime Gaming, Playtech, Supranational Gambado Technology and CryptoLogic Inc.

Anónimo dijo...

[url=http://www.onlinecasinos.gd]Online casinos[/url], also known as impressive casinos or Internet casinos, are online versions of regular ("hunk and mortar") casinos. Online casinos sanction gamblers to heighten affair in and wager on casino games downright the Internet.
Online casinos superficially sailboat odds and payback percentages that are comparable to land-based casinos. Some online casinos contend higher payback percentages acceptable performance gismo games, and some bruit down payout congruity audits on their websites. Assuming that the online casino is using an correctly programmed unsystematic scads generator, eatables games like blackjack coveted an established billet edge. The payout grain stalk of these games are established at closer the rules of the game.
Innumerable online casinos agreement into the unsealed or discern their software from companies like Microgaming, Realtime Gaming, Playtech, Supranational Imposture Technology and CryptoLogic Inc.

© josscat.blogspot.com 2007