Verschiedene Hintergründe für bestimmte Seiten ♥♥

Leider kam ich diese Woche nicht dazu, euch über den Sonntagstutorial abstimmen zu lassen. Ich hatte allgemein eine nicht so tolle Woche, weshalb ich mich lieber im Bett versteckt als mich am PC um Mails und meinen Blogs gekümmert habe. Es war einfach keine gute Woche für mich.

Für euch habe ich ein Tutorial, wie man für eine bestimmte Seite einen eigenen Hintergrund einstellen kann. Wer es zum Beispiel im Blog eher minimalistisch hält, aber auf einer bestimmten Seite einen lebendigeren Hintergrund haben möchte, kann das mit diesem Tutorial verwirklichen.

Beispiel: http://www.copypastelove.org/p/mira.html

1. Öffnet unter Vorlage euren HTML-Code. Sucht nach </head> und fügt folgendes direkt darunter:

<b:if cond='data:blog.url == &quot;http://www.copypastelove.org/p/mira.html&quot;'>
<style>
body {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivcJs1nb4kkxy7wT7x3rrxYVZGaVcMyG3eGpx0VXkRQO2BAtvtYIH4SMX0Bdpuw7d7tm1bPEFsOUe1w2kBtZlw4-GjlbznXzPT84wQKfyj_BPlnihbqy6nuodUtqa9wajLi3Yn7Rz_iLB/s1600/wavegrid.png);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>

So sollte es dann aussehen:

2. Ersetzt das gelb-markierte mit einer Seite oder Post eurer Wahl. Den Link kriegt ihr, indem ihr die Seite öffnet und die URL aus der Adressleiste kopiert. Das grün-markierte ersetzt ihr durch den Link eines Hintergrundes eurer Wahl, welches ihr zuvor im Internet hochgeladen habt (via Photobucket, TinyPic, Picasa, Abload etc.). Schöne Hintergründe findet ihr hier unter "Hintergründe".

3. Speichern.

TIPP für Fortgeschrittene: Ihr könnt auch das andere Teile des Designs ändern. Wie ihr schon gemerkt habt, steht im Code ein Style-Tag, dazwischen könnt ihr euch CSS-mäßig komplett austoben! :)

Viel Spaß und gutes Gelingen!