Naar de startpagina van denhaag4u

Zelf een Wordpress weblog als deze maken.

Voordelen van een weblog;
Veel standaard modellen welke zijn aan te passen, direct zichtbaar resultaat op het internet.
Geen programmatuur benodigd  zoals Frontpage of Dreamweaver, geen FTP (upload) programma nodig.
Vanaf elke pc direct op het internet te benaderen, alles staat op de weblogserver.
Heeft reageermogelijkheid voor het plaatsen van commentaren.

Nadelen van een weblog;
Heeft meestal een vast model.
Beperkt in breedte en opmaak van zowel tekst als foto's.

Maar voor veel mensen wegen die voordelen ruim op tegen de nadelen, dus als je het eens wilt proberen dan kunt je nu je gang gaan.

Een weblog als deze is vrij eenvoudig te maken als je tenminste genoegen neemt met de standaard uitvoering. Je kan je aanmelden bij wordpress.com voor een gratis weblog.

Maar op het moment dat je wat extra's wilt, dan wordt het al een stuk lastiger.

En omdat we nogal veel willen, moesten we dus ook veel opbouwen. Maar jij hebt natuurlijk al een e-mail adres en hoeft al die toeters en  bellen waarschijnlijk niet.


Een eenvoudiger te maken weblog is dit soort van
library-blogs.net en het aanpassen gaat ook wat makkelijker en in dit type weblog kan je ook makkelijk filmpjes, zoals die van youtube plakken, dat kan in dit type weblog ook, maar dan moet je wel die link van youtube tussen [ ] zetten. 
En voor het aanpassen van  zo'n library weblog, die in het Engels is, is er nu ook een
Nederlandse gebruiksaanwijzing.  met dank aan denhaagtekijk

Hieronder zie je het schema wat wij gebruiken, want waarom zou je makkelijk doen als het ook moeilijk gaat. Bekijk het schema en ga dan verder met het vervolg van onze uitleg.

      

Nu zul je, jezelf wel afvragen, waarom zo moeilijk.
Dat heeft een aantal redenen.

Als je bij Lycos, Mijndomein.nl, of bij anderen een domeinnaam vraagt dan kan je extra e-mail adressen krijgen en je krijgt ruimte voor een website.

Een domeinnaam neem je om een website gemakkelijker te laten vinden.

Want  http://denhaag.wordpress.com/ is dan nog niet zo moeilijk, maar ligt niet lekker in het gehoor en is niet makkelijk te onthouden

denhaag4u.net  is iets makkelijker.

Maar goed, aan zo'n domeinnaam verdienen ze weinig en dus proberen ze je een hostingspakket te verkopen.

De domeinnaam was € 9,- en het hostingspakket met een onbeperkt aantal extra aan te maken e-mailadressen kost € 20,- dus voor € 29,- per jaar kan je met 500mb schijfruimte aardig uit de voeten.

Die kan je hier bestellen.
http://www.mijndomein.nl/index.php?eod=GYCADBa6op89NFe1O93Sy7NV7ro0FfuhJaXECxqbsmMfta0W9EEin-
D8Oi4rkxh2n&sessie_cookie=GYCADBa6op89NFe1O93Sy7NV7ro0FfuhJaXECxqbsmMfta0W9EEinD8Oi4rkxh2n&rf=&

Kijk, nu begrijp je dat www.mijndomein.nl toch wat makkelijker werkt dan dat je die hele URL zoals hierboven moet in typen.

Maar nu komt het probleem, tenminste, wij maakten er een probleem van.
Want die 500 mb schijfruimte, die willen we natuurlijk graag gebruiken voor denhaag4u.

We hebben dus een weblog met een rare naam en de bedoeling is natuurlijk dat mensen via de domeinnaam denhaag4u bij die weblog terechtkomen. Dat noemen we forwarden of webpointen en dan kan je ineens als webmaster niet meer bij de website op je eigen schijfruimte komen. Tenminste niet via het internet.
Want als je die domeinnaam intoetst, dan ga je naar die weblog en niét naar die website die op je schijfruimte staat, die is dan niet meer zo makkelijk, zoniet onmogelijk te benaderen.

Wat hebben we gedaan? 
We lieten die weblog gewoon lekker staan onder zijn eigen naam en we hebben een website gemaakt met een aantal pagina's met dezelfde achtergrond als de weblog.
Dus niemand heeft in de gaten dat je eigenlijk van de Amerikaanse weblog overspringt naar de Nederlandse website en weer terug.

We hebben een zogenaamde doorlinkpagina gemaakt en die bereik je met denhaag4u.net en daar kom je op die doorlinkpagina en dan kan je dus met die linken die daarop staan, of naar de weblog of naar andere pagina's van onze website.

Maar we maken straks ook pagina's die we willen linken aan de artikelen op de weblog om extra informatie te kunnen geven bij de onderwerpen. Een kort bericht dat verwijst naar een extra webpagina is natuurlijk veel beter, dan dat we bijvoorbeeld de  informatie zoals die hier staat als een bericht gaan neerzetten, want dan krijgt iedereen een lam handje van het scrollen of je blijft gewoon weg.

We hebben een doorlinkpagina nodig om straks die artikelen te kunnen gaan linken.
Dat hield dus in dat we even zaten te knoeien om het juiste adres (URL) in te typen om die pagina op te kunnen  vragen  en dat probleem zouden we dan met elke nieuwe pagina hebben.

Dus we hebben die extra doorlinkpagina toegankelijk gemaakt via onze startpagina. Helemaal beneden zie je een sterretje en als je daar op klikt, dan komt die aparte doorlinkpagina in beeld en als je dan op een link klikt dan zie je dus die URL in het venster bovenin en die link kunnen we dan weer gebruiken bij onze berichten om daar naar te verwijzen. Klik maar op dit sterretje *

En nu de hogere weblogkunde.
Let op; als je genoegen neemt met de standaard uitvoering dan hoef je dat allemaal niet te doen wat hieronder staat.
Maar het kan niet zo zijn dat er van je gevraagd wordt, dat jij je best moet doen op school en wij ons er met een makkie vanaf maken.

Dit type weblog is opgebouwd in PHP script een
programmeertaal.

Die programmeertaal moet jezelf aan dit type weblog toevoegen.
Weblogmakers kopen scripts van mensen die weblogmodellen maken.
In dit geval hebben ze onder de weblog netjes vermeld wie de maker, de auteur, was.
Dat is bij ons
Stacey Leung en op die site hebben we het model gevonden en we konden het script downloaden.

Alleen het script was in 2 programmeertalen opgesteld, in PHP en  ook een gedeelte in  HTML zoals bijvoorbeeld Frontpage gebruikt.
Om een Frontpage website op het internet te zetten (te uploaden) heb je en FTP programma nodig om contact met de server te kunnen maken.

Dus wat heb je nu voor het aanpassen van deze weblog nodig ?
Ten eerste moet je de zogenaamde CSS moduul erbij nemen om het script te kunnen wijzigen, dat kost 12 euro (15 dollar)

Nu ging het niet zozeer om die kosten, maar we wisten helemaal niet hoe het in elkaar zat en dan is het toch wel een hele uitzoekerij en dit is het geworden.
De vette tekst hebben we voor de uitleg erbij gezet, zodat we weten wat het doet .

Het ging hoofdzakelijk om het aanpassen van de kleuren en de teksthoogtes.

Kleur van de link in de tekst van Entry’s (nieuwe berichten) 

#C3DF95

Oplichtend groen van linken en tekst sidebar
#6B8E23;
 

De toelichting per regel staat onder het item.

_____________________________________________________

_uacct = "UA-52447-2";
_udn = "wordpress.com";
urchinTracker();
.recentcomments a {
display:inline !important;
margin:0 !important;
padding:0 !important;
}
Is niet te veranderen standaard in weblog, anders werkt het niet.
_____________________________________________________

body {

color:#6B8E23;    

Kleur van de datum boven entry’s en de datum-aanduiding op de calendar  en de grote letter van Postings e.d. op de sidebar
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-align:justify;
background-color:#1A4697;
text-decoration:none;

margin:0;
padding:0;
}

  A:visited {
color:#6B8E23;
Kleur van tekst onder Recente berichten
text-decoration:none;
}

A:active {
color:#52664d;
Sidebar tekst
text-decoration:none;
}

A:hover
{
color::#52664d;
text-decoration:underline;
}

a.swapcolor:link {
color:#52664d;
text-decoration:none;
}
a.blognamelink:link {
color:#52664d;
text-decoration:none;
}

a.blognamelink:visited {
color:#52664d;
text-decoration:none;
}

  a.blognamelink:active {
color:#6B8E23;
text-decoration:none;
}

  a.blognamelink:hover {
color:#6B8E23;
text-decoration:underline;
}

.main {
margin-right:251px;
padding:3px;
}

.rightimage {
position:absolute;
right:0;
top:0;
Synchronisatie marge rechts Girl afbeelding met horizontale balk
width:249px;
height:523px;
padding:3px;
}

.right {
position:absolute;
right:0;
top:523px;
width:204px;
background-color:#52664D;
Achtergrondkleur  Sidebar
margin-right:26px;
padding:0;
}

.blogname {
position:absolute;
right:0;
top:32px;
Synchronisatie marge links horizontale balk met Girl afbeelding
margin-right:181px;
font-size:34px;
font-weight:bold;
padding:3px;
}

.sideheading {
font-weight:bold;
background-color:#9CB895;
Achtergrond (vlak) kleur van Enzovoort
font-size:24px;
text-align:left;
color:#394736;
Kleur letter van Enzovoort
padding:1px;
}

Entry’s opmaak
.heading {
font-weight:bold;
font-size:10pt;
background-color:#52664D;
Achtergrond entry, bovenzijde met datum
margin-left:126px;
padding:3px;
}

.entry {
color:#000000;
Letter bezoekersreactie
background-color:#8FBC8F;
Achtergrond van entry
margin-left:26px;
padding:5px;
}

.footer {
font-size:8pt;
background-color:0;
Onderzijde entry
margin-left:26px;
margin-right:100px;
padding:3px;
}

.coments {
margin-left:26px;
padding:5px;
}

input {
font-size:9pt;
background-color:#9CB895;
Kleur van zoekvenstertje
border:thin solid #394736;
Kleur van randje rondom zoekvenstertje
}

textarea {
font-size:12pt;
Hoogte letter van reacties bezoekers
background-color:#9CB895;
Kleur venstertje “”verzend reactie”
border:thin solid #394736;
Kleur randje rondom venstertje “”verzend reactie”
}

ul {
list-style-type:none;
margin-left:10px;
padding-left:0;
}

ul ul {
margin-left:20px;
padding-left:0;
}

blockquote {
background-color:#00FFFF;
color:#00FFFF;
padding:3px 20px;
}

img {
border:12px;
}