2018. február 14., szerda

Hogyan ágyazd be a saját térképeidet a blogodba?

Ha létrehoztál egy térképet, akkor szépen mutat az oldaladon, ha beágyazod.

Ebben az esetben nem képként teszed be az oldaladra, hanem a beágyazott térképet nagyítani-kicsinyíteni lehet a jobb felső ikonnal, elő lehet hívni belőle a menüt a bal felső ikonnal stb.

Úgy. ahogy ezen a térképen is:










Beágyazás az oldaladba


Ahhoz, hogy beágyazhasd a térképedet, először nyilvánossá kell tenned! Tehát Privátból át kell állítanod Nyilvánosra. L. előző bejegyzésben.

A bal oldali szerkesztő ablakban a térkép neve mellett találsz három pontot egymás alatt.





Hogyha erre kattintasz, akkor felugrik egy ablak, amelyben találsz egy listát. Itt válaszd ki a "Beágyazás az oldalamba" lehetőséget.

A felugró ablakban találsz egy kódot, kékkel kijelölve (ha nem lenne kijelölve, akkor egér húzással jelöld ki)


A kékkel kijelölt kódot másold ki


Másold ki a kódot.

Lépj át a saját blogod oldalára.

Lépj a kurzorral a már megírt blogbejegyzésednek arra a részére, ahová be szeretnéd illeszteni a térképet. 

Figyelem! 

Érdemes Enterrel sok üres sort beilleszteni ide, hogy kényelmesen be tudd illeszteni a térképedet - később a felesleges sorokat kitörölheted. A sok üres sor beillesztése azért is hasznos, mert így sokkal könnyebb észre venned HTML üzemmódban, hogy hová kell beillesztened a térkép kódját - főleg, ha hosszú bejegyzésről van szó.



Most lépj át HTML módba. (A blogod bejegyzésének felső szerkesztő sorában, bal oldalon találod az "Írás" gombot, majd közvetlenül mellette a "HTML" gombot - erre kattints rá)

Ekkor látni fogod a bejegyzésedet kódolva, és benne sok <br /> kódot egymás alatt. Ezek jelzik az üres sorokat.





Kattints oda az egyik ilyen <br /> kód mögé,  közvetlenül a > jel mögé. A legjobb, hogyha sok br közül a sorban nagyjából középen levőre kattintasz - ez jelzi azt az üres sort, amelyik a sok közül nagyjából középen van :-))) Így lesz a térképed alatt és felett is néhány üres sor.

És pontosan a > jel mögé másold be azt a kódot, amit a térkép oldalról kimásoltál.

Válts vissza Írás módra.

Tedd közzé a bejegyzésedet - és nézd meg a beágyazott térképedet.

DE! Még ne töröld ki a felesleges üres sorokat, amiket az előbb betettél a szövegedbe a térkép helye elé és mögé, mert még szükséged lehet rájuk.


Méretre igazítás:

A beágyazott térkép nem mindig igazodik a bejegyzés-hasábod méretéhez. Hogyan tudod megfelelő méretűre igazítani?

  • Lépj be ismét az adott bejegyzésed szerkesztő felületére.
  • Kattints a bal felső sarokban a HTML gombra.
  • Keresd meg a sok egymás alatt elhelyezkedő "br"-t a kódsorban - ez jelöli azt a helyet, ahová a sok üres sort szúrtad be az imént.
  • A "br"-k közepén megtalálod az előbb beszúrt kódot.
  • Keresd ki belőle a "width"= szélesség szót.
  • Az utána következő számot írd át kisebbre. Nekem pl. ebben a bejegyzésben az eredeti 640 pixelt át kellett írnom 540-re.
  • Állítsd vissza a bejegyzésedet Írás módra (bal felső sarokban levő gombra kattintva)
  • Frissítsd a bejegyzésedet
  • És nézd meg, mit kreáltál 😊
  • Folytasd addig az állítgatást, amíg elégedett leszel a térkép szélességével.
 Jó munkát!




Nincsenek megjegyzések:

Megjegyzés küldése