miercuri, 22 iulie 2009

Instaleaza Read more automat, cu poza, pe Blogger

Daca sunteti un blogger care scrie articole lungi atunci cu siguranta v-ati dori ca posturile care apar pe prima pagina a blogului sa fie prezentate doar sub forma unui sumar de cateva randuri lungime si cu un link spre articolul integral.
 Dupa cum stiti, pe Wordpress exista aceasta posibilitate, insa Blogger nu s-a ocupat deocamdata de aceasta optiune. Si daca va intereseaza asa ceva si ati cautat deja un truc care sa faca posibil lucrul acesta si pe Blogger, ati vazut cu siguranta ca sunt prezentate o gramada de astfel de trucuri pe internet. Unul mai diferit decat altul.



Tot cautand si eu, am gasit un truc care poate face asta, dar fara sa fie nevoie de interventia voastra. Si in plus pe langa faptul ca scurteaza postarea automat, tot automat creaza si o imagine mai mica din poza pe care o gaseste in articol (thumbnails). Acest truc consta in folosirea unui Javascript si in modificarea catorva elemente in modul defaul de afisare a postului pe Blogger.

Scriptul este foarte usor de personalizat dupa nevoile si dorinta noastra. El va da posibilitatea sa modificati numarul de caractere care sa apara in sumar si puteti modifica si dimensiunile imaginii. Scriptul este gasit pe acest site (Read more with thumbnails) si testat de mine pe un blog pentru teste. Vreau sa va spun ca mie mi s-a parut ca functioneaza perfect si il recomand cu incredere.

Instalarea lui mi s-a parut extraordinar de simpla, doar doi pasi trebuie sa urmati si daca doriti sa aveti Read more pe blogul vostru atunci iata ce trebuie sa faceti:

Duceti-va la pagina Aspect --> Editati Html si primul lucru pe care trebuie sa il faceti este sa descarcati o copie a actualului sablon pe care il aveti instalat pe blog. Asta este o regula de siguranta atunci cand modificati html-ul sablonului.




1. Acum primul pas. Bifati casuta de extindere a sablonului.
Cautati (Ctrl+F) acest cod: </head> si dupa ce l-ati gasit copiati codul de mai jos chiar inainte de el.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://bloggergadgets.googlecode.com/files/excerpt_min.js' type='text/javascript'/>

Pentru cei care au posibilitatea de a hosta scriptul (cel scris cu rosu) ar fi bine sa o faca, pentru a nu risca sa ramana fara latime de banda.
Inainte de a trece la pasul doi haideti sa vedem ce putem modifica aici pentru ca postul sa arate asa cum ne dorim.

summary_noimg = 300;   - schimbati pe 300 cu ce numar vreti pentru a modifica numarul de caractere care va fi afisat in cazul in care nu exista nici o poza in articol.
summary_img = 300;       - schimbati pe 300 cu ce numar vreti pentru a modifica numarul de caractere care va fi afisat atunci cand va fi generata o imagine
img_thumb_height = 100;  - schimbati pe 100 cu ce numar vreti pentru a modifica inaltimea imaginii care va fi generata.
img_thumb_width = 100;   - schimbati pe 100 cu ce numar vreti pentru a modifica latimea imaginii care va fi generata.




2. Acum ca am terminat cu primul pas, sa trecem la partea finala a trucului.
Cautati acest cod:

<data:post.body/>

si dupa ce l-ati gasit inlocuiti-l cu acesta:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

In acest cod puteti modifica doar aceste 2 cuvinte Read more si puteti scrie ce vreti. Acesta este numele link-ului care va duce spre articolul intreg, si il puteti modifica cum doriti.

Asta e tot. Simplu nu?

86 de comentarii:

  1. Eu am pe blog "read more" dar vreau sa il scot, cum fac?
    Dar te rog sa dai reply la mine pe blog :D

    Mersi.

    RăspundețiȘtergere
  2. Nu vreau sa inlocuiesc casuta, ci vreau sa apara articolul intreg, fara sa mai dai read more. Intelegi?
    Cand intri pe blog, articolul sa fie intreg, fara sa mai trebuiasca sa dai read more.

    RăspundețiȘtergere
  3. Pai asa am facut. Dar nu s-a schimbat.
    Tot trebuie sa dai read more ca sa citesti tot articolul.

    RăspundețiȘtergere
  4. Foarte bun articolul, este probabil cea mai buna modalitate readmore , am gasit si altele insa nu tot asa de bune ! Bafta multa in continuare, mai revin pe-aici !

    RăspundețiȘtergere
  5. salut. am o intrebare: in dreapta dupa TAGS...ai in continuare 2 coloane. cum ai facut sa fie 2?

    RăspundețiȘtergere
  6. Asta am vrut si eu sa intreb ....

    RăspundețiȘtergere
  7. SunLoVer si YO9FAH. cele 2 coloane din blogul meu reprezinta fiecare cate un sidebar. Deci asta presupune creerea a 2 noi sidebaruri.

    E un pic mai complicat si nu pot explica intr-un comentariu.

    RăspundețiȘtergere
  8. Daniel, daca nu este "secret", ar fi bine sa prezinti si asta chiar daca ... "E un pic mai complicat si nu pot explica intr-un comentariu." :D

    RăspundețiȘtergere
  9. hey i am aneesh from bloggerplugins.org please update the url http://files.bloggerplugins.org/excerpt.js with http://blogergadgets.googlecode.com/files/excerpt.js

    if too many guys start using it it will sink my host and those already using it will be in trouble..so kindly update the post and then delete this comment.. :)

    RăspundețiȘtergere
  10. Am testat si asta, merge super !

    RăspundețiȘtergere
  11. mie nu-mi iese k nu gaseste aia cu data:post :( ai vreo idee ce-as putea face?

    RăspundețiȘtergere
  12. Bifeaza casuta de extindere a sablonului si il vei gasi.
    Incearca din nou.

    RăspundețiȘtergere
  13. daca vreau ca imaginea sa nu sufere modificari si sa nu apara nici un fel de text, ci doar poza? ca am incercat toate modificarile si nu merge

    RăspundețiȘtergere
  14. Am observat ca Adsense daca il ai in partea dreapta a paginii dispare,dar cand citesti tot articolul apare din nou.Exista vreun remediu?

    RăspundețiȘtergere
  15. se poate face in vreun fel ca sa se reuca imaginea in proportie adica sa nu aiva niste masuri limita adik
    daca e mai mica de cat ii impun eu sa ramana neschimbata si daca e mai mare sa se reduca cu de exeplu :2 amandoua dimensiuni

    RăspundețiȘtergere
  16. Gyony adsense te lasa sa pui doar 3 grupuri de anunturi pe o pagina, asa ca daca anuntul din sidebar este al patrulea el nu v-a mai aparea. Incearca sa mai scoti din anunturi.

    George poti incerca sa modifici valorile de la width si height care sunt in px si sa le dai valori in procente. Adica in loc de 100 sa pui 50% sau mai putin depinde de ce poze ai. Dar e posibil sa nu mearga doar daca modifici valorile si s-ar putea sa trebuiasca sa editezi si ceva prin acest script: http://blogergadgets.googlecode.com/files/excerpt.js

    RăspundețiȘtergere
  17. si scriptul ala unde il gasesc :)?

    RăspundețiȘtergere
  18. Introduci acest url http://blogergadgets.googlecode.com/files/excerpt.js in bara de adrese si il salvezi in calculator. Asta e de fapt scriptul. Apoi faci modificarile in el, asta daca te pricepi. Imi pare rau eu nu te pot ajuta mai departe.

    RăspundețiȘtergere
  19. SALUT AM O MARE PROBLEMA.AM BAGAT ASTA CU READ MORE LA MINE PE BLOG SI FUNCTIONEAZA NUMAI CA DEASUPRA EU AM UN MENIU EX HOME,PRODUSE,CHAT...IAR CAND DAU PE ELE NU SE DESCHID ARATA CEVA DIN TEX SI PE URMA READ MORE CUM FAC CA ELE SA SE VADA INTEGRAL

    RăspundețiȘtergere
  20. Alex, eu nu am vazut nici un read more instalat pe blogul tau.
    Daca vrei sa te ajut atunci lasa-l instalat sa vad si eu despre ce este vorba.

    RăspundețiȘtergere
  21. încă o chestie tare aceasta cu read more, care îmi este de folos
    super merge perfect plus că este simplu

    când mă gândesc că acuma 3 luni şi cv cand am facut blogu am încercat de unul singur să fac chestia asta ...şi după 2 zile de nervi m-am lăsat păgubaş, am căutat un template nou :))

    un blog de nota 10

    RăspundețiȘtergere
  22. app ai chestia aia cu personalizează lincku read more.... aia o pot adăuga peste această modificare ?

    şi dacă da... pot să las numele trecut Citiţi mai departe ... ? sau rămâne read more ?

    ms :)

    RăspundețiȘtergere
  23. pff o apărut o chestie interesantă, după ce am pus asta cu reade more, am pus să lase pe pagina principală 8 posturi, şi normal eu am un adsense în post şi 2 pe pagină, am modificat să nu apară adsense ăla de pe pagina postului doar cînd dai click pe post, dar nu înţeleg dc nu îmi apar cele două anunţuri adsense de pe blog ?.....


    Codul adsense
    .... ăsta lam văzut că lai lăsat la Gabriela, care+i chestia ? nu se vede anunţu sau ?.... dc nu pot să am pe pagina principală 2 anunţuri ?...


    Sper că ai înţeles ceva...

    RăspundețiȘtergere
  24. cu 3 posturi pe pagină văd că rămâne atunci 2 adsense.... ciudat

    RăspundețiȘtergere
  25. Cristi, personalizarea read more de care scriam merge doar pentru Read more de la blogger nu si pt cel automat.

    Codul pe care l-am scris pt Gabriela face ca anuntul sa nu apara pe pagina de pornire ci doar in pagina postarii.

    La faza cu postarile care raman 2 pe pagina nu sunt sigur daca am inteles ce vrei sa zici.
    Pe pagina de pornire tu ai un grup adsense deasupra postarilor si unul in sidebar. Cand intri pe pagina postari apare si cel de-al treilea sub titlul postarii.
    Pe prima pagina cred ca nu apare din cauza scriptului read more automat, care nu poate genera si anuntul.

    RăspundețiȘtergere
  26. deci....
    ii super ca apare acel anunt doar cand dau pe reade more dar, chestie este urmatoarea : acuma cum vezi se vad amîndouă anunţuri adsense de sus si dreapta, exact cum vreau eu

    deci arata perfect,:X dar, vezi că am puse pe pagina principala 3 posturi, iar acuma apare chestia care te intreb pe tine

    DACA VREAU SA MAI ADAUG UN POST SAU MAU MULTE, pur si simplu dispare anunţu adsense din dreapta !! şi nu înţeleg din ce cauză :|

    RăspundețiȘtergere
  27. lol acuma apare si daca afişez mai multe posturi pe prima pagină...ciudat blogu meu jur :))

    RăspundețiȘtergere
  28. Waaaaaw, supeeeeeer!
    Saru'mana!!!!!!!!!

    RăspundețiȘtergere
  29. daniel cum scot read more mi a stircat tot pe blog si apare a 2 a pagina cu tot ce e scris pe prima pagina pls help nu stiu ce am facut dar sa scot asta

    RăspundețiȘtergere
  30. Pur si simplu urmezi pasii in sens invers. Cauta codul de la pasul doi si inlocuieste-l cu cel pe care trebuia sa-l cauti initial la acest pas, iar la pasul unu cauta codul si sterge-l.

    RăspundețiȘtergere
  31. deci o parere despre blogul meu daca poti da ms.. si cum fac sa dispara chestia asta uitete la blog pls linkuri de intoarcere la aceasta pagina nu mai vreau sa fie direct postare cum e la tine ms mult

    RăspundețiȘtergere
  32. Acest comentariu a fost eliminat de autor.

    RăspundețiȘtergere
  33. Deci hai sa ne intelegem:
    1. Ai instalat scriptul Read more din aceasta pagina, da? Acum vrei sa il scoti.
    Ai salvat o copie a sablonului inainte de instalare? Daca da, atunci incarca fisierul Xml si totul v-a reveni la normal.
    Daca nu, incarca fisierul original al sablonului si cand vei fi intrebat daca vrei sa pastrezi gadget-urile apasa Da.

    2. Vrei ca link-ul acela care apare sub postari:"Linkuri de întoarcere către această postare" sa nu mai apara, da?
    Intra la Setari -- Comentarii -- Backlinkuri si seteaza Ascunde si apoi salveaza.

    RăspundețiȘtergere
  34. asta am facut dar cum scriu trimiteti un comentariu sa apara comentariu asta am vrut sa pun in locul linkuri de intoarcere

    RăspundețiȘtergere
  35. Prietene, incerc sa te ajut, dar te rog sa fii mai coerent cand pui o intrebare. Ex: ultimul tau comentariu.
    Incearca sa pui punctul unde trebuie si virgula de asemenea.
    Vrei sa apara pe prima pagina, sub fiecare postare um link cu trimiteti comentariu? sau...

    RăspundețiȘtergere
  36. scuze daniel ca nu ma pot exprima deci eu vreau la fie care sub postare sa apara automat TRIMITETI UN COMENTARIU nu vreau sa fie hide sau ceva de genu exact cum este la tine pe pagina ma intelgi acum ? acum ca am sters Linkuri de întoarcere către această postare numai este nimic sub postare uitete si tu pe blogul meu sa vezi http://lockerzrro.blogspot.com/ ms

    RăspundețiȘtergere
  37. Scoate acel cod care afiseaza numarul de vizitatori pe articol (cel instalat de la mine de pe blog). Nu mai functioneaza bine.
    Apoi da clic pe titlul postarii si in pagina care se deschide, sub postare, vei vedea formularul pentru comentat. Asa este la toti.

    Ce am eu sub postare, la tine este sub titlul postarii.

    RăspundețiȘtergere
  38. ok multumesc mult. si inca ceva asta pot sa pun si eu sub TRIMITETI COMENTARIU ??? Va rog sa puneti intrebari legate de topic, pentru alte intrebari folositi pagina de Contact

    RăspundețiȘtergere
  39. iti multumesc foarte mult mai ajutat enorm ai o bere de la mine :)) si poate citesti si emailul care til am trimis cu link exchange poate vrei ms mult daniel

    RăspundețiȘtergere
  40. Foarte utile toate aceste informații. Am modificat, am instalat și totul merge perfect. Îmi place ceea ce a ieșit. Mulțumesc.

    RăspundețiȘtergere
  41. Salut Daniel!
    Zi-mi si mie te rog, in loc de textul Read more vreau sa pun o poza, unde umblu si ce modific?
    Mersi mult!

    RăspundețiȘtergere
  42. Inlocuieste in codul 2 asta: <b>Read more >></b> cu asta:
    <img src='http://2.bp.blogspot.com/_i6co2fwMbTo/S6E8NelxdBI/AAAAAAAALd4/gopK1qRdNXI/s1600/but1.png' style='float: right; border: none;' title='Citeste tot'/>

    Inlocuieste poza mea cu poza ta.

    RăspundețiȘtergere
  43. Multumesc foarte mult Daniel!
    Merge foarte bine.

    RăspundețiȘtergere
  44. Am facut si eu modificarile si a iesit super , cu read ore nu am nici o problema, insa daca vreau sa modific numarul de caractere de la pasul 1 de exeplu de la 300 la 500 nu se modifica. Si as dori sa imi apara frumos aliniat si la stanga si la dreapta si nu merge, adica mi se schimba aranjarea in pagina, iar chestiile care erau una sub alta mi le enumera. Pot face ceva in acest sens? La faza cu moficarea pozei in procent la mine nu functioneaza. Pe de alta parte am unele poze care sunt puse pe portrait, altele pe landscape, asa cel mai ok pentru mine ar fi sa pot moficica in procent. Sunt mai noua pe Blogger si nu ma pricep foarte bine. Mersi mult

    RăspundețiȘtergere
  45. Buna,
    Am instalat optiunea Read More, insa atunci cand postez video acesta nu se poate vizualiza direct, devine vizibil numai dupa ce dau clock pe Read More (continuare).

    RăspundețiȘtergere
  46. E normal sa nu mearga. Este un script destinat intreruperii textului.

    RăspundețiȘtergere
  47. de ce doar problema mea nu a primit raspuns???

    RăspundețiȘtergere
  48. Lira, scriptul nu e facut sa pastreze si formatarea pe care o aplici textului. El functioneaza bine atunci cand la inceput articolului este o prezentare de 200 - 300 de caractere si apoi articolul propriu-zis.
    La blogul tau cel mai bine merge varianta oficiala de Read More de la Blogger.

    Pentru ca poza sa fie micsorata in procente trebuie modificat si scriptul JavaScript si apoi hostat din nou.

    RăspundețiȘtergere
  49. Am bagat codurile respective in sablon, pe prima pagina apare bine, dar pe restul paginilor cand apas pe read more nu se mai deschide textul, ce as putea sa fac?
    Inca ceva, as vrea sa aplic aceeasi optiune si pt textele din bara laterla(descriere, etc), se poate?

    RăspundețiȘtergere
  50. Nush cam sa fac sa numi apara read more si la paginile statistice.Pentru ca la paginile statistice de genu' contact, chat etc. imi iese ceva alandala :))

    RăspundețiȘtergere
  51. 2 lucruri:
    1.Acest truc este foarte bune insa o observatie. Ofera Read more...si celorlalte pagini de blogspot nu doar articolelor lungi. De exemplu pe langa pagina principala daca mai am Contact acesta imi pune Read more si nu da bine la ochi. Iar la unele posturi daca nu am o poza apare un cod la "introducere" care iarasi pare a fi o eroare. Daca acestea se pot rezolva dupa preferintele celor care utilizeaza, ar fi perfect.
    2.Acum ceva timp am descarcat cartea Accesiunea unui interlop care mi-a placut foarte mult. (in format pdf) recomand tuturor. Sarbatori fericite si la multi ani

    RăspundețiȘtergere
  52. totul merge perfect la portari, dar pe paginele statice read more nu imi deschide toata pagina ci doar cele 20 sau 300 de cuvinde...asta chiar daca apas pe linkul paginii!! cum fac sa sterg read more din paginele statice si sa las numai in pagina principala cu postari???

    RăspundețiȘtergere
  53. Foarte util tutorialul, multumim pentru articole!

    RăspundețiȘtergere
  54. Buna ziua.
    Amm instalat si eu "scriptul" pe http://blog-frumos.blogspot.com, este bun, pe prima pagina arata articolele, ca la carte, dar am si eu o nedumerire.
    Daca intru pe celelalte pagina imi arata articolele tot scurtate ca pe prima pagina, te rog explicami si mie ce pot s afac ca sa arate doar pe prima pagina articoleele scurtate si pe celelalte pagini sa arate paginile si ce scrie pe ele normal (sa nu fie scurtat articolul) te rog foarte frumossssssssssssssssssssssssssssssssssss!

    RăspundețiȘtergere
  55. da daca vrei sa pui imagine cum faci?

    RăspundețiȘtergere
  56. La mine nu merge.cred ca am gresit ceva prin html cu atatea incercari.Voiam optiunea READ MORE doar la postarile cu mlut scris,nu la toate postarile,SE POATE?please-multumesc!

    RăspundețiȘtergere
  57. La mine nu merge.cred ca am gresit ceva prin html cu atatea incercari.Voiam optiunea READ MORE doar la postarile cu mult scris,nu la toate postarile,SE POATE?please-multumesc!

    RăspundețiȘtergere
  58. Acest widget pune Read more la toate articolele. Pentru ce vrei tu poti folosi optiunea Read more pe care o ofera blogger.

    RăspundețiȘtergere
  59. Buna ziua!
    Puteti sa ne spuneti va rog cum se poate modifica alinierea textului din left in justify pe prima pagina in textul dinainte de Read More?
    Va multumim!

    PS: In alta ordine de idei, va apreciem munca depusa si toate articolele...aveti taote felicitarile noastre...

    RăspundețiȘtergere
  60. Salut! Am implementat şi eu pe blogul meu - www.mr-ianus.blogspot.com - acest cod, merge totul foarte bine, numai că butoanele de share de la Facebook, Twitter, etc... apar pe prima pagină, nu în interiorul articolelor. Cum rezolv problema asta? Uite aici un print screen să vezi cum arată. http://bit.ly/pddlsi

    RăspundețiȘtergere
  61. buna!
    vreau sa stiu cum sa fac sa duc thumbnailul in dreapta
    multumesc anticipat!

    RăspundețiȘtergere
  62. Multumesc. Cu greu,dar am reusit.

    RăspundețiȘtergere
  63. as avea nevoie si eu de putin ajutor cum sa scot read more automat dintr-o tema ! am incercat pasii invers din acest post dar nu reusesc deloc!

    RăspundețiȘtergere
  64. Salut Daniel.
    Am intampinat recent si eu o problema.Am avut "read more" din sablonul initial.Pur si simplu a disparut deodata.Acum incerc sa il reinstalez dupa indicatiile tale dar nu reusesc.Iti sunt recunoscator daca m ai putea ajuta cu cateva indicatii.
    Multumesc anticipat.

    RăspundețiȘtergere
    Răspunsuri
    1. Am modificat unul dintre coduri si acum ar trebui sa mearga.

      Ștergere
  65. Multumesc.
    Buna modificarea;)
    Spor!

    RăspundețiȘtergere
  66. salut. am bagat , merge dar nu imi apare decat 1 - 2 posturi apoi trebuie sa dau pe "old posts" ca sa vad mai multe!
    Cum fac sa apara mai multe postari "read more" pe homepage? ms.

    RăspundețiȘtergere
    Răspunsuri
    1. Seteaza din setarile blogului sa apara mai multe postari pe prima pagina.
      Acest script nu are legatura cu cate posturi apar pe pagina ci doar taie din ele si ofera link catre postarea propriu-zisa.

      Ștergere
  67. Acest comentariu a fost eliminat de autor.

    RăspundețiȘtergere
    Răspunsuri
    1. Acest comentariu a fost eliminat de autor.

      Ștergere
  68. am instalat Read more, a functionat, dar acum a disparut! ma puteti ajuta?

    wishcometruehera.blogspot.com

    RăspundețiȘtergere
  69. Ceau, vreau sa instalez si eu read more, dar nu gasesc

    RăspundețiȘtergere
  70. nu reusesc am urmat pasii, am inlocuit am scris si nu imi apare absolut nimic. ajta-ma te rog nu stiu ce sa mai fac....

    RăspundețiȘtergere
  71. Salut!
    Incerc si eu sa fac un blog... as vrea sa am read more si la articolele din celelalte pagini, nu numai in postarile din HomePage. Stii cumva cum pot sa fac? Multumesc!

    RăspundețiȘtergere
  72. am acest blog http://totulsaunimica.blogspot.ro/ si vreau sa instalez read more dar nu merge si am urmat pasii . Ajutor !!!!

    RăspundețiȘtergere
  73. ai putea face acest tutorial sa fie video am nevoie de read more insa nu merge desi am facut exact ce ai zis !!

    RăspundețiȘtergere
  74. Se pare ca codul nu functioneaza deoarece nici mie nu imi merge si am facut totul cu mare atentie.

    RăspundețiȘtergere
  75. O alta metoda cu reed more automat exista?Pentru ca cea din acest tutorial se pare ca nu merge pe sablonul din prezent.

    RăspundețiȘtergere
  76. Acest comentariu a fost eliminat de autor.

    RăspundețiȘtergere