De Presentatie

Workshop Bloggen

View more OpenOffice presentations from jstaaks.

Overzicht

Voor de workshop van vandaag (23 juni 2009) even een overzichtje van alle blogposts met uitleg:

- Wil ik eigenlijk wel bloggen?; een checklist
- Een account aanmaken
- Uiterlijk aanpassen, zie ook Document
- Tips van Wilma, met o.a. 15 essential tips before launching a website en writing for the website.
- Zoeken binnen websites; hoe maak je de google custom search?
- Google Translate

Uiterlijk aanpassen

Jullie hebben onlangs gestemd op de verschillende huisstijlen. Ik heb de stijlen in onze surfsite 'Collectiespecialisten UB VU' gezet, samen met een document met meer uitleg (hoe download ik een sjabloon, wat zijn de kleurcodes van de sjablonen) zodat jullie deze later kunnen gebruiken en aanpassen. Je vindt deze documenten in het archief in het mapje 'huisstijl blogs'.

Maar je kan straks ook redelijk makkelijk zelf kleuren aanpassen, bij deze wil ik iets meer uitleggen over hoe je dat doet, op het moment dat je het moet doen met de basale grafische software die standaard op computers zit.

Stel.. je wil de kleur van de VUkip op www.vu.nl gebruiken. Hoe kom je er dan achter wat de kleurcode is van dit logo?

1) Sla het plaatje op, of als dat niet gaat (zoals bij de VUkip), maak een screenshot van het plaatje dat je op het oog hebt (rechtsboven op je toetsenbord zit de knop 'Prt Sc'; Print screen dus)

2) Open dit plaatje in paint, of in geval van een screenshot, open paint en plak het plaatje erin.

3)Selecteer in de linkerbalk het pipetje en klik daarmee op de kleur die je op het oog hebt.
4) Ga dan naar Kleuren > kleuren bewerken > aangepaste kleuren definieren
Hier zie je rechtsonder de RGBcode van de kleur (Rood, Groen, Blauw)
Voor het blauw van de VUkip is dat Rood: 24 Groen: 98 en Blauw: 221.

5) Tot slot ga je naar de Color Converter waar de RGBcodes invoert en ze laat omzetten naar Hexdecimale codes. Deze kan je gebruiken in je blog (Indeling > Lettertypen en kleuren)

Kandidaten Huisstijl UB VU Blogs

Beste Collega's,
Zoals jullie weten, ben ik bezig om een bloghuisstijl te ontwikkelen.Hier een overzichtje van alle kandidaten

Kandidaat #1
- Zusje van dit blog, maar slanker.
- De kleuren in de huisstijl van de nieuwe website.

Kandidaat #2
- gemodelleerd naar de welbekende mapjes, het hele blauwe
- Andere layout (sjabloon dat ook gebruikt wordt door Wow!ter)

Kandidaat #3
- Beetje flauw misschien, maar dit is mijn blog.
- De kleuren zijn dezelfde als die van de oude website en de catalogus

Kandidaat #4
- De kleuren van dit blog zijn in de huisstijl van de mapjes en de folders; het hele blauwe dus.
- De kleuren van dit blog zijn ietsje rustiger dan de vorige poging om deze stijl in een blog te verwerken.

Kandidaat #5
- De kleuren van dit blog zijn in de huisstijl van de handleidingen

Als jullie kritiek, opmerkingen etc. hebben, laat een reactie achter (hier of op de kandidaatpagina zelf). Ik pak het graag op zodat ik iets kan maken waar we allemaal graag mee werken.

Groetjes
Janneke

Tip van Wilma

Deze tip kreeg ik van wilma (vanuit twitter); 15 Essential Checks Before Launching Your Website, het is niet allemaal van toepassing op een blog maar wel een nuttig lijstje om even door te nemen voordat je besluit om je blog openbaar te maken/ je doelgroep te attenderen.

Denk bijvoorbeeld aan:
- Cross-Browser Checks, oke hij doet het in explorer, maar hoe zit het met firefox etc.?
- Check je links
- Check je spelling, zinsconstructies etc.
- en een laatste eigen toevoeging; stuur het naar je collega's ;-) meestal vinden zij nog wel kleine foutjes. Of je brengt elkaar weer op nieuwe ideeen..

En een eervolle vermelding uit dit artikel vind ik nog: Writing for the Web

Zoeken binnen websites

Ofterwel, Google custom search. Je kan zelf een custum search engine aanmaken door naar http://www.google.com/coop/cse/
Na het aanmaken van je account kan je zelf aangeven binnen welke sites je google wilt laten zoeken, probeer daarbij zo hoog mogelijk in een URL te gaan zitten.

Bijvoorbeeld:
http://webcursus.ubvu.vu.nl/
Zoekt in alle webcursussen, terwijl
http://webcursus.ubvu.vu.nl/cursus/default.asp?lettergr=klein&cursus_id=80
Alleen in de Psychologie en Pedagogiek variant zoekt, en
http://webcursus.ubvu.vu.nl/cursus/default.asp?lettergr=klein&cursus_id=80&pagnr=41&module_id=200
Alleen zoekt op de pagina 'Hoe vind ik wetenschappelijke informatie op internet?'

Als je tevreden bent over je domein, ga je vervolgens de code ophalen. Je gaat naar de control panel van je search engine en in de linkerbalk zie je de optie 'code'.
Laat het vinkje staan bij de optie 'Host the result on a Google page' en kopieer de code die daaronder staat.

Dit plak je vervolgens in een HTMLgadget in blogger.
Nu heb je een gadget die werkt, maar als je deze gebruikt opent het zoekscherm in je blog zelf. Als je dat niet wilt, voeg je target="_blank" toe in je code (zie plaatje)

Google Translate

Naar goed voorbeeld van de Vublogs heb ik ook een google translate in mijn blog gezet (zie http://jannekevandeubvu.blogspot.com/ ) zodat ook engelstaligen (en 33 andere nationaliteiten) mijn blog kunnen lezen.

Ook hebben? Ga naar: http://translate.google.com/translate_tools , stel je voorkeuren in en kopieer de html. Plak die vervolgens in een blogger Htmlwidget.