19.01.2007.

youtube video clip

Thursday, January 18, 2007 8:34 PM

draga charlotte,
molim te da mi odgovoris:
kako mogu video sa youtube postaviti u post?
da li da kopiram URL ili embed code? i kako da ga onda postavim u post tako da se moze gledati?
HVALA PUNO!
 
s.

Odgovor:

Da bi postavila neki video clip sa youtube u postu, potrebno je da pronadjes taj video i kopiras Embed kod.


Photobucket - Video and Image Hosting

 

 


Zatim, u blog editoru odaberes opciju Kod


Photobucket - Video and Image Hosting

 

 

 

i onda nalijepis kopirani kod.


Photobucket - Video and Image Hosting

Slijedeci korak je "Objavi post" ili "Spasi izmjene".

Kao rezultat, pojavice se video clip u vasem postu:

P.S.

Slobodna si da mijenjas dimenzije videa po zelji. (width="425" height="350")

12.01.2007.

marquee – atributi

Objavio/la nekyca prije 20 sati 31 minutu

ali kako da mi sporije ide tekst kao primejr ovaj tvoj........
pls......
extra ti je blogg..........
swe mi je uspjelo ali ne znam kako da mi sporije ide tekst

Odgovor:

Atributi koji se koriste uz tag marquee:

DIRECTION = right/ left/ up/ down - kretanje sa lijeva na desno/ sa desna na lijevo/ prema gore/ prema dole

BEHAVIOR = scroll - animacija ce nestati kod desne margine te se ponovno pojaviti kod lijeve

SCROLLAMOUNT = 7 - brzina animacije

SCROLLDELAY = 350 - tekst se pomice za po jednu tacku svakih 350 milisekundi

BGCOLOR = #789EF0 - boja pozadine

HEIGHT = 150px - visina animacije

WIDTH = 190px - sirina animacije

10.01.2007.

tekstualne animacije

Objavio/la Heartless_Soul prije 15 dana 8 sati

mogu li te pitati kako cu uradit ovaj prozorcic sa linkovima kao na tvom drugom blogu
oni 'virtual friends'
???
unaprijed hvala


Odgovor:

Ako zelite animirati neki text, zbog vizuelnog efekta, koncepcije, ili da bi ste mali prostor iskoristili za duzi text koristite tag marquee sa nekim atributima.

Najjednostavniji primjer je koristenje marquee sa atributom direction. Time ste definisali standardni nacin animacije texta i odredili smjer kretanja texta (da li ce se text kretati prema gore - up, dolje - down, lijevo - left ili desno - right).

Prakticno to bi izgledalo:



Na mom licnom blogu imate slican primjer animiranog texta u boxu. Animacija je upotrijebljena za linkovanje bloggera koje redovno posjecujem.

Primjer animiranog texta:


Ne budi daleko od mene

Ne budi daleko od mene ni jedan dan,
jer, ne znam kako bih rekao, dan je dug
i cekat cu te na nekoj stanici
kad negdje daleko usnu valovi.

Nemoj otici ni samo jedan sat, jer tada,
u tom satu, spoje se kapi nesanice
i mozda ce sav dim sto trazi svoju kucu
doci da ubije i moje izgubljeno srce.

Jao, neka se ne razbije tvoj lik na pijesku,
jao, neka ne lete tvoje vjedje u odsutnosti:
ljubljena ne idi od mene ni za trenutak,
jer u tom otici ces tako daleko
da cu obici zemlju ispitujuci
hoces li se vratiti ili me ostaviti da umrem.

Pablo Neruda


09.01.2007.

besplatni predlosci za blogger

Zelite promijeniti izgled vaseg bloga, a da pri tome ne gubite mnogo vremena na kreativnost i proucavanje HTML i CSS koda, onda ce vam ovi linkovi koristiti:

Blog Layouts

Photobucket - Video and Image Hosting

Blog Skins

Photobucket - Video and Image Hosting

Tu su razne kategorije predlozaka... Predlosci za svakoga. Sve sto vi trebate uraditi je da uzmete ponudjeni kod u vidu .txt fajla i uradite neke male izmjene da bi predlozak prilagodili za blogger.ba. Najbitnije je da znate dodati gdje treba {NazivBloga}, {OpisBloga}, {Postovi}, {BoxNaslov}, {BoxSadrzaj}, {MojiPrijatelji}, {Counter}, a ostalo su manje bitne izmjene... Sta cekate ;-) na posao, ali prije toga sacuvajte vas postojeci predlozak.
25.12.2006.

text-align/text-decoration

1. Tekst se poravnava uz pomoc text-align:

Poravnanje sa lijeve strane text-align: left
Poravnanje sa desne strane text-align: right
Poravnanje sa obje strane text-align: justify
Centriran tekst text-align: center

Npr. ovom izmjenom postizete centriran tekst u postovima:

#blog { padding: 30px; font-size: 12px; text-align: center; background-color:#fff; margin-left:232px; margin-right:233px; line-height:18px; }

2. Tekstualna dekoracija tj. text-decoration:

underline - podvucena crta ispod teksta (underline)
overline - nadvucena crta iznad teksta
line-through - povucena linija preko teksta (line-through)
none - bez dekoracije (none)
blink - tekst blinka, IE ne prihvata ovu dekoraciju, dok u FireFox-u tekst blinka (blink)

13.12.2006.

blog img

 Zelite li da slika koju dodajete u post bude prikazana u vecem/manjem fomatu, ima okvir, ima odredjenu podlogu, bude vise/manje udaljena od teksta, bude prikazana na desnoj/lijevoj strani rjesenje je definisanje #blog img sa odgovarajucim atributima u css dijelu HTML koda.


Primjer:

#blog { width: 490px; float: left; font-size:12px; padding:20px; color:#fff; background-color: #526685; }

#blog img { width:250px; margin: 0px 20px 10px 10px !important; padding: 15px; border: 2px dotted #FFF; background: #6FBBD9; display: block; float: right; }

U navedenom primjeru width:250px oznacava sirinu slike (takodje se moze koristiti atribut height za definisanje duzine slike, no pozeljno je koristiti samo jedan od ovih atributa zbog razlicitih velicina slika); margin odredjuje prazan prostor oko slike gore, desno, dole i lijevo; padding odredjuje koliko je slika odmaknuta od background-a; border se odnosi na okvir slike, debljinu okvira, vrstu linije (none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset) i boju okvira; background je pozadina na kojoj se nalazi slika (moze biti neka boja ili slika).

03.12.2006.

slide photos

Koristan link za slide nekih fotografija, bez mnogo muke. Lako se mogu prilagoditi dimenzije, kretanje fotografija, velicina slova... Nije komplikovano, nije savrseno, ali za one koji ne sitnicare i ne zele gubiti mnogo vremena odlican link: 2coolphoto

Ovako sam ja iskoristila mogucnosti ovog slajda: Dan drzavnosti

Ako znate za jos neke korisne edukativne ili zabavne linkove mozete ih ostaviti u komentarima, a ja cu se pobrinuti da budu vidljivi i svima dostupni.

22.11.2006.

slike vecih dimenzija, formata koji nije .jpg, sa vise od 100KB

Nacin postavljanja slika (fotografija) vecih dimenzija, formata koji nije .jpg, sa vise od 100KB:































Pod znake navoda kopirate link zeljene slike, border (okvir, rub) mozete zadati u px ili kao u ovom primjeru upisati pod znake navoda samo 0 i slika nece biti uokvirena.






























Za razliku od prvog primjera klikanjem na ovu sliku otvarate i link naveden pod a tagom tj. <a href="http://nesigurno.blogger.ba/" target="_blank"> u novom prozoru, znaci slika ima ulogu.

Unutar posta (iskljucena opcija "Kod") desnim klikom na sliku mozete na jednostavan nacin rucno podesiti odgovarajucu dimenziju slike ili pak ako zelite precizno definisati sirinu i duzinu slike unutar koda zadati dimenzije (width & height), kao u primjeru:



























Najjednostavniji, najbrzi i najprakticniji nacin postanja takve slike je prikazan na slijedecoj slici:





Ovaj kod se jednako izvrsava i u tekstu posta, a i u html kodu posta (bloga). Na slici je boldiran bitan bbc kod, a link je ispisan normal fontom zbog lakseg snalazenja, no u praksi sve treba biti u istom stilu (sve normal, ili bold...).

Napomena: Vodite racuna kompletan kod bude napisan istom vrstom fonta, velicinom fonta...
20.11.2006.

linkovi

Linkove unutar posta ili boxa mozemo postaviti na vise nacina. Jedan od njih je ubacivanje linkova zajedno s tekstom uz pomoc bcc kodova. Kod za link se formira na nacin koji je prikazan unutar textarea dijela, pri cemu vi postavljate zeljeni link i naziv pod kojim ce link biti prikazan.





Linkove koje upisujemo u HTML kod bloga ili samog posta postavljamo na slijedeci nacin:



Ako zelite postaviti link cijim klikanjem posjetitelji mogu odmah da vam posalju mail, cinite to na slijedeci nacin:



18.11.2006.

Blog ruho humanosti

Zadivljena sam humanom akcijom Dr. Jabuke da pomogne u prikupljanju sredstava za lijecenje HARISA SVRAKICA, cija je nesretna prica objavljena u prethodnom postu. Obzirom da sam izdrzavano lice, te nemam novaca kojim bih pomogla tu akciju, odlucila sam da pokusam doprinijeti na svoj nacin. Svi bloggeri koji uplate bilo kakav novcani prilog za lijecenje Harisa, mogu poslati kopiju uplatnice na nesigurno@hotmail.com , a zauzvrat mogu birati neki od predlozenih templejtova za svoj blog. Za pocetak slike prvih 5 prijedloga, a bice ih jos. Cekamo vas odziv.













11.11.2006.

video (music) options

Veliki je interes blogera da na stranicu postave muzicki video, te uzivaju slusajuci omiljenu muzicku numeru na blogu. Zaboravljaju pri tome da posjetioci vjerovatno slusaju svoju muziku pa ce se desiti da im se pomijesaju zvuci ili pak imaju losu konekciju pa ce se desiti da se njihova stranica sporo ucitava i time zamara posjetioce. Na slijedecim stranicama mozete pronaci kodove za zeljeni MusicVideo:
VideoCodeZone
MusicVideoCodes
VideoCure

Negdje trebate odabrati odgovarajuci kod. Ako postavljate spotic na svoj blog u body ili unutar posta onda odaberite opciju Blogger za prvu, a Add Music Video to Other Sites za drugu stranicu. Kod mozete korigovati imajuci u vidu:

autoplay ili autostart ( ='true' ili 'false' ) - odredjuje da li ce se video pokrenuti automatski ili ne
loop ( ='true' ili 'false' ) - odredjuje da li ce se video po zavrsetku automatski ponavljati ili ne
ShowControls ( ='1' ili '0' ) - odredjuje da li ce biti prikazan kontrolni panel tj. play, stop, pause
ShowStatusBar ( = '1' ili '0' ) - odredjuje da li ce biti prikazan status
DisplaySize ( ='1' ili '0' ) - odredjuje velicinu displaya; potrebno je podesiti width i height
width i height - dimenzije videa; sirina i visina
pluginspage - stranica sa koje se moze downloadovati MediaPlayer

 

04.11.2006.

zabrana selektiranja


Kako mogu zabraniti selektiranje teksta na blogu?
Objavio/la rodjeni



Odgovor:
Da bi sprijecio posjetitelje da selektuju tekst, kopiraju ga, koriste desni klik kako bi snimili tvoje slike ili sl. potrebno je da u body tag-u definises slijedece:
<body oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">
04.11.2006.

naslov posta

Hej,odličan blog!Ovo je nešto što treba na bloggeru.Ja bih molio za pomoć.treba mi druga poja naslova!Ne želim narančastu boju!Kako da promjenim boju naslova na postu!?

Odgovori plese :::
Objavio/la chamillionaire
Odgovor:

Boju za naslove postova mozes promijeniti u CSS dijelu bloga kao n.pr.

h4.naslov-posta  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; text-align:center; margin: 5px 0 10px 0; padding: 2px; color:#6E6083; font-weight:normal; background-color:#D3CBDA; border: 1px solid #6E6083; }

Ovo je kod iskoristen na ovom blogu, a ti u svom kodu nadji boldirani dio teksta i promijeni boju. Poklanjam ti jedan primjer prilagodjen bojama na tvom blogu, mozda ti se svidi ;) pa copy-paste:

h4.naslov-posta  { font-size:14px; margin: 15px 0 10px 0; text-align:center; padding: 3px; color:#010080; border: 2px solid #8CA9C9; background-color: #D1DDEB; }
03.11.2006.

scrollbar attributes

ee haj pls objasni kako da promjenim boju ovog klizaca sa strane il kako se to vec zove

Objavio/la bizzare3

Odgovor:

Promjena izgleda (boje) scrollbar-a je uocljiva samo u IE browseru. Da bi ste promijenili standardni izgled scrollbar-a potrebno je da slijedeci tekst kopirate i ubacite na pocetak vaseg html koda, znaci ispred svega ostalog, na samom pocetku. Naravno, vi odaberete boje ta svaki dio scrollbar-a.

<style type="text/css">
body
{ scrollbar-3dlight-color: khaki;
scrollbar-arrow-color: palegreen;
scrollbar-base-color: chartreuse;
scrollbar-darkshadow-color: teal;
scrollbar-face-color: teal;
scrollbar-highlight-color: chartreuse;
scrollbar-shadow-color:palegreen;
}
</style>

27.10.2006.

lijeva i desna kolona

 

Kako i sa leve i sa desne strane da imam boxeve?

Objavio/la DaRkErKa

 

 Odgovor:

Potrebno je u CSS-u definisati lijevu i desnu kolonu i zadati vrijednosti prarametara unutar kolona po zelji. Primjer:

#desna { background:transparent; padding-top:20px; position:absolute; left:10px; top:100px; width:150px; }
#lijeva { background:transparent; padding-top:20px; position:absolute; right:10px; top:100px; width:150px; }

Obratite paznju na position:absolute;  to je obavezno, left:10px;  i right:10px; mozete podesavati udaljenost kolone s lijeve ili desne strane, top:100px; udaljenost od vrha stranice, bitno je da bude veca od duzine zaglavlja i width:150px; sirina same kolone.

Zatim u html dijelu definisati novu kolonu.

<!-- pocetak desne kolone -->
<div id="desna">

U ovom dijelu se upisuje sve sto zelite da bude unutar te kolone, ukljucujuci i boxove.

</div>
<!-- kraj desne kolone -->

<!-- pocetak lijeve kolone -->
<div id="lijeva">

Znaci, isto vrijedi i za drugu kolonu...

</div>
<!-- kraj lijeve kolone -->


Charlotte

    

 

 

 

 

 

 

 

 

 

 

 

 

Izgled templatea s dvije kolone.

 


25.10.2006.

html colors

Mozete izabrati boje po svom ukusu. Evo par linkova gdje mozete pronaci zeljene boje i nijanse boja:

W3Schools.com
Html-color-codes.com
Immigration-usa.com
ComputerHope.com

Tu cete naci boje u vidu kodova, znaci # neki sestocifreni ili trocifreni broj u hexadecimalnom formatu, pri cemu u slucaju sestocifrenog broja prve dvije cifre oznacavaju nijansu crvene boje, druge dvije zelene i posljednje dvije nijansu plave boje.

Boje se takodje mogu koristiti i svojim imenom na engleskom jeziku. Tada se ne koristi tarabica (#).

Boja teksta u postu, boxu se mijenja na slican nacin. Prije teksta koji zelimo obojiti otvorimo cetvrtastu zagradu, upisemo color= i onda zeljenu boju teksta na gore navedene nacine, zatim zatvorimo zagradu i napisemo taj tekst, a poslije teksta koji zelimo obojiti ponovo pisemo cetvrtastu zagradu i u njoj /color.

Ovaj dio se odnosi na sve linkove koji se nalaze na vasem blogu:

a, a:visited, a:active { color:purple; font-weight:normal; background-color: transparent; text-decoration: underline; }

Boldiracu linkove tako sto umjesto font-weight:normal upisem font-weight:bold.

24.10.2006.

Copyright ©

kako da stavim onaj zastitni kooooooood......

Objavio/la dada

Odgovor:

Kopiras slijedecu skriptu u prostor iznad zatvorenog taga </body> u html kodu svog bloga (kao na slici), sacuvas izmjene i zastita je postavljena.

<script language=JavaScript>

<!--

//Disable right mouse click Script

//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive

//For full source code, visit http://www.dynamicdrive.com

var message="Copyright ©";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

 

Poruku koja se nalazi u znacima navoda (var message="Copyright ©") mozes promijeniti, upisati nesto po zelji.

22.10.2006.

citat - quote

Ako zelite istaci neki citat ili dio teksta u postu koristite BBC kod quote u srednjim zagradama [] prije pocetka tog teksta, a na kraju citiranog teksta [/quote]

Prethodno je potrebno u CSS umetnuti .citat kao u primjeru:

.citat { font-size: 12px; font-weight:bold; text-align:center; color:#628986; background-color:#E5D2C3; border:1px solid #000; }

20.10.2006.

prekrizena rijec/tekst

Kako da dodam CSS tag kojim mogu predstaviti prekrizena slova: Dakle isto kao npr. rijec samo sto linija ne treba daise ISPOD, nego KROZ slova?
Objavio/la roque

Odgovor:

Ako zelis samo prekriziti neku rijec ili text unutar posta onda klik na opciju 'Kod' i ispred rijeci/teksta upisi <s>, a iza rijeci/teksta zatvori taj tag sa </s>

Ovako to izgleda u Kodu:
<strike>word/text
</strike>
<s>
word/text</s>

Ovako to izgleda u postu:
word/text
word/text


Ako zelis u CSS-u zadati da neki dio texta bude prekrizen koristi:
text-decoration: line-through;

19.10.2006.

background-image (slika u pozadini bloga)

Ispod navedeni dio kopiramo odmah ispod zavrsetka body dijela ili u produzetku.
Sami izaberete sliku ciji ce te link upisati umjesto linka koji je koristen u primjeru.

PRIMJER SLIKOVNE PODLOGE

 


body { background: url("http://st105.startlogic.com/~alkaspac//is.php?i=7998&img=Andreas.JPG") fixed; background-repeat: no-repeat;  background-color: transparent; }

 

Za ovakav izgled bitna je postavka background: transparent;

#blog { background: transparent; ....}
#desna { background: transparent; ....}

18.10.2006.

Osnove CSS-a

body
- Tu su upisane podrazumijevane vrijednosti parametara (kao sto su font-size, text-align, color, ...) za kompletan izgled bloga koje mi, naravno, mozemo mijenjati po zelji, ali ako zelimo druge vrijednosti pojedinacnih parametra u odredjenom dijelu bloga, onda u tom dijelu navodimo zeljene vrijednosti.


a, a:visited, a:active
- Odnosi se na izgled svih linkova na blogu (n.pr. velicina fonta, vrsta fonta, boja slova, boja podloge, podvuceni ili ne...)


a:hover
- Odnosi se na izgled linka u trenutku kada je oznacen kursorom, tj. u trenutku kada predjete misem preko linka.


.citat
- Izgled citata (quote) koji se prikazuje unutar posta.


#zaglavlje
- U tom dijelu bloga je obicno ispisan naziv vaseg bloga, opis bloga, tu se moze postaviti slika, ili pak jednobojna podloga.


#zaglavlje h1
- Tu se upisuju vrijednosti parametara za naziv bloga (kao sto su velicina i vrsta fonta, koordiniranje naslova, boja...).


#zaglavlje p
- Tu se upisuju vrijednosti parametara za opis bloga.


#blog
- To je jako bitan dio CSS-a koji odredjuje izgled dijela bloga u kojem se nalaze i postovi, tu zadajete vrijednosti tipa velicine i vrste fonta u postovima, podrazumijevane boje teksta u postovima, postavljanja margina, poziciniranja teksta (lijevo, desno, centrirano, izjednacena sirina redova), boja podloge na kojoj ce biti ispisivan tekst...


#blog img 
- U ovom dijelu zadajete vrijednosti parametara za slike koje postavljate na blog.


#desna  (#lijeva)
- Dio predvidjen za kolonu (ili obje, kao u par ponudjenih templatea na blogger.ba) u kojoj se nalaze i boxevi, gdje, takodjer, mozete mijenjati vrijednosti parametara i pozicionirati po zelji (n.pr. ako zelite zamijeniti poziciju bloga sa pozicijom kolone).


#kontejner
kontejner = zaglavlje + blog + desna (lijeva) kolona + footer ... Kontejner obuhvata  sve sto se nalazi na podlozi bloga, tekstovi u postovima i boxevima ne prelaze granice kontejnera, njegova glavna funkcija je da marginalizira, po zelji se podesava...


div#postovi
- Sluzi samo za izmjene teksta unutar postova.


.footer-posta
- Dio u kojem je ispisano vrijeme objavljivanja posta i broj komentara.


#footer
- Nalazi se pri dnu bloga, gdje je obicno ispisano „Sva prava pridrzana. Blogger.ba....“


.tab
- Tu podesavate izgled naslova boxeva.


.linked
- Unutar kalendara definise izgled onih datuma (dana) koji imaju link tj. datumi objavljenih postova.



Get your own Chat Box! Go Large!