Tip: Kortere TypePad URL

Bij de registratie van uw TypePad account koos u voor een subdomein voor uw account.  Deze account bijvoorbeeld gebruikt everything.typepad.com. Misschien is het u ook al opgevallen dat elke blog op TypePad aan het einde van de URL ook nog een mapnaam heeft.  Dit is om onderscheid te kunnen maken tussen de verschillende blogs onder dezelfde account.

De volledige URL van deze blog is bijvoorbeeld http://everything.typepad.com/nederland/.  U kunt echter met TypePad ook instellen welke blog onder uw account de 'hoofdblog' is.  Deze blog is dan bereikbaar zowel via de lange URL als via de korte URL die bij de account hoort.  Zo kunt u de Engelstalige versie van deze blog bijvoorbeeld zien op everything.typepad.com.

Om een standaardblog in te stellen, gaat u naar het Dashboard en selecteert u de optie "Dit de hoofdblog maken?" die verschijnt als u naast de naam van de blog klikt in het lijstje in de rechterkolom.  Vanaf dan is deze blog te bereiken via de korte URL.

Merk ook op dat alle bestanden voor een bepaalde blog in de map van die blog zitten.  Voor de Engelstalige blog is dat dus hier:everything.typepad.com/blog

Het is dus het beste om de korte link (bijvoorbeeld http://everything.typepad.com/) te beschouwen als een kortere weg naar de hoofdblog.  De kortere link is makkelijker om aan potentiële lezers mee te geven of om op visitekaartjes etc. te zetten

Meer informatie over dit onderwerp staat in de kennisdatabank.

De hoofding en beschrijving verbergen

Veel van de nieuwe thema's die uitkomen bieden de optie aan om een gepersonaliseerde afbeelding te uploaden als banner.  Als u een afbeelding gebruikt waar de naam en/of beschrijving van uw blog in voorkomt, dan kunt u de standaardhoofding verbergen die over de banner ligt in de voorgemaakte thema's.

Om de bannerhoofding en beschrijving te kunnen verbergen is de optie voor Eigen CSS vereist die in het Unlimited (of hoger) abonnement zit.  Een alternatief is de Thema Ontwerper gebruiken om een eigen bannerafbeelding te uploaden zonder dat de banner header en beschrijving de afbeelding overlappen.

In de Clean, Metropolitan, en Mosaic thema's kan de bannerhoofding en de beschrijving makkelijk verborgen worden met een kort stukje CSS.

Om één van deze thema's in te stellen, ga naar Design > Thema Kiezen. Vervolgens kunt u uw eigen bannerafbeelding uploaden via Design > Banner. (meer info)

Zodra de banner op z'n plaats staat, kunt u de bannerhoofding en beschrijving verbergen om uw banner tevoorschijn te halen.  De CSS code hiervoor staat hieronder:

    #banner-inner { 
    overflow: visible; 
    padding: 0; 
    border: 0;
    }

    #banner-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    }

    #banner-header a {
    display: block;
    left: 0;
    top: 0;
    height: 330px;
    text-indent: -1000em;
    }

    #banner-description {
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    }

Merk op dat de height: 330px; sectie van de CSS vetgedrukt staat.  De hoogte moet aangepast worden zodat die overeenkomt met die van uw bannerafbeelding.

Ga vervolgens naar Design > Eigen CSS en vul bovenstaande CSS in het tekstveld in.  Klik vervolgens op "Wijzigingen opslaan" om uw blog bij te werken.

Het CSS Cookbook heeft nog een boel andere snelle tips die u kunt toepassen op voorgemaakte thema's.  Als u wijzigingen wil maken die niet onder de CSS tips vallen, vraag dan gerust hulp van de Typepad community in ons forum waar andere bloggers en het TypePad team uw vragen kunnen beantwoorden.

Tip: De snelheid van uw blog verbeteren

Ooit op een blog geweest die zo lang moest laden dat u het maar opgaf en nooit meer terugkeerde?  Als u het al eens heeft meegemaakt, dan kent u de frustratie die uw lezers kunnen ondervinden als het laden van uw blog te lang duurt.  Gelukkig zijn er verschillende dingen die u kunt doen om dit te verhelpen.

Als u bijvoorbeeld een layout met drie kolommen gebruikt dan moet de hele linkerkolom eerst geladen zijn voor de middenkolom met de berichten binnenkomt.  Als u dus een groot aantal dingen in de linkerkolom zet, kan dat het weergeven van berichten op uw blog vertragen.

De plaats van de items in uw zijkolom kan bepalen hoe snel de hoofdinhoud van de blog geladen wordt.  Een layout kiezen met één of twee zijkolommen rechts zal ervoor zorgen dat uw berichten eerst geladen worden.  Plaats items die van een andere site moeten geladen worden (zoals advertenties en widgets) bij voorkeur in uw rechterkolom in plaats van de linkerkolom.  De bovenste plaats in uw linkerkolom is een goede plek om dingen te zetten die u éérst wil tonen aan uw lezers.

Een andere factor om in uw achterhoofd te houden is dat hoe meer dingen u op uw blog heeft staan in het algemeen, hoe langer het gaat duren om dit allemaal te laden.  Voor u grote aantallen widgets, videos, foto's etc. toevoegt moet u afwegen hoeveel u al weergeeft op uw blog.

Een goede manier om hier maat in te brengen is om  de optie voor uitgebreide berichten (vervolg van bericht...) te gebruiken. Hiermee kunt u voor elk bericht een introductie op de hoofdpagina zetten en de rest van het bericht op de 'permalink pagina' ervan.  Lezers kunnen onderaan de introductie op een link klikken om verder te lezen.

Als u een grote hoeveelheid afbeeldingen, grote videos of andere mediabestanden heeft in uw berichten, dan is dit een goede manier om toch de informatie aan te kunnen bieden aan uw lezers zonder dat de laadtijd er onder te lijden krijgt.

Meer informatie is altijd beschikbaar in de kennisdatabank. Als u wat Engels kent, kunt u ook terecht bij andere TypePad gebruikers voor tips, vragen of advies in ons Get Satisfaction forum.

Mogen we voorstellen: Metropolitan, een nieuw TypePad thema

Vandaag introduceren we Metropolitan, een nieuw thema voor TypePad.

Waarom denken we dat u Metropolitan leuk gaat vinden

• Komt in alle 5 klassieke layouts;
• Gepersonaliseerd lettertype via Google Webfonts voor hoofding en tekst;
• Het is net, fris en heeft een professionele uitstraling.
• Komt met 2 opties voor kleuren;
• Geoptimiseerd voor advertenties van 300px breed;
• Ziet er goed uit op mobiele toestellen;
• Heeft standaard iconen voor de sociale iconen uit 'Andere accounts' (enkel tabelformaat) en;
• Geeft u de optie om een eigen bannerafbeelding te uploaden (1000x330px).

Beschikbare kleuren

Metropolitan - Dark

   

Metropolitan - Light

Zit u op een Unlimited abonnement?  Dan kunt u makkelijk de achtergrond van de blog personaliseren door de standaard streepjes te vervangen door iets wat u zelf kiest. Lees meer!

Klaar om uw design aan te passen?  Ga dan naar Design > Thema kiezen en pas Metropolitan vanaag nog toe!

Meta Keywords en een Meta Description toevoegen aan uw blog

We willen allemaal een publiek vinden voor onze blogs en uw site ontdekken via zoekresultaten is de beste manier om nieuwe lezers aan te trekken.  Eén manier om de kans te vergroten dat uw site wordt gevonden door de juiste mensen is het toevoegen van de juiste meta-tags aan uw blog.

De meta elementen in uw blog worden gebruikt door zoekmachines om uw site beter te kunnen categoriseren in zoekresultaten.  Meta keywords en meta description toevoegen aan uw blog is goed voor zoekmachineoptimalisatie (SEO). Hoewel de meta elementen niet zichtbaar zullen zijn op uw site, zal de paginabron die door zoekmachines wordt bekeken tags bevatten die lijken op wat hieronder staat:

<meta name="keywords" content="kalkoen, kerstmis, recept" />
<meta name="description" content="Recept om de beste kerstkalkoen ooit te maken." />

Als u benieuwd bent naar de technische details, zie dit Wikipedia artikel.

Typepad maakt het u makkelijk om meta keywords en description aan uw blog en berichten toe te voegen met de beschikbare SEO tools.

Om de meta keywords en description voor uw hele site in te stellen, ga naar Instellingen > SEO.  Meta keywords zijn best korte woorden of uitdrukkingen die de inhoud van uw blog omschrijven.  Splits woorden en uitdrukkingen met komma's, aanhalingstekens zijn niet nodig.

Vul als Meta Description een korte beschrijving van uw site in, best ongeveer een paragraaf tekst.

Neem geen HTML, formattering of speciale karakters op in de Meta Keywords of Meta Description velden.

De Meta Keywords en Meta Description zullen gebruikt worden op alle indexpagina's van uw site.

Voor individuele berichten worden de meta tags die op de individuele berichtenpagina's gebruikt worden gehaald uit de Sleutelwoorden en Uittreksel velden.  Bij het opstellen van een bericht kunt u omlaag scrollen naar het Sleutelwoorden veld om daar woorden of uitdrukkingen in te vullen gescheiden door komma's die uw bericht omschrijven.   Als u Sleutelwoorden leeg laat, dan zullen de sleutelwoorden die u voor de site had ingesteld gebruikt worden.

Voor de meta description kunt u een korte paragraaf invullen die uw bericht samenvat.  Als u dit veld leeg laat, dan worden automatisch de eerste paar lijnen van het bericht gebruikt als meta description.

Net zoals de Meta Keywords en Meta Description voor de blog kunt u ook hier best geen HTML, formattering of speciale karakters gebruiken in deze velden.

Met de juiste meta-elementen ingevuld is de kans groter dat uw blog verschijnt in zoekresultaten die relevant zijn voor de inhoud van uw blog.

Wist u dat: hoe de ideale bannerbreedte bepalen

Recent gaven we hier informatie over hoe de kolombreedtes groter gemaakt kunnen worden.  Wanneer u het formaat van de kolommen aanpast, is het wellicht ook nodig de grootte van uw banner te veranderen. Maar hoe bepaalt men de ideale afmetingen?

De bannerzone is omringd door 15 pixels padding langs alle kanten.  Als u dus een banner maakt, moet die dus even breed zijn als de blog minus 30 pixels.

Als uw blog bijvoorbeeld 900 pixels is, dan zou de banner in dat geval 870 pixels breed moeten zijn.

We hebben meer informatie over het bepalen van de breedte van uw banner in onze kennisdatabank.

Als u een Pro Unlimited abonnement heeft en u wenst de padding rond uw banner te verwijderen, dan kan dat via Eigen CSS.

U en het nieuwe en verbeterde dashboard

Een paar maanden geleden zijn we begonnen een nieuw en verbeterd dashboard uit te rollen naar TypePad gebruikers.  Het doet ons plezier te kunnen melden dat dit nieuwe dashboard vanaf vandaag beschikbaar is voor elke TypePad gebruiker!

Lees meer over het nieuwe en verbeterde dashboard in de kennisdatabank.

We hopen dat u nog veel plezier zal beleven aan de nieuwe opties!

Uw kolommen breder maken voor premium advertenties, breedbeeldvideo en grotere afbeeldingen

In het forum vroeg Typepad blogger David wat de ideale breedte was voor premium advertenties en of er nog dingen waren om rekening mee te houden bij het plaatsen van advertenties op zijn blog.

Een breedte van 300px is aan te raden voor premium advertentieruimte, en het kan zijn dat u de kolombreedte op uw blog moet aanpassen om bredere advertenties te kunnen plaatsen.  Alle nieuwe thema's op TypePad hebben reeds bredere zijkolomen, inclusief het Retro Thema.

Als u liever één van de andere ingebouwde thema's blijft gebruiken, of een design gemaakt met de Thema-ontwerper, hou er dan rekening mee dat de ruimte in de zijkolom beperkt wordt door de padding. U kunt echter Eigen CSS gebruiken om de breedte van de kolommen aan te passen zodat u er alles in kan zetten wat u maar wenst.

De klassieke layout met drie kolommen is de ideale layout voor het plaatsen van advertenties op uw site, en we zullen hem als voorbeeld gebruiken.

Om een blog op te zetten met drie kolommen en beschikbare ruimtes van 600px, 200px en 300px moet u extra pixels toevoegen om rekening te houden met de 15px padding aan weerskanten.

.layout-three-column-right #container { width: 1190px; }
.layout-three-column-right #alpha { width: 630px; }
.layout-three-column-right #beta { width: 230px; }
.layout-three-column-right #gamma { width: 330px; }

Voeg onder Design > Eigen CSS bovenstaande codes in via het tekstveld en klik op 'Wijzigingen opslaan" om uw blog bij te werken met de bredere kolommen..

Door de hoofdkolom (alpha) 630px breed te maken kunt u nu afbeeldingen en breedbeeldvideo van 600px invoegen in uw berichten. Vimeo en YouTube stellen de breedte van embedded video automatisch in op respectievelijk 500px en 560px. De breedte van 630px voor uw hoofdkolom zal dus ruim plaats bieden aan deze videos.

Lees dit artikel over het personaliseren van kolombreedtes voor tips over het aanpassen van de kolombreedtes met andere layouts.

Als u niet zeker bent waar te starten met het plaatsen van advertenties op uw blog, lees het artikel over het opnemen van advertenties in uw blog voor tips.

Bovendien kunt u ook de vorige tip gebruiken over het opnemen van een brede afbeelding of advertentie boven twee zijkolommen waarmee u een bijkomende brede advertentieruimte krijgt in de zijkolom.

Als u nog andere designtips zoekt voor uw blog, start dan een discussie in het Typepad forum om hulp te krijgen van uw medebloggers en het TypePad team.

Wist u dat? Een Pinterest Pin integreren in een bericht

Als u bent zoals veel mensen op het internet, vind u het waarschijnlijk leuk om dingen te pinnen op Pinterest. Wat als u een Pin heeft die u echt moet delen met uw TypePad lezers?  Gelukkig is het makkelijk om een Pin te delen op uw blog!

Ga eerst naar uw Pin op Pinterest. U zou een lijst met opties voor delen moeten zien, onder andere de optie om te Tweeten of Leuk te vinden op Facebook.  Als u op de 'Embed' optie klikt, krijgt u een pop up te zien zoals deze:

Indien nodig kunt u hier het formaat van het venster nog aanpassen zodat het in de hoofdkolom van uw blog past.

Zodra u de code heeft gekopiëerd, klik op de HTML tab van het opstelscherm van TypePad en plak de code in de tekstbewerker.  De afbeelding (die naar uw Pin verwijst) zal nu in uw bericht staan.

Als u al op Pinterest zit, volg dan het TypePad Team!

Hier is 'Retro', een nieuw thema voor TypePad!

Vandaag introduceren we Retro, de jongste telg in onze steeds groeiende familie thema's.

Hier zijn enkele goede redenen om Retro leuk te vinden:

• Komt met drie klassieke layouts;
• Gebruikt apart lettertype in de hoofding via Google Webfonts
• Leuk retro-gevoel zonder er over te gaan;
• Zet een bericht in de kijker en breng het onder de aandacht van uw lezers; en
• In tegenstelling tot de meeste andere thema's staat de voettekst van de berichten rechts in plaats van er onder (cool!).

U zal pas zien hoe verbazend goed dit thema is als u het zelf probeert. Klaar om uw blog een mooie nieuwe look te geven?  Rep u naar Design > Thema Kiezen en pas Retro vandaag nog toe!