Hoewel WordPress een van de krachtigere blogplatforms is, ben ik altijd al een fan geweest van Google's Blogger.

Nadat ik mijn persoonlijke technische blog, TechComet, op Blogger had gemaakt, realiseerde ik me dat mijn blog geen professionele uitstraling had omdat de favicon was ingesteld op het standaard Blogger-logo: de witte en oranje "B".

Als u een merk voor uw blog wilt maken, moet u het standaardpictogram vervangen door uw eigen creatie die overeenkomt met het thema van uw website.

In dit artikel schets ik de stappen om het favicon van Blogger te maken en te wijzigen.

Opmerking : de beschreven stappen zijn gericht op gebruikers van Blogger, maar de algemene stappen in het maken van een favicon kunnen van toepassing zijn op elke website of blog.

Gebruik van een Favicon

Een favicon is een 16 × 16-pictogram dat op de titelbalk of adresbalk van een browser wordt weergegeven. Browsers die browsen met tabbladen ondersteunen, tonen ook het favicon op elk afzonderlijk tabblad.

Zoals de schermafbeelding laat zien, kan een favicon je blog echt helpen onderscheiden in een overvolle browser, omdat het geweldige visuele indicatoren zijn.

Een nieuw Favicon maken

De eerste stap is om je eigen favicon te maken.

Favicons worden meestal gemaakt met het .ico-formaat, maar u kunt ook het favicon maken met de GIF- of PNG-indelingen.

Als u zich niet bijzonder creatief voelt, kunt u op het web naar elke afbeelding zoeken die u als uw favicon wilt weergeven en dit verkleinen tot 16 × 16 en opslaan als een OICO-, PNG- of GIF-bestand. Er zijn ook een aantal favicon-galerijen waar u kant-en-klare favicons kunt downloaden die in de vereiste grootte en indeling zijn.

Als je echter de moeite wilt nemen om een ​​merk voor je blog te maken, is het logisch dat de favicon overeenkomt met het thema van je blog. Ik heb bijvoorbeeld een donkerbruin thema voor mijn blog:

En ik besloot dat het het meest geschikt zou zijn als ik een favicon zou maken dat overeenkwam met het belettering- en kleurenschema.

Photoshop is waarschijnlijk de beste toepassing om uw favicon te maken. Vergeet niet om uw afbeelding op een 16 × 16 canvas te tekenen en op te slaan als een GIF- of een .png-bestand.

Als u geen Photoshop hebt, zijn er een aantal 'favicon-generators' zoals deze, waarmee u een afbeelding op een 16 × 16 canvas kunt maken en bewerken.

Uw Favicon uploaden

Blogger biedt geen hostingservices, maar alle afbeeldingen die u aan een blogbericht toevoegt, worden automatisch opgeslagen in uw Picasa-account.

Je hoeft dus alleen maar een lege blogpost te maken en je favicon eraan toe te voegen. Bekijk vervolgens de HTML-versie van uw blogbericht door op " HTML bewerken" te klikken.

De locatie van mijn favicon is " http://2.bp.blogspot.com/_MZZJ1m2SoG0/TG-IyPj4ZZI/AAAAAAAAAF0/bC0IZk9S3a8/s1600/logo-(16×16).png ". Noteer de link waar uw favicon zich bevindt.

Als u een andere service voor het uploaden van afbeeldingen gebruikt, zoals ImageShack, maakt u een notitie van de directe link naar de afbeelding (dwz een koppeling die eindigt op .ico, .png of .gif en niet op .html). De ImageShack-link voor mijn favicon is bijvoorbeeld " http://img175.imageshack.us/img175/8924/logo16x16.png ".

Het standaard favicon van Bloggers wijzigen

Zodra je een favicon hebt gemaakt en geüpload waar je tevreden mee bent, open je je Blogger-dashboard en selecteer je " Ontwerp ".

Selecteer vervolgens in het hoofdvenster van Blogger " HTML bewerken ".

Hiermee wordt de HTML-sjablooneditor geopend. Vink hier " Widgetsjablonen uitvouwen" aan om ervoor te zorgen dat alle HTML-code voor uw website zichtbaar is.

Blader vervolgens naar beneden en plak het volgende VOORDAT de " " label:

Vernieuw je blog en de nieuwe favicon moet zichtbaar zijn.