Keresés a blogban

2010. február 15.

Kapcsolódó cikkek - Related posts

Minden post alatt megjelenő 5 elemű felsorolás, mely az adott cikkhez kapcsolódó más cikket ajánl.

Irányítópult - Elrendezés - HTML-kód szerkesztése - Vezérlősablonok kibontása

Ctrl+f

Írd be  </head>

Közvetlenül ELÉ szúrd be ezt a kódot:

<style>
#related-posts { 
float : left; 
width : 540px; 
margin-top:20px; 
margin-left : 5px; 
margin-bottom:20px; 
font : 11px Verdana; 
margin-bottom:10px; 
} 
#related-posts .widget { 
list-style-type : none; 
margin : 5px 0 5px 0; 
padding : 0; 
} 
#related-posts .widget h2, #related-posts h2 { 
font-size : 20px; 
font-weight : normal; 
margin : 5px 7px 0; 
padding : 0 0 5px; 
} 
#related-posts a { 
text-decoration : none; } 
#related-posts a:hover { text-decoration : none; } 
#related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { 
display : block; 
background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; 
margin : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 1px; 
padding-left : 21px; 
margin-bottom : 5px; 
line-height : 2em; 
border-bottom:1px dotted #cccccc; 
} 
</style> 
<script src='http://nora-papp.extra.hu/blogger/js/related_posts_hack.js' type='text/javascript'/>

Most írd be a Ctrl+f keresőbe: post-footer-line
Ebből akár többet is találsz, ez sablonfüggő, van amelyikben az első van csak.:
post-footer-line-1
post-footer-line-2
post-footer line-3

Ez a rész így néz ki:
<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-2'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-3'>
    ...
    </div>
</div>

A lényeg, hogy az utolsó után a jelzett részbe szúrd be a következő kódot

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-2'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-3'>
    ...
    </div>

Ide szúrd be a kódot

</div>

Ezt kell beszúrni:
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font>
<font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/> </b:if>
</b:loop> 
</font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Ebben van egy 5-ös szám. Ha ezt átírod, az ajánlott cikkek számát változtathatod. A Kapcsolódó cikkek: szavakat is átírhatod neked tetszőre.
Mentsd el a sablont.
A widgetet nálam láthatod a cikk alatt működés közben.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

23 megjegyzés:

Juci írta... [Válasz erre...]

Szia WL!

Köszönöm, hogy válaszoltál a kérdésemre e postban, már csak arra szeretnélek megkérni, hogy valahogy úgy helyezd el a kódrészleteket az oldaladon, hogy azok másolhatóak legyenek. Nem tudom, hogy a sablonodban van-e a hiba vagy a böngészőmben (Firefox), de azért nem tudom másolni a részleteket, mert a végük hiányzik, s így persze hibát ír ki a blogger, mikor menteni szeretném a sablon változtatásait.

Megoldható a dolog?

Köszönöm!

Wise Lady írta... [Válasz erre...]

Kedves Juci! Explorerben és Chrome-ban tökéletesek a kódok, nálam Firefoxban is másolhatók. Verzió, beállítás?

Wise Lady írta... [Válasz erre...]

Kicsit módosítottam a kódomon, most is fennáll a gond nálad? Az eltérő FF verziók különbözhetnek.

Juci írta... [Válasz erre...]

Szia!

Valóban, a böngészőmmel van valami, de explorerbőr tudtam másolni a kódokat.

Köszönöm! :)

PI írta... [Válasz erre...]

Akinek van linkvintin dolog, annál is működik?

Wise Lady írta... [Válasz erre...]

Szerintem kellene. Majd kipróbálom.
De persze a Linkwithinről semmit se lehet tudni, az csak van, kódja nem ismert. Ki tudja mi akad össze. Talán a te blogodba inkább ez a fajta illik, nem a képek a fő elemek. Egy gasztroblogger persze hogy a Linkwithint használja inkább. (Vagy egy festő, kézműves stb.)

PI írta... [Válasz erre...]

Ok:)
Ha már festő, vagy kézműves témát említetted, megcsináltam a motorképet:D

Wise Lady írta... [Válasz erre...]

Akkor nagyon ügyes vagy!

egy ember írta... [Válasz erre...]

Segítsen Obi Van Kenobi, ön az utolsó reményünk!
Küldtem Neked egy mailt, ha lesz rá időd...
Kösz!

KindlerMedical írta... [Válasz erre...]

Szia Wise Lady!

A második HTML adag beszúrásánál folyamatosan hibaüzenetet kapok vissza:

The reference to entity "callback" must end with the ';' delimiter.

Egyelőre nem találtam meg, hogy honnan is hiányolja azt a fránya pontosvesszőt. Tudnál segíteni?

Köszönöm, Réka

Wise Lady írta... [Válasz erre...]

Szia! Köszönöm, hogy felhívtad a figyelmem. Sajnos a HTML 4.0 egy speciális karakterét a böngészők nem úgy jelenítették meg, mint ahogyan a posztba beleírtam, ezért ez egy helyen hiányzott, nem volt látható. Már javítottam, próbáld ki, működnie kell.

KindlerMedical írta... [Válasz erre...]

Kedves Wise Lady!

Igazán nincs mit. Sőt, én köszönöm!:) Nagyon hasznos dolgokat találtam a blogodon. Sajnos, szabadidő hiányában, az én HTML tudásom igencsak megkopott, így, számomra kincset érnek a bejegyzéseid. Rengeteg idő megy el a különböző dolgok keresgélésével, itt pedig minden egy helyen megtalálható.

Gratulálok a munkádhoz! A kapcsolódó bejegyzések pedig, szuperul működnek.

Köszönöm, Réka

Wise Lady írta... [Válasz erre...]

Réka, örülök, hogy sikerült, és annak is, hogy hasznos dolgokat találsz itt.

admin írta... [Válasz erre...]

Szia, szerettem volna kipróbálni, de a fent jelzett sorok helyett csak az alábbiakat találtam, sehol egy "div" (kettő meg főleg)...
:(
Mit javasolsz?


.post-footer-line-1 {
min-height:1.5em;
_height:1.5em;
}

Wise Lady írta... [Válasz erre...]

Ez a rész lejjebb van a kódban. Előtte ki kell pipálnod a vezérlősablonok kibontása négyzetet, mert különben nem látszik.

admin írta... [Válasz erre...]

Köszönöm!
Hát igen, az amatőrök, ugye:)
Pedig emlékezhettem volna rá, az egyik akcióban már volt egy ilyen lépés...
Nos, meg is jelenik jól, de nem sorol fel kapcsolódó bejegyzéseket, csak egy kérdőjelet mutat, így: [?]
Gondoltam, hogy talán a megjegyzések és visszamutató linkek elrejtése lehet a baj, de miután azokat engedélyeztem, sem működött.
Úgyhogy valami mást ronthattam el...

Wise Lady írta... [Válasz erre...]

A kérdőjel akkor látszik, ha nem tud felsorolni kapcsolódó cikket. A widget működik, azzal nincs baj.
A működési elve ugyanis az, hogy az azonos címkével ellátott posztokból ajánl. Ezek szerint neked nincs egy címke alatt több posztod. Ha lesznek azonos címkéjű bejegyzéseid, akkor fog megjelenni az ajánlottak között.

admin írta... [Válasz erre...]

Tehát akkor mégis sikerült, csak címkézni kell...
Köszönöm!

yoen írta... [Válasz erre...]

Szia WL! Újra próbálkoztam, ezúttal a másik blogomban, és sikerült [bár történt valami, aminek kapcsán majdnem S.O.S. segítséget kellett kérnem, de végül meg tudtam a problémát oldani egyedül is:)], a furcsa csak az, hogy miután azt a bizonyos 5-ös számot átírtam hármasra, nem változott a mutatott bejegyzések száma. Nem is nagy gond, csak az okára lennék kíváncsi, valamit mégsem jól csináltam?
Üdv, yoen

Wise Lady írta... [Válasz erre...]

Én nem látom a widgetet működni nálad!
A lényege az, hogy az azonos címkéjű posztokból mutat annyit, amennyit beállítasz. Azaz nem szabad összevissza adni a címkéket, mert az csoportosítja témakörönként a bejegyzéseket (navigációra való). Nem mutat kapcsolódó cikket, ha nincs azonos címkéjű másik bejegyzés!
Itt olvashatsz erről bővebben:
http://www.bloggersbloggers.com/2009/09/cimkek-helyes-hasznalata-labels.html#axzz0om44kS80

yoen írta... [Válasz erre...]

Szia WL!
Újra meg kellett keresnem ezt a tanácsodat, hogy lendítsek kicsit a dolgaimon:) Ugyan kis akadályba ütköztem, de azt hiszem, sikerült megoldanom. Ugyanis, hiába bontottam ki a vezérlősablonokat, nem akart előjönni a lezáró div, hogy így mondjam, amatőr nyelven.
Azt gondoltam, azért, mert ott voltak a bejegyzések alján az e-mailben küldés meg a szerkesztő ceruza, úgyhogy kikapcsoltam ezeket a másik szerkesztőhelyen, de így is ott maradtak. Van valami szürke sáv a bejegyzések alján, amit nem tudtam kikapcsolni, és ez az új dolog, a kapcsolódó bejegyzések ott alatta jelent meg első körben, de félig eltakarva a cím. Akkor kicsit lejjebb helyeztem a HTML-ben az általad adott kódot, és így sikerült. Bár kicsit furcsán, érdekesen, de legalább működik:)
Nézd meg, ha ráérsz, mit szólsz hozzá!
Üdv, yoen
http://szoveglabor.blogspot.com
És mindent köszönök!

Wise Lady írta... [Válasz erre...]

@yoen
Jól megcsináltad, ez így rendben van. Egyrészt ez a bejegyzés még a Minima sablon idejében születet, és ugye váltott azóta a Blogger a Simple sablonra, ami egy más kód. Másrészt a sablonok mindenkinél egyediesítve is vannak.

h.t. írta... [Válasz erre...]

Kedves Wise Lady!

Nagyon sokat tanultam Tőled; köszönöm!
Most segítséget kérek: a widgetet elhelyeztem, csak használni nem tudom; hogy lehet megadni a kapcsolódó cikkeket?

Tisztelettel,
Tamás

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-