A következő címkéjű bejegyzések mutatása: Blog szerkesztési tippek. Összes bejegyzés megjelenítése
A következő címkéjű bejegyzések mutatása: Blog szerkesztési tippek. Összes bejegyzés megjelenítése

2016. szeptember 1., csütörtök

Kódos dolgok


Apró segítségek a kódok használatához



Segítség az üzenőfalakhoz.....

Vendégkönyvbe:

<img src=˝kép linkje˝  >

___________________________________________________

Linkkel beszúrni képeket a cBox területére. A nagy keretes üzenőfalról van szó.
 <img border= "0" src=" linket image "alt=""/>

___________________________________________________

Tiltásgátlót tartalmazó oldalnál CTRL+ C - vel másoljuk a kép linkjét, és CTRL+V - vel beillesztjük.
___________________________________________________
Pár helyen automatikusan megnyílik a képfelrakási lehetőség, de vigyázni kell a pontos beillesztésre.
__________________________________________________
Üzenőfalon jobbra-balra mozgó szöveg

[scroll][big][color=green]szöveg[/color][/big][/scroll]
__________________________________________________

Ha a kódon szeretnénk változtatni, egy kis segítség a szavaknál.

right -- jobbra
left --  balra
center -- középre rakni
width -- szélesség
size -- vastagság
align -- igazítás
___________________________________________________
Egy alapháttérkép, amire bármit írhatunk, amíg a kép tart. A kép ismétlődik, mint az igazi háttérnél. Ha egyszerű mintás a hátterünk, akkor korlátlanul használhatjuk. Ha figurális, abba az esetben érdemes a mintára is figyelni.  A háttérre szöveget és képet is rakhatunk be. A hátteret(background) lecseréljük mielőtt a forráskódba illesztenénk. A szöveg utólag is törölhető. A továbbiakban úgy használjuk mint az átlag hátteret.
___________________________________________________
 esik a hó

nem hiányzott

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://..kepek/mindenfeledekoracio/hatterek/feher_szurkevel.jpg border=0> <TBODY> <TR> <TD>    <BR> <FONT face="times new roman, times, serif" color=white size=3> esik a hó <BR><BR> nem hiányzott <BR>  </TD></TR></TBODY></TABLE>

___________________________________________________

Fejlécre gif

<div style="z-index: 1; left: 800px; width: 950px; position: absolute; top: 50px; height: 50px;"> <p align="left"><img border="0" alt="" src="http://kzella.qwqw.hu/tarhely/kzella/kepek/miniaturokszmajlik/csigahaz_csigaval__lassu_mozgokep.gif" _fcksavedurl="http://kzella.qwqw.hu/tarhely/kzella/kepek/miniaturokszmajlik/csigahaz_csigaval__lassu_mozgokep.gif" style="top: 18px; left: 54px; width: 69px; height: 32px;" /></p> </div>





**************************************************

A kis gif sétája a fejlécen.

Left(800px) közelebb a baloldalhoz nő az értéke (kék)
Top(50px) a kép magassága, ha nagyobb az összeg jön lefelé a fejlécen (zöld)

A kép linkje (piros)

----------------------------------------------------------------------------------------

 <div style="z-index: 1; left: 800px; width: 50px; position: absolute; top: 50px; height: 50px;"> <p align="left"><img border="0" alt="" src="http://.../kepek/miniaturokszmajlik/csigahaz_csigaval__lassu_mozgokep.gif" _fcksavedurl="http://k../t../kepek/miniaturokszmajlik/csigahaz_csigaval__lassu_mozgokep.gif" style="top: 18px; left: 54px; width: 69px; height: 32px;" /></p> </div>

*******************************************

Képek mozgásban, de ide gifeket tettünk bele és úgy próbáltuk ki a mozgó képket. Mozgó képben mozgó kép(hát ez elég cifra de tény).


Ide a kezdőkép linkjét írjuk be be
</script> <a href="http://............/galeria/kozepeskep/825282.jpg" imageanchor="1" style="clear: left;
A képeket természetesen másikkal helyettesítjuk be. Ha kevesebbet szeretnénk, töröljük a sorokat, ha többet, akkor teszünk utána, csak a számot eggyel nagyobbra írjuk
nieuwbeeldje[13]="http://k.........../galeria/kozepeskep/825282.jpg"
Ha megunjuk a képeket, kicseréljük másikakra.
Természetesen ha a left szót a kódban kicseréljük mindenütt akkor középre kerül a kép. Ugyanígy a magasságot és a szélességet is alakíthatjuk.
Na már nem írom át, egyenlőre nem is látható, mert amonnan hoztam át.


2012. október 27., szombat

Az első bejegyzés állandó helyen marad.

Stabil első bejegyzés a fejléc alatt.

Sokat foglalkoztatta a fantáziámat, hogyan tudnám a blogspoton is a helyén hagyni a bevezető írást. Nem a teljes oldalra gondoltam, azt már tudtam, hogy lehet. Azt írom le elsőnek, azt még saját magam fedeztem fel.
Ha a fejléc alatt szeretnénk ismertetőt az nagyon egyszerű:
Megírjuk amit szeretnénk egy bejegyzésbe és képpel is ellátjuk ahogy szeretnénk. Az egészet html módban váltba kijelöljük és egy jegyzettömbbe, vagy a wordpadba helyezzük. Ha értelmetlennek, tűnik ne is törődjünk vele, majd másképpen néz ki később.
Belépünk a  tervezésbe, a szerkesztőfelületen az elrendezést nyitjuk ki, mintha az oldalfalba szeretnénk beültetni valami új dolgot. A modul hozzáadását  kinyitjuk.
Itt választhatunk a két lehetőség közül.
1.
HTML/JavaScript
Ezzel a vezérlővel külső féltől származó funkciókat és más programkódokat vehetsz fel a blogodba.
2.
Szöveg    
Rövid szövegeket, például üdvözlést, írhatsz a blogba a szövegszerkesztővel.

Próbáljuk ki, hogy melyikkel szeretnénk inkább nézni, a szövegszerkesztővel, vagy a másikkal. Ezt simán beillesztjük a fejléc alá teljes szélességű modulnak, és készen is van az első feladat.
 A képen látható a hely (EZT AKARJUK BERAKNI) ahol a modul helye van.

Kaptam a tippet
Stabil(állandó bejegyzés az első blogbejegyzés).
 Én arra gondoltam, hogy az első blogbejegyzés maradjon mindig az első helyen. Amit oda leírok, vagy képet teszek oda, az ne menjen hátrább, ha új megjegyzést írok. Annyira egyszerű, de nekem nem jutott eszembe. Egy virtuális barátomtól kértem el a tudást, hiszen az ő oldalán már láttam is a hogyant. A. nagyon kedvesen megírta, hogy húzzam be, amit szeretnék kezdőbekezdésnek. Ezt fogom bemutatni itt, (másodiknak) és a jóváhagyásával ismertetem másokkal ezt a tudást. Az érdekes az, hogy annyira egyszerű, amikor már tudjuk, de addig, mennyit dolgoztam, hogy mit tudnák manipulálni, dátumokkal és hasonló dolgokat. A valóság egy mozdulattal elvégezhető.
Elkészítjük, amit szeretnénk állandó helyen látni, mint első blogbejegyzést, ami a helyén marad. A modult megcsináljuk és amikor kész, akkor azt simán középre húzzuk

Ennyi az egész, de eszembe sem jutott. azért írom le, mert ez másoknál is megtörténhet. Ugyanezt a blogbejegyzések végére is beilleszthetjük, és csak a bejegyzések haladnak, ez a helyén marad továbbra is.

2012. május 25., péntek

Dokumentum, PDF stb.

Néha szükségünk lenne rá, hogy egy dokumentum formátumú bejegyzést felrakjunk. Vagy csak belinkelnénk a blogunkba a legújabb írásunkat. Mindezt mi kész formátumba szeretnénk berakni és csak a linket raknánk a blogba.
Erre tökéletesen megfelel a Google nyitó lapján levő dokumentum. Amit tárhelyként használhatunk. Annak sem korlátlan a tár helye, de nem is a Háború és béke köteti kerülnek oda.
A formátumok elég változatosak:
Document
PDF
PowerPoint

2012. április 9., hétfő

Banner(logó) elhelyezése

Banner(logó) elhelyezése a blogban, hogy új ablakba nyíljon


Banner elhelyezése a blogspotban
(kód készítése a bannerhez, hogy új ablakba nyíljon)
A képet(bannert) a tárhelyre tesszük egy mappába. A blogspothoz a Picassa Webalbumok a tárhely. Sajátunk, létezik ahogy blogot nyitottunk.
Ha nem tudjuk, hogy hol van a webalbumunk, nyitunk egy oldalt a blogunkban, amit piszkozatnak használunk és mások számára láthatatlan. Itt a képre kattintunk és kinyilik egy ablak : fájl kijelőlése.
Itt a "Picassa Webalbumok szolgáltatásból" címűre kattintunk és megvan a saját albumunk.
Ha az "Ebből a blogból" -ra kattintunk: fölül ez jelenik meg:  Ezek a képek a Picasa Webalbumokban, a Google ingyenes fotómegosztó szolgáltatásában is megtekinthetők és megoszthatók. Itt a picassawebalbum link formában van. Rámegyünk megynyitjuk, és lementjük a címet egy könyvtárba, hogy könnyen elérhető legyen. (Sok mindent tárolhatunk benne, képeket, videókat, mi döntjük el, hogy ki láthatja.)

Folytatjuk a banner kód készítését. Megvan a képünk az oldalon. Rákattintunk az egérrel, amitől a színe megváltozik(kijelöltük) Közbe nyitva van a kép alján a sáv, hol méretezhetünk stb. Nekünk nem kell most, ha a kívánt méretben töltöttük fel a képet.

Rákattintunk a link szóra ( ahol a képet behoztuk azon a panelen). A lenyíló panelen dolgozunk.
Az internet címet kitöltjük (http://holabda.blogspot.com/) ahova szeretnénk hogy vigyen bennünket a link. Kipipáljuk a link megjelölése új ablakban kockát. Az új szerkesztőfelületen már automatikusan ki van, csak ellenőrizzük.
Megjelenítendő szöveg nem kell, mert a kép van helyette.
Leokézzuk(OK) rákattintva a kockára

Most megvan a másik oldalra nyíló bannerünk(logónk).
Mi a kódot szeretnénk megszerezni, és ehhez megvan a lehetőség.

Az írás helyett a HTML -re kattintunk. Az oldalon sok kriksz-kraksz jelenik meg, ez a mi kódunk.
Jobb egérgombra kattintunk és az egészet kijelöljük. Másolásra kattinva az egerünkön van. Ha még nincs nyitva a helye akkor egy jegyzetfüzetbe helyezzük(beillesztés) és elmentjük. Lila színnel ennek a legalsó képnek a kódja.
Később is felhasználhatjuk,ha kicseréljük a zöld részt(kép helye)
és a link helye.
Ez megy a

HTML/JavaScript elem beállításai 

ablakba.

--------------------------------------------------------------------
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://holabda.blogspot.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/--pyAgmOEjwA/T4gH0YM8ZSI/AAAAAAAAJho/23VjMnEYQ08/s1600/blog.gif" /></a> </div>
<br /></div>
</div>
-------------------------------------------------------------------------------------------
Itt középre van a kép helyezve, de ezt a szokott módon alakíthatjuk amikor a képet felrakjuk.


A tervezésnél a kiválasztott ablak a HTML/JavaScript panel lesz. Oda rakjuk utólag ahova akarjuk.