Tagarchief: blogger

Blog inklapbare berichten

Blog – Inklapbare berichten

blogger inklapbare berichtenBekijk in het EngelsDe vorige keer hebben we de functies van blogger kort bekeken en beschreven. Als je je blog toen hebt aangemaakt heb je waarschijnlijk ook even een bericht geschreven en geupload naar de blogger servers. Het zal je dan ook zeker niet zijn ontgaan dat het bericht in zijn geheel op de voorpagina terecht is gekomen. Vooral als je langere berichten op je blog zet kan dit erg onoverzichtelijk worden, en is dit dus verre van ideaal. In dit bericht leg ik simpel en stapsgewijs uit hoe je een ‘Lees meer’ knop aan je ingeklapte samenvattingen toevoegt, zodat je voorpagina net en overzichtelijk blijft.

Zorg dat die berichten kleiner worden!

Als je voornamelijk lange berichten met veel beeldmateriaal op je blog zet dan valt het al snel op dat je voorpagina eigenlijk onbruikbaar word. Een simpele oplossing hiervoor is het gebruik van een ‘Lees meer’ knop. Dit zorgt ervoor dat je hoofdpagina slechts de eerste alinea, of hoeveel jij wilt weergeeft en dat daaronder een lees meer knop word weergegeven die de lezer naar het gehele bericht brengt. Dit zorgt er ook nog eens voor dat je meer pagina weergaves krijgt omdat mensen ipv één nu twee pagina’s bekijken. Om dit uit te voeren moeten we wel een beetje gaan editten in de HTML code. Geen paniek, dit is makkelijker dan je zou denken.

blogger html templateDe eerste stap die je moet nemen is het backuppen van je huidige sjabloon. Log in bij blogger.com en ga naar de slablonen bladzijde. Klik hier op back-up/terugzetten sjabloon rechtsboven in de pagina. Sla het bestand ergens op waar je het niet kwijt raakt. Ik zelf gebruik daar mijn blogbackup map voor. Zodra je dit hebt gedaan kunnen we verder. We gaan blogger nu vertellen hoe hij jouw berichten moet weergeven. Dit gaan we doen door middel van de sjablonen pagina. Hier klik je op HTML bewerken. Zorg ervoor dat je het vakje ‘widget-sjablonen uitvouwen’ altijd is aangevinkt, zodat je geen code mist.

We gaan nu op zoek naar de </head> tag. Deze is gemakkelijk te vinden via de CTRL-F zoekfunctie.

Zodra je deze gevonden hebt ga je eerst na of er een ]]></b:skin> tag in de buurt is. Is dit het geval, dan moet je de volgende code tussen de </head> tag en de ]]></b:skin> tag in zetten.

Staat de bovenstaande code niet in je document dan kun je de onderstaande code simpelweg boven de </head> tag zetten:

<style>
 <b:if cond='data:blog.pageType == "item"'> 
 span.fullpost {display:inline;}
 <b:else/>
 span.fullpost {display:none;} 
 </b:if>
 </style>

Je kunt het aangepaste sjabloon nu opslaan. Het is verstandig om even de hoofdpagina te bekijken van je blog, om te zien of er iets veranderd is. Dit zou niet het geval moeten zijn. Mocht er wel iets veranderd zijn dan is er iets fout gegaan. Je kan de code nogmaals bekijken om te zien of er iets fout is gegaan, of gewoonweg je vorige back up opnieuw laden.

We gaan nu nogmaals terug naar de HTML code van je sjabloon. We gaan nu zoeken naar <data:post.body/.

De volgende code moet direct na voorgaande code geplakt worden:

<b:if cond='data:blog.pageType != "item"'>
 <a expr:href='data:post.url' target='_blank'>Lees meer!<a>
 </b:if>

Je kunt natuurlijk typen wat je wilt in plaats van ‘Lees meer’. Sla je sjabloon nogmaals op. We zijn bijna klaar.

De laatste stap is het toevoegen van een lijn code in je blog berichten zelf om blogger te laten weten waar je bericht precies in tweeën gehakt moet worden. Je kunt dit stuk code standaard toevoegen aan je berichten sjabloon, maar in de praktijk heeft dit vaak een averechts effect en worden berichten op een vreemde manier verdeeld. Ik heb daarom gewoon de nodige code opgeslagen in een tekstbestandje, of je kunt deze gewoon elke keer weer hier vinden.

Ik dwaal af, tijd om ter zake te komen. Als je eenmaal een bericht hebt getypt kun je daarna de HTML code van dat bericht aanpassen.  Hier ga je op zoek naar het laatste stuk tekst dat je wil weergeven op de hoofdpagina. Direct daarna plak je het volgende:

<span class=”fullpost”>

Zorg wel dat je dit pas na de sluittags van de tekst zet. Een voorbeeldje:

<span lang="EN-US">Once you have come up with a good topic to start a blog about, it is time to set up a basic blog. Now you may think you need to create a website from scratch or that you will need to rent server space or something, but luckily there are lots of website who accommodate starting blogger. Learn how to set up your free blog in this post.<o:p></o:p></span></div>
<div>

Als dit de code is van je eerste stuk tekst dan wil je dat hier onder ergens de fullpost tag te staan komt. Je wil echter niet de sluitingstags scheiden van hun bijhorden tekst. Je wil de tag ergens achter de zin learn how to set up your blog in this post zetten, maar daar horen sluit tags bij. Elke tag die begint met een / wordt gezien als een sluit tag. Daarom moet je in dit voorbeeld de fullpost tag zetten na de laatste sluit tag, en dat is </div>. De uiteindelijke code komt er dan zo uit te zien:

blogger. Learn how to set up your free blog in this post.<o:p></o:p></span></div>
<span>
<div>

Nu zijn we echt bijna klaar. Het laatste wat je nog moet doen is blogger laten weten waar je fullpost eindigt. Dit doe je door helemaal onder aan de HTML code een </span> tag toe te voegen. Gewoon helemaal naar beneden scrollen, achter de laatste code eenmaal op enter drukken en </span> typen. Dat was het, je bent klaar!

Tip: zorg dat je de fullpost tags en de /span tags als laatste toevoegt. Dit minimaliseert de kans dat blogger zelf dingen gaat veranderen in de code. Maak dus eerst de tekst op zoals jij wilt, en voeg daarna deze tags toe.

Succes!

Blog inklapbare berichten

Blog – Je eigen blog simpel aanmaken met Blogger

Blog opzettenBekijk in het EngelsEen tijdje geleden hebben we gekeken naar het vinden van een onderwerp om een blog over te beginnen. Zodra dit is gelukt is het tijd om de volgende stap te zetten: Het daadwerkelijk aanmaken van een blog. Nu denk je waarschijnlijk dat dit ongelooflijk ingewikkeld is met webdevelopment en het huren van webruimte en dergelijke, maar gelukkig zijn er meer dan genoeg websites op het internet die de beginnende blogger helpen. Leer hoe je een blog snel en eenvoudig opzet.

Een blog aanmaken

Voor vrijwel iedere beginnende blog schrijver kan ik blogger.com aanraden. Deze gratis website laat je snel een blog aanmaken en heeft een krachtige editor ingebouwd om het blog aan te passen aan jouw persoonlijke smaak. Dit systeem is ongelooflijk makkelijk te gebruiken en razendsnel. Het enige wat je nodig hebt is een Google account. Maak deze aan of log met jouw username in op blogger.com en twee seconden later krijg je de optie om een nieuw blog aan te maken. Zodra je op de ‘create new blog’ knop drukt krijg je de optie om je blog een naam te geven, en een webadres. Verder kun je hier de opmaak van je blog aanpassen, en kun je daarvoor kiezen uit een groot aantal templates. Zijn deze vooraf aangemaakte instelling niets voor jou? Geen probleem, blogger geeft je de mogelijkheid alles handmatig aan te passen, en zelfs geavanceerde gebruikers mogen rustig aanpassingen maken aan de HTML code. Al deze aanpassingen kunnen altijd gemaakt worden, ook al is je blog al lang te vinden op internet.

blogger dashboardZodra je blog is aangemaakt word je automatisch doorgestuurd naar de hoofdpagina van de blog editor, het dashboard. Hier zie je in eerste instantie een grafiek van het aantal bezoekers en wat informatie over het verkeer van je blog. Ook zitten hier alle knoppen die nodig zijn om je blog aan te passen.

Onder de knop berichten kun je je daadwerkelijke blog berichten aanmaken, aanpassen en publiceren. Dit is waarschijnlijk het belangrijkste gedeelte van je dashboard, want hier komt al je inhoud vandaan.

Het kopje pagina’s brengt je naar het gedeelte waar je verschillende pagina’s voor je blog kan aanmaken. Deze pagina’s zijn echter geheel statisch en zijn dus enkel te gebruiken om bijvoorbeeld informatie over de auteur kwijt te kunnen, of om een pagina met verwante links aan te maken.

In het tabblad reacties kun je de reacties op je berichten bekijken en modereren. Hier kun je de instellingen voor spambeveiliging instellen.

Het statistieken gedeelte is een krachtig hulpmiddel om uit te zoeken waar je verkeer vandaan komt, en op wat voor zoektermen men vooral bij jouw blog uitkomt. Hier kan later op ingespeeld worden.

Het inkomsten tabblad geeft je de mogelijkheid om eenvoudig Adsense advertenties te activeren op je blog. Het enige wat hiervoor nodig is, is een Adsense account. Deze is dan eenvoudig te koppelen aan je blogger account. Is dit eenmaal gedaan dan kun je via deze pagina eenvoudig instellen wat voor advertenties er op je pagina te zien zijn, al is het meestal de beste optie om Google dit zelf te laten bepalen. Als je munt wilt slaan uit je blog is dit waarschijnlijk een van de belangrijkste zaken om goed op orde te hebben. Je krijgt over het algemeen een bepaald bedrag per 1000 page views en voor elke klik op een van je advertenties. Zorg er wel voor dat de advertenties je potentiele lezers niet afschrikken. Je kan advertenties dus beter strategisch verspreiden op je pagina.

Onder indeling kun je verschillende modules aanmaken op je blog, en deze naar hartenlust verslepen om zo optimaal gebruik te maken van je ruimte. Hier kun je instellen hoe je sidebar gevuld is, en in welke volgorde de inhoud daarvan weergegeven moet worden. Het is hier erg belangrijk dat je de Adsense advertenties een strategische plek geeft.

blogger html templateOnder sjabloon vind je een krachtig, maar gebruiksvriendelijk stukje gereedschap wat je helpt bij het aanpassen van de look en feel van je blog. Op dit tabblad kun je onder de motorkap sleutelen van je website. Zodra je op aanpassen klikt krijg je een groot scala aan mogelijkheden aangeboden om de kleuren en achtergronden aan te passen van je blog. Onderaan het tabblad sjabloon kun je kiezen uit verschillende sjablonen die door Google zelf zijn aangemaakt. Het is verstandig om hier een basis mee neer te zetten, en dit dan verder aan te passen via de knop aanpassen.

Interessanter is misschien nog de knop HTML bewerken. Met deze functie kun je pas echt gaan sleutelen aan het frame van je blog. Hier kun je direct stukken code neerzetten die direct effect hebben op hoe jouw blog zich gedraagt. Hier kun je bijvoorbeeld een code toevoegen voor de ‘lees meer’ knop die ervoor zorgt dat niet alles op je hoofdpagina weergegeven word, maar slechts een samenvatting te zien is. Lees hier later meer over.

Op deze pagina kun je ook instellingen voor mobiel gebruik aanpassen.

Het laatste tabblad laat je de algemene instellingen voor je blog aanpassen. Hier vind je bijvoorbeeld dingen als wie je blog mag zien, wat het adres is van je blog en hoe je een feed uitgeeft. Zorg dat je al deze instellingen minimaal een keer door bent gelopen. Dit kost je slechts een minuutje of twee.

Zodra je je blog hebt ingesteld zoals jij dat wilt ben je klaar om te gaan bloggen. Gefeliciteerd met het succesvol aanmaken en instellen van je eerste blog! Je kan natuurlijk altijd nog aanpassingen maken via deze pagina, of kleine verbeteringen doorvoeren, zoals inklapbare berichten toevoegen, maar nu is het misschien een goed idee om je eerste blogpost online te zetten. Succes!

 

Blog inklapbare berichten

Een blog opzetten – Een topic vinden

start een blogBekijk in het EngelsJe wilt een blog beginnen maar weet niet zo goed waar je moet beginnen? Het eerste wat je nodig hebt is natuurlijk een onderwerp om over te schrijven. Het onderwerp dat je kiest is helemaal je eigen keus, maar er zijn wel hulpmiddelen te vinden die je kunnen helpen bij het vinden van een onderwerp.

Een van de belangrijkste dingen die je nodig hebt voor een succesvol blog is een solide onderwerp. Ook is het altijd handig om zo min mogelijk competitie te hebben op jouw onderwerp. Dit is een van de eerste stappen in het optimaliseren van je blog voor zoekmachines, oftewel search engine optimization (SEO). Nu denk je waarschijnlijk hoe je dat ooit op een gemakkelijke manier kan achterhalen. Gelukkig heeft Google daar een oplossing voor. Google Adwords.

google adwordsGoogle Adwords vertelt je aan de hand van een onderwerp hoe vaak er op dat specifieke onderwerp gezocht word in Google ’s zoekmachine, maar ook welke relevante termen daar omheen gebruikt kunnen worden. Ook laat Google Adwords zien hoeveel concurrentie je ongeveer hebt per bepaalde zoekterm. Je kunt je zoektermen aan blijven passen tot je de perfecte gevonden hebt. Het perfecte onderwerp moet vaak gezocht worden en weinig concurrentie hebben. Heb je deze eenmaal gevonden dan kun je hier je blog omheen bouwen.

Je kunt de adwords tool hier vinden en beginnen met het optimaliseren van je blog voor zoekmachines al voor je jouw blog hebt aangemaakt.

Typ simpelweg het onderwerp in waar jij een blog over wilt beginnen en kijk in hoeverre dat een wijze keuze is, en of je misschien moet denken aan een andere invalshoek. Houd er wel rekening mee dat je blog nog altijd niet van succes is gegarandeerd, ook al heb je de perfecte omgeving gevonden voor jouw onderwerp. Hier zal je toch echt zelf werk in moeten steken. Ik ga hier later verder op in. In de tussentijd kun je alvast op zoek gaan naar geschikte sleutel woorden om een blog omheen te bouwen. Hoe meer je zelf geïnteresseerd bent in het onderwerp van je blog, hoe beter. Je gaat namelijk enorm veel schrijven over dit onderwerp!