Fremdes Design installieren


Hallo Ihr Lieben,

manchmal ist man nicht zufrieden mit dem eigenen Design und egal was man versucht, es funktioniert oder gefällt nicht. Die Lösung: ein Design von woanders her auf seinem Blog anwenden. Im Internet findet man sie überall, Blogdesigns für kleines Geld oder für lau. In diesem Post zeige ich euch, wie man sie richtig installiert und gebe euch Tipps beim aussuchen!

Wo finde ich Designs?

Für Blogger gibt es eine Menge Anbieter, hier sind meine Favoriten:
  • ThemeXpose - alle Designs sind kostenlos, für ein wenig Geld kann man die Credits entfernen.
  • MiraDesigns - Dort verkaufe ich meine Designs.
  • CopyPasteLove - Hier findet ihr auch einige kostenlose Designs.
  • Etsy - Dort findet ihr eine Menge Blogdesigns!
  • und noch viele andere Seiten!

Wie installiere ich ein Template?

1. Dafür sucht ihr euch ein Design aus und ladet es herunter.

Wenn ihr die Möglichkeit habt, eine Demo anzuschauen, dann tut das! Lieber erst anschauen und ausprobieren!

2. Entpackt die Datei.

In der Regel bekommt man beim Download nicht nur das Design, sondern noch eine ReadMe-Datei und eventuell noch eine Dokumentation, die euch beim Einrichten helfen soll. Um an diese Sachen heran zu kommen, müsst ihr die .zip-Datei entpacken.

3. Sucht nach der .XML-Datei.

Je nach dem, was für ein Design ihr gewählt habt und wie viele Variationen diese hat, findet ihr in dem entpackten Ordner eine oder mehrere .XML-Dateien. Diese beinhalten eure Designs.

4. Geht zu Blogger.com und öffnet die Vorlage-Seite. Rechts oben findet ihr BackUp/Wiederherstellung. Klickt darauf.


5. Macht zuerst ein BackUp, indem ihr auf "Vollständige Vorlage herunterladen" klickt.

Danach könnt ihr mit "Datei auswählen" die gewünschte .XML-Datei hochladen.

6. Lest euch die ReadMe-Datei und die Dokumentation durch.

Dort findet ihr weitere Hinweise, wie ihr das Design so einrichtet, damit sie alle Funktionen aus der Demo hat.


Darauf solltet ihr achten, wenn ihr ein fremdes Design benutzt:

  • Macht euch Gedanken, was ihr haben wollt! Die Auswahl an Designs ist riesig und manchmal verliert man sein Ziel aus den Augen. Brauche ich wirklich einen riesigen Slider? Ist eine Gallerie sinnvoll? Beachtet, dass je mehr Funktionen und Extras ein Template hat, desto länger wird er später brauchen um zu laden.
  • Ihr seid euch nicht sicher, ob ihr die Credits löschen dürft? Dann lest in der ReadMe-Datei oder fragt per Mail beim Designer nach. Kostenlose und günstige Designs setzen aber meistens voraus, dass ihr die Credits drin lasst.
  • Die Zukunft ist unterwegs online, also achtet darauf, dass eure Vorlage unter Responsive Design fällt. Ein Design, das responsive ist, reagiert auf die verschiedenen Ausgabegeräte, sodass sie auf dem Smartphone, Tablet und Desktop verschieden aussehen und trotzdem dem gleichen Design-Schema folgen.
Beispiel für Responsive Design

Weiterlesen »
Teile diesen Post:
16 Kommentare:

Favicon einfuegen


Für alle, die sich schon immer gefragt haben, wie dieses kleine, komische Bild heisst, das ihr in dem Bild oben sehen könnt: Das nennt sich Favorite Icon, oder ganz kurz Favicon. Diese Grafik taucht auf, wenn jemand eine Seite zu den Lesezeichen bzw. Bookmarks hinzufügt.

Da bei Blogger Blogs immer nur dieses hässliche "B" zu sehen ist, hattet ihr bestimmt schon öfters das Bedürfnis, dieses kleine Bild neben den Tab-Titel eures Blogs zu ändern.

Weiterlesen »
Weiterlesen & kommentieren ♥ »
Teile diesen Post:
89 Kommentare:

[Diskussion] Blog in der Bewerbung erwähnen?


Hallo Ihr Lieben,

letztens stieß ich durch meine Arbeit auf einen Beitrag von Caro (The Purple Frog), der mich zum Nachdenken gebracht hatte. Es ginge darum, ob man den Blog in einer Bewerbung erwähnen sollte.

Vor einigen Jahren versuchte ich eine Ausbildung zum Mediengestalter zu finden und damals entschied ich mich dafür, meinen Blog zu erwähnen. Da es zum Beruf passte, erstellte ich auch direkt ein Portfolio, in dem ich meine Blogdesigns Arbeiten zeigte.

Doch leider wurde ich nicht genommen. Eine genaue Erklärung habe ich von keiner Firma bekommen, die meisten schienen sich sogar vor der Absage zu drücken und konnten mir noch eine Woche vor dem (theoretischen) Ausbildungsbeginn nicht sagen, ob sie mich zumindest zu einem Vorstellungsgespräch einladen.

Nach dieser Zeit habe ich mein Medieninformatik-Studium angetreten und für mich ergab sich daraus, dass ich mit meinem Blog kein Vorteil bei der Bewerbung erzielen konnte.

Als ich gelesen habe, dass Caro mit der Erwähnung ihres Blogs Erfolg bei der Bewerbung hatte, wurde ich dann doch neugierig.

Habt ihr schon mal euren Blog in der Bewerbung erwähnt? Wurdet ihr darauf angesprochen? Habt ihr bemerkt, ob es eine Auswirkung auf eure Bewerbung hatte? Und was haltet ihr allgemein davon, den Blog zu erwähnen?

Weiterlesen »
Teile diesen Post:
25 Kommentare:

Zitatbox gestalten

Hallo Ihr Lieben,

heute zeige ich euch, wie man den Zitatbox schöner gestalten kann. Außerdem habe ich euch 6 Varianten vorbereitet, die ihr so übernehmen oder abgeändern könnt.

Sucht im "HTML bearbeiten" nach:

.post-body blockquote {

Darunter könnt ihr nun beliebige CSS-Codes einfügen, die eure Zitatbox zu etwas besonderem machen. Mögliche Eigenschaften für euer Zitatbox findet ihr im CSS-Katalog.

Variante 1:

Mit einem Strich links.
Ich bin eine hübsche Zitatbox <3
.post-body blockquote {
margin: 1em 0 1em 10px;
padding: 0 0 0 20px;
border-left: 2px solid #ea808b;
}

Variante 2: 

Mit einem Rahmen.
Ich bin eine hübsche Zitatbox <3
.post-body blockquote {
margin: 1em 0 1em 10px;
padding: 10px;
border: 1px solid #ea808b;
}

Variante 3:

Der erste Buchstabe ist anders als der Rest. Für diese Variante muss eure gewünschte Schriftart über </head> im HTML eingebaut sein (Wie das geht?). 
.post-body blockquote {
margin: 1em 0 1em 10px;
padding: 0 0 0 20px;
}
.post-body blockquote:first-letter {
font-family: 'Great Vibes';
font-size: 35px;
}

Variante 4:

Die Box ist mit einem Hintergrund versehen.
Ich bin eine hübsche Zitatbox <3
.post-body blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1r1CMa2Fwh7Bg_gYOQDDZ3y08D56QctwdnLN9MY99OfV-FFqczhPyjagRMEHrksBnJQ-2SirCKqbfGwxbl2vAcOLyIXIG-Xpa92MIihR8mEy9keu5TdcaqvEaJ5UwTA52afDksRxuVL4/s320/squares4.jpg);
padding: 20px;
margin: 1em 0 1em 10px;
}

Variante 5:

Bei dieser Variante werden vor und nach dem eigentlichen Zitat Zeichen angehängt.
.post-body blockquote {
margin: 1em 0 1em 10px;
padding: 0 0 0 20px;
border-left: 2px solid #ea808b;
}
.post-body blockquote:before {
content: '" ';
}
.post-body blockquote:after {
content: ' "';
}

 Variante 6:

Hier wird gezielt ein Hintergrund gesetzt, sodass ein Anführungszeichen links oben auftaucht.
Ich bin eine hübsche Zitatbox <3
.post-body blockquote {
margin: 1em 0 1em 10px;
padding: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPa5eUlIcfmUbVFxllop0DlY2_tInFM0pmb7rpiUeps2BTeAMnVAWAPOg4D1XWN0p2sEP9_a0nWTyyOMtG05so_nBHErGPznmd1Ax2REBgFHvXU4grrcqUANuNQPQ9t5kC1ezMhr615B6/s1600/quote.png) no-repeat;
background-position-x: left;
background-position-y: top;
}

Wo kann ich eine Zitatbox machen? 

Im Posteditor, wo ihr euren Post schreibt, könnt ihr die Zitatbox einsetzen. Ihr markiert einfach eure gewünschte Textstelle und klickt auf die "-Anführungszeichen oben in der Werkzeugleiste.
Um den Stil auch in einem HTML/Javascript-Widget zu benutzen, fügt ihr ein <blockquote> vor und ein </blockquote> nach den als Zitat anzuzeigenen Text ein.
Weiterlesen »
Teile diesen Post:
18 Kommentare:

Monthly Links August 2015


Ich habe diesen Monat fleißig Links aus Facebooks Bloggergruppen gesammelt, die tolle Tipps, Tricks und Tutorials beinhalten. Alle Posts wurden im August 2015 geschrieben.

1. Woche

  • Sabrina hat ein neues Design für euch gemacht. Wer Lust auf etwas neues für seinen Blogger Blog hat, kann dort mal vorbeischauen!
  • Ihr wünscht euch hellere Fotos für euren Blog? Sabrina hat auch noch einen tollen Post mit Tipps für das Fotografieren geschrieben.
  • Diana hat sich sehr viel Mühe gegeben, um zu zeigen, wie man die Cookie Richtlinien im Blog umsetzt und viele weitere wissenswerte Infos zu Cookies auf ihrem Blog geschrieben.
  • Aileen beschäftigt sich für euch mit der Frage, wie man einen Blog starten kann und gibt euch dazu tolle Tipps und Denkanstöße.
  • Anne von Neontrauma spricht über den Trend Slow Blogging und klärt auf, was das überhaupt bedeutet.

2. Woche

3. Woche

4. Woche

PS: Wer im September's Monthly Links dabei sein möchte, darf seinen Link(s) hier lassen!
Weiterlesen »
Teile diesen Post:
8 Kommentare:
Abonnieren Posts (Atom)