Mine IKT Blogg: september 2011

Hvordan lage en Blogg / Website Free - Warbeats Tutorials

Noen tips;
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

Fargekart:
http://www.myspacedev.com/color-codes/

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

RAMME RUNDT BLOGGEN

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet.
Koden du skal legge inn er:
border: 2px dotted #000000;

Hvor legger jeg den inn?
Du legger den inn under #wrapper og #footer. Ca. sånn her skal det se ut:
(Du kan også legge koden inn under #header, hvis du vil ha en ramme rundt headeren også).

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;

Hvis du ikke vil ha en 'prikkete' ramme, så skriver du solid istedenfor dotted. For å endre tykkelsen på rammen, så kan du for eks. skrive 3px eller hvis rammen skal være mindre så skrive du bare 1px.

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

MENYEN FRA HØYRE TIL VENSTRE

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet.
Koden du skal legge inn er:
}
#main {
float: right;
}
#side {
float: left;

Hvor legger jeg den inn?
Du legger den inn under #wrapper.
Slik skal det se ut sånn ca:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;

Hvis du vil ha menyen i en liten boks, så skal du legge inn denne koden:
border: 1px solid #000000;
background-color: #4D4D4D;

Hvor legger jeg den inn?
Hvis du ser under her så ser du hvor du skal lime den inn.

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
border: 1px solid #000000;
background-color: #4D4D4D;
}

--------------------------------------------------------------------------------
MIDTSTILLE BLOGGEN DIN

Koden du skal bruke:
margin-left: auto;
margin-right: auto;

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

Slik skal det se ut:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
--------------------------------------------------------------------------------

SMAL BLOGG

Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer.

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

Nå er det bare å endre tallet til hva du måtte ønske. 600px eller kanskje 800px. Du bestemmer.

--------------------------------------------------------------------------------
BAKGRUNNSBILDE SOM "STÅR FAST"

Koden:
BODY {
background-image: url("her skal URL'en til bildet stå");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

Hvor legger jeg den inn?
Den skal du lime inn øverst i stilsettet.
--------------------------------------------------------------------------------
ENDRE "X ANTALL KOMMENTARER"

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler

- Trykk på CTRL + F tasten på tastaturet.
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> "
- Det du skal gjøre er å endre litt på koden slik:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>
--------------------------------------------------------------------------------
ENDRE BAKGRUNN FOR OVERSKRIFTER

Koden:
h2 {
cursor:default;
background-color: #000000; <- Her endrer du bakgrunnsfarge..
color: #16CC16;
font-size:9pt;
font-family:tahoma;
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg den inn?
Den skal du lime inn nederst i stilsettet ditt.

Og så er det bare og lagre stilsettet.
--------------------------------------------------------------------------------
SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ

Koden:
 <a href="http://www.fastonlineusers.com" mce_href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> </div>

Hvor legger jeg den inn?
Endre profil - > Beskrivelse
I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din. :)
--------------------------------------------------------------------------------
RAMME RUNDT HELE SIDEN

Koden:
border: 8px solid #000000;

Hvor skal jeg legge den inn?
Helt øverst i stilsettet.

Slik skal det se ut;
body {
background-color: #FFFFFF;
font-family: times new roman;
border: 8px solid #000000;
}
--------------------------------------------------------------------------------
GOOGLE OVERSETTER PÅ DIN BLOGG

Først går du inn på; http://translate.google.com/translate_tools?hl=no
Der henter du koden.

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler

Når du er inne på Maler, så trykker du på CTRL + F tastene. Der skal du søke på "sidebar". Under der, skal du lime inn koden du hentet på nettsiden. Og så er det bare å lagre malen.
--------------------------------------------------------------------------------
ENDRE FOR HVA DET STÅR PÅ KOMMENTAR KNAPPEN

Slik gjør du det:
Gå inn på Design -> Rediger -> Maler.. Når du er på Maler, så ser du at det står Index (forsiden). Trykk der og velg; Enkeltinnlegg. Deretter trykker du CTRL + F på tastaturet ditt og så søker du på " Send kommentar ". Istedet for at det står 'Send kommentar', så kan du jo skrive hva du enn vil. Kanskje "Nå blir jeg glad :)" eller noe annet.
--------------------------------------------------------------------------------
HVORDAN FÅ HEADEREN(BILDE) PÅ PLASS DER OPPE

Koden du skal bruke er:
#header {
background-image: url(http://www.settinnlenkeher.jpg);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}

Hvor skal jeg legge den inn?
Design -> Rediger
Så limer du bare inn koden i stilsettet ditt.
--------------------------------------------------------------------------------
SHOUTBOX PÅ DIN BLOGG

Du trykker øverst der det står: ShoutMix Chat. Da kommer det opp et nytt vindu. Nå skal du trykke på 'CREATE YOUR SHOUTBOX NOW'. Deretter skriver du inn informasjon osv, du skjønner det nok. :)

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Trykk CTRL + F på tastaturet ditt, og søk på 'sidebar'. Under der legger du inn koden.
Nå er det bare å trykke på Lagre Malen og da skal den ligge på framsiden av bloggen din.
--------------------------------------------------------------------------------
STØRRE PROFILBILDE

Koden du skal bruke er:
<img src="PICTURE URL" height="100">

Forklaring:
Picture url skjønner du sikkert. Der du skal legge inn linken til bildet ditt.
100, der kan du sette inn et tall, og det bestemmer hvor stort bildet ditt blir.

Slik gjør du det:
Design -> Rediger -> Maler.
Her skal du finne <img src="${ProfileImageUrl}" alt="${ProfileName}" />.
Så du kan for eksempel søke (CTRL + F) på 'profilename'. Du skal deretter bytte ut (<img src="${ProfileImageUrl}" alt="${ProfileName}" />) med koden; <img src="PICTURE URL" height="100">.
For å legge inn linken til bildet, så må du laste opp bildet ditt på www.tinypic.com, under "Direct Link for Layouts" henter du linken som du skal legge inn i koden. Og du kan endre størrelsen for bildet ditt også hvis du vil.
Nå trykker du på Lagre Malen og da skal bildet ditt være større.
--------------------------------------------------------------------------------
STØRRE OVERSKRIFT (ARKIV, KATEGORIER osv.)

Hvordan gjør jeg dette?
Design -> Rediger -> Maler.
Søk (CTRL + F) på 'arkiv'. Når du finner denne; <h3>Arkiv</h3>. så kan du istedenfor h3, skrive h1.
Det samme gjør du med Kategorier, Arkiv, Siste innlegg, Siste kommentarer og Lenker.
Nå trykker du på Lagre Malen og da skal overskriftene være større.
--------------------------------------------------------------------------------
MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke:
font-size: 10pt;

Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper.

Slik for eks. skal det se ut;
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}

Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8...
--------------------------------------------------------------------------------
FÅ BORT NAVNET OVER HEADEREN

Koden:
#header h1, #header p { display:none }

Hvor skal jeg legge den inn?
Den skal du legge nesten helt nederst i stilsettet ditt.

Slik skal det noenlunde se ut;
#header { color: #FFFFFF; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFFFFF; }
--------------------------------------------------------------------------------
FÅ STØRRE SKRIFT PÅ NAVNENE I INNLEGGENE

Slik gjør du det:
Design -> Rediger -> Maler -> Enkeltinnlegg
Trykk på ctrl + f, søk på h4. Da skal du finne denne linja; <h4>${CommentAuthorLinkIf}</h4>
Istedet for at det står <h4>, endrer du 4-tallet til 1.

Slik skal det se ut:
<h1>${CommentAuthorLinkIf}</h1>
Trykk lagre malen, og da er navnene på innleggene større.

--------------------------------------------------------------------------------
FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

Slik gjør du det:
Design -> Rediger -> Maler.
Ctrl + f. Søk på blogg.no, så skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
Denne skal du fjerne altså.
Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte.
--------------------------------------------------------------------------------
RAMME RUNDT HVERT INNLEGG

Koden:
}
.entry {
border: 1px solid #708090;
background: #FFFFFF;
text-align: center;
}

Hvor skal jeg legge den inn?
Den skal du legge helt nederst i stilsettet ditt.
--------------------------------------------------------------------------------
FÅ ET LITE IKON ATTMED 'KOMMENTARER' F.EKS.

Kode:
<img src="http://i43.tinypic.com/2crm3qu.gif">

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler.
Trykk på CTRL + F. Søk på Kommentarer. Når du har funnet en linje som dette; <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Så skal du legge inn koden bak. Slik at det ser ut som dette:
<img src="http://i43.tinypic.com/2crm3qu.gif"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Trykk Lagre malen, og da skal det være et lite bilde bak "Kommentarer".

-----

Det samme gjør du, hvis du vil ha bilde attmed dato...

Du bruker da denne koden; <img src="URL-adressen til bildet">
For å finne Url-adressen til et bilde gjør du ved å høyreklikke eller laste opp bildet på tinypic.
Og så må du inn på Maler for å legge inn koden.
--------------------------------------------------------------------------------
MENY UNDER HEADEREN

Koden du skal bruke:
<a href=LINK TIL INNLEGGET><img src=URL-ADRESSEN TIL BILDET></a>

Det første du må gjøre er å lage et bilde i f.eks. paint. Du kan lage det uansett, slik som du vil, f.eks. som et hjerte, trekant eller bare en liten firkant. Og du må huske å skrive hva det gjelder, f.eks. du kan skrive på det ene bildet; Om meg. Når du har gjort det så må du laste bildet opp på en nettside. Det kan du gjøre på www.tinypic.com. Nå er det bare å legge inn koden. Og som du ser under så er det bare lagt inn en link som blir å vises under headeren. Men hvis du vil ha flere så er det bare å lage flere bilder og legge inn flere koder under den første du la inn..

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk (CTRL + F) på " BlogDescription ". Og da skal du legge inn koden under </div> .

Slik skal de se ut:
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<a href=www.dinblogg.blogg.no><img src=http://dittbilde.jpg></a>
<div id="wrapper" class="yui-gc">

Nå trykker du på Lagre Malen og da skal det være en meny under headeren din.
--------------------------------------------------------------------------------
MELLOMROM MELLOM HEADER OG SELVE BLOGGEN

Koden du skal bruke:
margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.
--------------------------------------------------------------------------------
FÅ BORT RAMMEN RUNDT PROFILBILDET DITT

Koden du skal bruke:
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Forklaring:
200 = der kan du velge hvor stort bildet skal være.
URL = Der skal du sette inn adressen for profilbildet ditt.

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk (ctrl + f) på "profile".

Slik skal det ca. se ut:
<div id="profile" class="clearfix">
<div>
<a href="${ProfileUrl}" title="${ProfileName}">
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
</a>
</div>
____________________________________________________________________________________________________________________________________________________________________________________________

Web 1.0 VS Web 2.0

Web 1.0 was about reading, Web 2.0 is about writing

Web 1.0 was about companies, Web 2.0 is about communities

Web 1.0 was about client-server, Web 2.0 is about peer to peer

Web 1.0 was about HTML, Web 2.0 is about XML

Web 1.0 was about home pages, Web 2.0 is about blogs

Web 1.0 was about portals, Web 2.0 is about RSS

Web 1.0 was about taxonomy, Web 2.0 is about tags

Web 1.0 was about wires, Web 2.0 is about wireless

Web 1.0 was about owning, Web 2.0 is about sharing

Web 1.0 was about IPOs, Web 2.0 is about trade sales

Web 1.0 was about Netscape, Web 2.0 is about Google

Web 1.0 was about web forms, Web 2.0 is about web applications

Web 1.0 was about screen scraping, Web 2.0 is about APIs

Web 1.0 was about dialup, Web 2.0 is about broadband

Web 1.0 was about hardware costs, Web 2.0 is about bandwidth costs

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

                                                  RSS (Really Simple Syndication)

RSS (opprinnelig RDF Site Summary, ofte kalt Really Simple Syndication) er en familie av web-feed formater som brukes til å publisere hyppige oppdatert arbeid, for eksempelblogginnlegg, nyhetsoverskrifter, lyd og video i et standardisert format.  En RSSdokument (som kalles en "feed", "web feed",  eller "kanal") inkluderer komplett ellersammenfattet tekst pluss metadata som for eksempel publisering datoer og forfatterskap.RSS feeds nytte utgivere ved å la dem syndikat innhold automatisk. Et standardisert XML-filformat lar informasjonen publiseres én gang og vises av mange ulikeprogrammer. De drar nytte lesere som ønsker å abonnere på rettidig oppdateringer fra favoriserte nettsteder eller å aggregere feeds fra mange nettsteder på ett sted.Eksemple



Som RSS-filer er egentlig XML formatert ren tekst, er RSS-filen selv relativt lett lesesbåde av automatiserte prosesser og av mennesker likt. Et eksempel filen kan ha innhold som følgende. Dette kan plasseres på enhver passende kommunikasjonsprotokollen forhenting av filer, som for eksempel http eller ftp, og lesing programvare ville bruke informasjonen til å presentere en pen skjerm til sluttbruker.



<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
        <title>RSS Title</title>
        <description>This is an example of an RSS feed</description>
        <link>http://www.someexamplerssdomain.com/main.html</link>
        <lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate>
        <pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
 
        <item>
                <title>Example entry</title>
                <description>Here is some text containing an interesting description.</description>
                <link>http://www.wikipedia.org/</link>
                <guid>unique string per item</guid>
                <pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
        </item>
 
</channel>
</rss>

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

Restauranten Der Universet Slutter

Skrevet av Douglas Adams

Fantasy

Kapittel 1

Historien så langt :

I begynnelsen ble Universet skapt. Dette gjorde mange svært sinte og ble i vide kretser betraktet som et dårlig trekk.

Mange folkeslag tror at det ble skapt av en slags gud, men Jatravartidene på Viltvodle VI tror faktisk at hele Universet ble blåst ut av nesa på en skapning som heter Den store grønne Erkeaptilen.

Jatravartidene, som lever i evig frykt for at Det store hvite lommetørkleets tid skal komme, er små, blå skapninger med mer enn femti armer hver, og helt unike i den forstand at de er de eneste vesener i historien som oppfant deodoranten før hjulet.

Men teorien om Den store grønne Erkeraptilen er ikke særlig anerkjent utenfor Viltvodle VI, og siden Universet er der forvirende stedet det nå engang er, blir stadig nye forklaringer presentert.

For eksempel finnes det en rase av hyperintelligente pandimensjonale vesener som på et tidspunkt bygget Dypsindige Tenker, en gigantisk superdatamaskin, som en gang for alle skulle regne ut svaret på livet, Universet og alt mulig.

I syv og en halv millioner år arbeidet Dypsindige Tenker på spreng, og kunne omsider kunngjøre at svaret var førtito-noe som førte til at en enda større datamaskin ble bygd for å finne ut hva som egentlig var spørsmålet.

Denne datamaskinen, som ble kalt Jorda, var så stor at den stadig ble forvekslet med en planet- særlig av de snåle, apelignende vesenene som flakket omkring på overflaten og ikke hadde den fjerneste anelse om at de bare var en del av et enormt dataprogram.

Og det var jo merkelig, fordi uten denne forholdsvis enkle og ganske innlysende kunnskapen ville jo ikke noe av det som skjedde på jorda ha noen mening.

Men dessverre, like før maskinen skulle til å skrive ut det endelige svaret, ble Jorda helt uventet ødelagt av vogonerne som hevdet at de trengte en ny gjennomfartsåre i hyperrommet , og slik gikk alt håp om å finne ut av meningen med livet tapt for alltid. Slik kunne det i hvert fall se ut.

To av disse snåle, apelignende vesenene overlevde. Arthur Dent kom seg unna i siste øyeblikket fordi en venn av ham, Ford Prefect, med ett viste seg å komme fra en liten planet i nærheten av Betelgeuse og ikke fra Guildford som han alltid hadde hevdet, og dessuten visste han hvordan man haiket med flygende tallerkener.

Tricia McMillan – Trillian – hadde stukket av fra planeten seks måneder tidligere sammen med Zaphod Beeblebrox, Galaksens president. To overlevde.

De er alt som er igjen av det største eksperimentet som noensinne er utført – å finne Det Endelige Spørsmålet og Det Endelige Svaret på meningen med livet, Universet og alt mulig.

Mindre en tre kvart millioner kilometer fra stedet der romskipet deres flyter dovent gjennom rommets dybde mørke, kommer et vogonsk skip langsomt mot dem.

....................................................................................................................................................................

Blogg linker til klassen

Borgar http://brl2ika.blogspot.com/

Aram http://htmlkoderher.blogspot.com/

Audun http://audunlol.wordpress.com/

Daniel http://dantaikt.blogspot.com/

Thomas http://web2fvrfersgrsd.blogspot.com/

Nils http://ikt2011-2012.blogspot.com/

Jørgen http://jorg-1.blogspot.com/

Jon Magnus http://jmlw2ika.blogspot.com/

Tom http://tom-roxx.blogspot.com/

Mine IKT Blogg

mandag 26. september 2011

KURDISTAN

FNs rolle i konflikten

Restauranten Der Universet Slutter

fredag 9. september 2011