Mindig hosszú megjegyzéseket teszek és mivel úgyis írogatom a bloggeres dolgokat, ezért eszembe jutott, hogy ezeket ide is másolhatnám a blogomba, hogy azok is olvashassák, akik nem rendszeres olvasók ott, ahol okoskodok. :o) De vegyétek Ti is hasznát - sose tudni, mikor lesz rá szükség.
A karácsony közeledtével növekszik a játék kihívások száma, amelyek olykor a játék képhivatkozásának, "banner"-ének, reklámjának az oldalsávba illesztését kívánják meg. Ez nem is olyan egyszerű dolog, ezért jó alaposan leírom a menetét. Nem tudom, hogy a képhivatkozás szabatos név-e, én azt értem alatta, hogy egy a blogban szereplő képre kattintva a böngésző egy külső hivatkozásra látogat el.
Ahol az új bejegyzéseket írjuk, fenn vannak fülek. Amikor bejegyzést írunk, nagy valószínűséggel a Bejegyzések/Új bejegyzés alfülön állunk (lap teteje, a Blogunk címe alatt). Itt a Bejegyzések helyett a Tervezésre (régi szerkesztővel előfordulhat, hogy még Elrendezés a neve) fülre kell állni és a legelső alfülét választani, az Oldalelemeket.
Ezt egyszerűbben elérheted az irányítópultodról, ahol a blogjaid vannak felsorolva és a rendszeresen olvasott blogok: http://draft.blogger.com/home. Itt a szerkeszteni kívánt blog mellett találsz néhány kék linket (máshova mutató hivatkozást). Válaszd ki a Tervezést! Egyből jó helyre áll, az első alfülre, ami az Oldalelemek lesz. A lap tetején balra tehát először a blogod neve, alatta a "fülek" (Bejegyzések, Megjegyzés, Beállítások, Tervezés vagy Elrendezés, Pénzre váltás, Statisztika) látszanak. Ebből a Tervezés (vagy Elrendezés) aktív éppen és egy sorral alatta pedig a legelső lesz az Oldalelemek.
Itt a blogod csontvázát láthatod, ahol van egy Blogbejegyzések rész, meg az oldalsáv(ok). Az oldalsáv(ok) értelemszerűen a Blogbejegyzések mellett lesz(nek), ahogy a blogodban is oldalt van(nak). A szerkeszteni óhajtott oldalsáv tetején egy Modul hozzáadása nevű linket találsz. Kattints rá és a megjelenő felugró ablakban az Alapmodulok közül - legörgetve - keresd meg a HTML/JavaScript modult és add hozzá! Ebből korlátlan számút lehet hozzáadni, a kék négyzetben fehér kereszttel.
Amikor rákattintasz, egy újabb ablak ugrik fel, ahova a HTML-modult kell beírni (Off: És jó lenne, ha a játék indítói ezt eleve kiraknák a felhívásba, mert nem mindenki tud HTML-kódot írni!)
Ebben az esetben, a bejegyzésben szereplő képre kattints a jobb egérgombbal és válaszd a 'Kép címének másolása' opciót, lehet hogy kicsit eltér a neve más böngészőkben, mozillában ez. A kimásolt címet Ctrl+V-vel másold be a HTML/JavaScript elem beállításai ablakba, majd szerkeszd meg egy kicsit a következők szerint:
Írd elé és mögé, amiket én is
<a href="http://horgo-blog.blogspot.com/2010/11/karacsonyi-jatek.html" target="_blank" imageanchor="1" margin-bottom: 1em; style="clear: left; float: left; margin-right: 1em;" width="45"><img border="0" px="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgla6rneAD5XUrvr6HThRU7aNc-7_d5-NNq89Vzd0WIXuban3uf3qVMv4V1N9c-l38NZDJAm3cVtAo8iUmn6vWS-uISE5ISouVZapeHSrafgiI92hRLfEKXJP7Srqjyxdfay-rFKrMUtkOl/s1600/J%25C3%2581T%25C3%2589K-HORGOBLOG.jpg" width="160" /></a>
Vagy egyszerűbben másold ki innen:
Ezt nálam próbálgattam végig, ha neked túl pici lesz a kép, akkor a végén van egy width="160" rész, itt a 160-at óvatosan állítgasd (mondjuk 10-esével) nagyobbra, amíg éppen jó lesz.
És ami a legjobb, ez az Új bejegyzés beviteli mezőjében is működik, tehát, ha ott az előző bejegyzésében részletezett HTML-kód szerkesztése módban bemásolod, akkor ott is ugyanúgy működik, mint az oldalsávban.
Ha legközelebb másnak a bannerét, játékfelhívását, vagy a saját meskaboltodra vagy kedvenc ismerősöd webshopjára mutató linket stb. képpel ki akarod tenni, ugyanezt csináld meg, csak az első link helyére, a href="" idézőjelei közé a másik helyre mutató linket és a második link helyére, az src="" idézőjelei közé a másik kihívás képét másold. A kép hivatkozását - ugyanúgy, mint fenn - a jobb egérgombbal mentheted vágólapra és Ctrl+V-vel szúrhatod be, a bejegyzés elérési útvonalát pedig a böngészősávból (ahova a webcímeket írod) másold ki.
Ne cseréld össze, mert nem fog működni! :o)
Ha kész az új modul, akkor mentsd el, tedd arra a helyre, ahol szeretnéd, hogy legyen a listában (húzd és ejtsd, vagyis fogd meg az egérrel és húzd oda, ahova szánod, majd engedd el). Ezután még az elrendezés változtatását is mentened kell (akkor is, ha legfelül hagytad). Ehhez a blogod "csontváza" felett jobbra látható narancssárga mentés gombra kell kattintani, máskülönben nem fog megjelenni a változása blogodban.
Ha akarod, több ilyen képes hivatkozást is tehetsz egymás alá ugyanabba a modulba (csak tegyél közéjük entert) és szöveget is írhatsz alá.
És itt egy praktikus eszköz arra, hogy ha játékot hirdetünk és szeretnénk, ha a játék linkjét a résztvevők az oldalsávba kirakják, akkor érdemes a HTML-modulba írandókat egy szövegdobozban megadni.
Nagyon egyszerű a módja: A fentiek alapján (vagy saját kútfőből) elkészített HTML-kódot (saját képpel és bejegyzésre hivatkozással) keretbe kell foglalni:
<textarea cols="100" name="textarea" rows="10" wrap="virtual">
A HTML-modul tartalma, amit átmásolhat a saját blogjába a résztvevő.
</textarea>
És mivel vicces kedvemben vagyok, muszáj a szövegdoboz HTML-jét a szövegdobozba beillesztenem: :o)
Üresen legközelebbre:

A kettőskeresztek helyére tehát a href-hez a bejegyzés vagy a kihívás leírásának linkje kerüljön (böngészősávból másolva), az src-hez a kép helye. A képet előbb fel kell tölteni egy tárhelyre, egy mentett vagy közzétett bejegyzésbe, bárhova, és onnan kell kimásolni az elérési útvonalát.
A második ablakban látszik, hogy ha több sorba fér el a szöveg, mint amennyit megadtunk a row="2"-nél, akkor a szövegdoboz szélén görgetősáv jelenik meg. Ha ez nem tetszik, akkor mint fenn, növeljük a szövegdoboz magasságát (pl legyen a row="5") vagy szélességét a cols="50" értékének növelésével.
További blogos bejegyzések:
Bejegyzések szerkesztése
Blogger profil
Blogger irányítópult
Blogger/blogspotos blog beállítása
Blogger/blogspotos blog létrehozása
Google-reader
Blog népszerűsítés és konyhatrükkök
Sablonváltás
Favicon változtatása (a narancssárga kockában a fehér B betű a böngészőlapon, nálam ez egy fehér rózsa)
Saját fejléc photoshoppal
Photoshop vízjelezés (kis felirat a képen, ami a tulajdonosságunkat igazolja)
A karácsony közeledtével növekszik a játék kihívások száma, amelyek olykor a játék képhivatkozásának, "banner"-ének, reklámjának az oldalsávba illesztését kívánják meg. Ez nem is olyan egyszerű dolog, ezért jó alaposan leírom a menetét. Nem tudom, hogy a képhivatkozás szabatos név-e, én azt értem alatta, hogy egy a blogban szereplő képre kattintva a böngésző egy külső hivatkozásra látogat el.
Ahol az új bejegyzéseket írjuk, fenn vannak fülek. Amikor bejegyzést írunk, nagy valószínűséggel a Bejegyzések/Új bejegyzés alfülön állunk (lap teteje, a Blogunk címe alatt). Itt a Bejegyzések helyett a Tervezésre (régi szerkesztővel előfordulhat, hogy még Elrendezés a neve) fülre kell állni és a legelső alfülét választani, az Oldalelemeket.
Ezt egyszerűbben elérheted az irányítópultodról, ahol a blogjaid vannak felsorolva és a rendszeresen olvasott blogok: http://draft.blogger.com/home. Itt a szerkeszteni kívánt blog mellett találsz néhány kék linket (máshova mutató hivatkozást). Válaszd ki a Tervezést! Egyből jó helyre áll, az első alfülre, ami az Oldalelemek lesz. A lap tetején balra tehát először a blogod neve, alatta a "fülek" (Bejegyzések, Megjegyzés, Beállítások, Tervezés vagy Elrendezés, Pénzre váltás, Statisztika) látszanak. Ebből a Tervezés (vagy Elrendezés) aktív éppen és egy sorral alatta pedig a legelső lesz az Oldalelemek.
Itt a blogod csontvázát láthatod, ahol van egy Blogbejegyzések rész, meg az oldalsáv(ok). Az oldalsáv(ok) értelemszerűen a Blogbejegyzések mellett lesz(nek), ahogy a blogodban is oldalt van(nak). A szerkeszteni óhajtott oldalsáv tetején egy Modul hozzáadása nevű linket találsz. Kattints rá és a megjelenő felugró ablakban az Alapmodulok közül - legörgetve - keresd meg a HTML/JavaScript modult és add hozzá! Ebből korlátlan számút lehet hozzáadni, a kék négyzetben fehér kereszttel.
Amikor rákattintasz, egy újabb ablak ugrik fel, ahova a HTML-modult kell beírni (Off: És jó lenne, ha a játék indítói ezt eleve kiraknák a felhívásba, mert nem mindenki tud HTML-kódot írni!)
Ebben az esetben, a bejegyzésben szereplő képre kattints a jobb egérgombbal és válaszd a 'Kép címének másolása' opciót, lehet hogy kicsit eltér a neve más böngészőkben, mozillában ez. A kimásolt címet Ctrl+V-vel másold be a HTML/JavaScript elem beállításai ablakba, majd szerkeszd meg egy kicsit a következők szerint:
Írd elé és mögé, amiket én is
<a href="http://horgo-blog.blogspot.com/2010/11/karacsonyi-jatek.html" target="_blank" imageanchor="1" margin-bottom: 1em; style="clear: left; float: left; margin-right: 1em;" width="45"><img border="0" px="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgla6rneAD5XUrvr6HThRU7aNc-7_d5-NNq89Vzd0WIXuban3uf3qVMv4V1N9c-l38NZDJAm3cVtAo8iUmn6vWS-uISE5ISouVZapeHSrafgiI92hRLfEKXJP7Srqjyxdfay-rFKrMUtkOl/s1600/J%25C3%2581T%25C3%2589K-HORGOBLOG.jpg" width="160" /></a>
Vagy egyszerűbben másold ki innen:
Ezt nálam próbálgattam végig, ha neked túl pici lesz a kép, akkor a végén van egy width="160" rész, itt a 160-at óvatosan állítgasd (mondjuk 10-esével) nagyobbra, amíg éppen jó lesz.
És ami a legjobb, ez az Új bejegyzés beviteli mezőjében is működik, tehát, ha ott az előző bejegyzésében részletezett HTML-kód szerkesztése módban bemásolod, akkor ott is ugyanúgy működik, mint az oldalsávban.
Ha legközelebb másnak a bannerét, játékfelhívását, vagy a saját meskaboltodra vagy kedvenc ismerősöd webshopjára mutató linket stb. képpel ki akarod tenni, ugyanezt csináld meg, csak az első link helyére, a href="" idézőjelei közé a másik helyre mutató linket és a második link helyére, az src="" idézőjelei közé a másik kihívás képét másold. A kép hivatkozását - ugyanúgy, mint fenn - a jobb egérgombbal mentheted vágólapra és Ctrl+V-vel szúrhatod be, a bejegyzés elérési útvonalát pedig a böngészősávból (ahova a webcímeket írod) másold ki.
Ne cseréld össze, mert nem fog működni! :o)
Ha kész az új modul, akkor mentsd el, tedd arra a helyre, ahol szeretnéd, hogy legyen a listában (húzd és ejtsd, vagyis fogd meg az egérrel és húzd oda, ahova szánod, majd engedd el). Ezután még az elrendezés változtatását is mentened kell (akkor is, ha legfelül hagytad). Ehhez a blogod "csontváza" felett jobbra látható narancssárga mentés gombra kell kattintani, máskülönben nem fog megjelenni a változása blogodban.
Ha akarod, több ilyen képes hivatkozást is tehetsz egymás alá ugyanabba a modulba (csak tegyél közéjük entert) és szöveget is írhatsz alá.
És itt egy praktikus eszköz arra, hogy ha játékot hirdetünk és szeretnénk, ha a játék linkjét a résztvevők az oldalsávba kirakják, akkor érdemes a HTML-modulba írandókat egy szövegdobozban megadni.
Nagyon egyszerű a módja: A fentiek alapján (vagy saját kútfőből) elkészített HTML-kódot (saját képpel és bejegyzésre hivatkozással) keretbe kell foglalni:
<textarea cols="100" name="textarea" rows="10" wrap="virtual">
A HTML-modul tartalma, amit átmásolhat a saját blogjába a résztvevő.
</textarea>
És mivel vicces kedvemben vagyok, muszáj a szövegdoboz HTML-jét a szövegdobozba beillesztenem: :o)
Üresen legközelebbre:
A kettőskeresztek helyére tehát a href-hez a bejegyzés vagy a kihívás leírásának linkje kerüljön (böngészősávból másolva), az src-hez a kép helye. A képet előbb fel kell tölteni egy tárhelyre, egy mentett vagy közzétett bejegyzésbe, bárhova, és onnan kell kimásolni az elérési útvonalát.
A második ablakban látszik, hogy ha több sorba fér el a szöveg, mint amennyit megadtunk a row="2"-nél, akkor a szövegdoboz szélén görgetősáv jelenik meg. Ha ez nem tetszik, akkor mint fenn, növeljük a szövegdoboz magasságát (pl legyen a row="5") vagy szélességét a cols="50" értékének növelésével.
További blogos bejegyzések:
Bejegyzések szerkesztése
Blogger profil
Blogger irányítópult
Blogger/blogspotos blog beállítása
Blogger/blogspotos blog létrehozása
Google-reader
Blog népszerűsítés és konyhatrükkök
Sablonváltás
Favicon változtatása (a narancssárga kockában a fehér B betű a böngészőlapon, nálam ez egy fehér rózsa)
Saját fejléc photoshoppal
Photoshop vízjelezés (kis felirat a képen, ami a tulajdonosságunkat igazolja)
5 megjegyzés:
Mostanság találtam rá a blogodra, és szívesen olvasom. Nagyon jók, és kellőképpen részletesek a technikai információk is. Ha nem szemtelen a kérés, akkor segítenél abban, hogyan kell beállítani az oldalsávba az időjárást? Köszönet, előre is.
Ez, ami itt nálam van, ugyanígy készül, csak a HTML modulba ezt a kódot kell beilleszteni:
<a href="http://www.idokep.hu/" target="_blank" title="Időjárás"><img border="0" alt="Időjárás előrejelzés" src="http://www.idokep.hu/hosszutavu_elore.jpg"/></a>
Másold be a sajátodba, mentsd el és kész is.
Ha átalakítja a word valahogy a relációs jeleket (vágólapról beszúrva nem valószínű, csak ha elmented Wordben, vagy Jegyzettömbben), akkor az & l t ;-ket alakítsd jobbra nyitó relációs jellé az AltGr+M billentyűkombinációval, az & g t ;-ket pedig AltGr+. billentyűkombinációval balra nyitó relációs jellé.
És köszi szépen, örülök, hogy hasznosnak találod a blogom. :o)
Köszönöm a segítséget, sikerült.
Nagyon szívesen máskor is!
Megjegyzés küldése