Tips en tutorials voor beginners en gevorderde bloggers

Blogger blog: kopjes in de sidebar

Ik blijf een groot fan van Blogger. Het kan me niet schelen wat iedereen zegt! En dus heb ik er nog diverse blogs.

En er zijn veel anderen die ook een Blogger blog hebben. En waarom ook niet?!

Een Blogger blog kan er namelijk net zo mooi en professioneel uit zien als een WordPress blog.

Geef je Blogger sidebar professionele kopjes!

Daarom een tutorial om de onderwerpen in de sidebar van je Blogger blog te voorzien van mooie en professioneel ogende kopjes! We nemen mijn Blogger blog over Waterwratjes als voorbeeld. De kopjes in de sidebar zijn nu simpelweg gemaakt met de Blogger Template designer. Ik heb ze een kleurtje gegeven, en een bepaald lettertype.

Hier onder zie je het blog voor de mini make-over:

waterwratjes voor

Ontwerp je kopje

  1. Ga naar Picmonkey.
  2. Ga met je muis naar ‘Design’
  3. Je ziet nu verschillende formaten verschijnen: kies square
  4. Klik op ‘resize’ en kies het formaat dat je wilt. Ik koos voor 300×50
  5. Geef het kopje een naam in een lettertype dat je mooi of geschikt vindt.
  6. Picmonkey biedt je de mogelijkheid leuke plaatjes toe te voegen en je kopje een kleur te geven.
  7. Als je klaar bent, klik je op save!
  8. Dit is het resultaat van mijn kopje:

knop waterwratjes

Maak de html code voor je kopjes

Je kunt gebruik maken van Photobucket, maar je kunt ook een nieuwe post maken in Blogger. Dat laatste doen wij, omdat het nog weer iets makkelijker is. En gemak dient de mens!

  1. Klik op ‘New post’
  2. Importeer het plaatje/kopje dat je net hebt gemaakt
  3. Ga naar html-mode zodat je de code van het plaatje kunt zien.
    Dat zal zoiets zijn als dit: <a href=”http://1.bp.blogspot.com/-2UPWddrlEi0/U2inLmJ1JUI/AAAAAAAASEg/gQ4ZjEejVBY/s1600/knopwaterwratjes.jpg” imageanchor=”1″><img border=”0″ src=”http://1.bp.blogspot.com/-2UPWddrlEi0/U2inLmJ1JUI/AAAAAAAASEg/gQ4ZjEejVBY/s1600/knopwaterwratjes.jpg” /></a>
  4. Nu heb je deze code nodig: <a href=”de url waar je plaatje naar toe moet linken”><img src=”de code van je plaatje in blogger. Dat is het eerste deel van de code, meteen achter <a hreft=“/></a>
  5. Plak de juiste url er in, en de html code van je plaatje in Blogger. Dan krijg je bijvoorbeeld dit: <a href=”http://feeds.feedburner.com/waterwratjes”><img src=”http://1.bp.blogspot.com/-2UPWddrlEi0/U2inLmJ1JUI/AAAAAAAASEg/gQ4ZjEejVBY/s1600/knopwaterwratjes.jpg” /></a>

De kopjes in je Blogger blog zetten

Heb je de code ingevuld? Dan is het nu tijd voor de laatste en leukste stap: het plaatje in je Blogger blog zetten!

  1. Ga naar je Blogger Dashboard
  2. Kies Layout
  3. Kies Add a gadget
  4. Kies html/javascript
  5. Plak je code in het veld dat is verschenen
  6. Klik op ‘save’
  7. Save je nieuwe layout
  8. Bekijk je blog, en controleer de link!

Hier onder zie je het resultaat.

waterwratjes

 

Tadaaa! Een professioneel uitziend kopje!

Als je nog vragen of opmerkingen hebt, laat het me dan weten!

Leave a reply