Weil’s einfach nicht wurscht ist – eine Anleitung

Am 25. April 2010 wählt Österreich den Bundespräsidenten. Soweit so klar. Doch wer geht tatsächlich wählen? Manche sagen und viele denken, eh schon entschieden, eh schon wurscht. Ist es aber nicht. Und wenn du zeigen willst, warum es nicht wurscht ist, dann bau doch unser Würschtel-eck auf deiner Website ein. Hier die Anleitung dazu:

Für Wordpress:
Zuerst musst du dich mit den Admin-Rechten auf deiner Webseite einloggen.
Unter „Design“ gehst du auf den „Editor“ und öffnest die Themedatei „header.php“
Hier scrollst du im Bearbeitungs-Fenster nach unten, bis du die Stelle mit </head>  findest.
Direkt über dieser Zeile kopierst du folgenden HTML-Code hinein:

<!– AKVS head start v1.5 –>
<style type=”text/css”>
<!–
div#akct {
position: absolute; top:0px; right: 0px; z-index: 2342; width:170px; height:141px;
background-image: url(http://www.heifi2010.at/wp-content/uploads/pagepeel/ecke.gif);
background-repeat: no-repeat;
background-position: right top;
border:none;
padding:0;
margin:0;
text-align: right;
}

div#akct img {
border:none;
padding:0;
margin:0;
background: none;
}

div#akct a#akpeel img {
width: 170px;
height: 141px;
}

div#akct a, div#akct a:hover {
text-decoration: none;
border:none;
padding:0;
margin:0;
display: block;
background: none;
}

div#akct a#akpeel:hover {
position: absolute; top:0px; right: 0px; z-index: 4223; width:550px; height:550px;
display: block;
background-image: url(http://www.heifi2010.at/wp-content/uploads/pagepeel/vollbild.gif);
background-repeat: no-repeat;
background-position: right top;
}

div#akct a#akpreload {
background-image: url(http://www.heifi2010.at/wp-content/uploads/pagepeel/vollbild.gif);
background-repeat: no-repeat;
background-position: 600px 0px;
}
–>
</style>
<!–[if gte IE 5.5]>
<![if lt IE 7]>
<style type=”text/css”>
div#akct a#akpeel:hover {
right: -1px;
}
</style>
<![endif]>
<![endif]–>
<!– AKVS head end –>

zum Schluss unten auf den Button „Datei aktualisieren“ klicken.

Danach öffnest du die Themedatei : footer.php.
Hier suchst du dir wieder die Zeile mit  </body>:
Direkt darüber kopierst du dann diesen HTML-Code:

<!– AKVS body start v1.5 –>
<div id=”akct”><a id=”akpeel” href=”http://www.heifi2010.at/2010/04/22/weils-einfach-nicht-wurscht-ist-eine-anleitung/” target=”_blank” title=”Am 25.April -Fischer wählen!”><img src=”http://www.heifi2010.at/wp-content/uploads/pagepeel/blank.gif” alt=”Am 25.April -Fischer wählen!” /></a>
<a id=”akpreload” href=”http://www.heifi2010.at/2010/04/22/weils-einfach-nicht-wurscht-ist-eine-anleitung/” target=”_blank” title=”Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:”><img src=”http://www.heifi2010.at/wp-content/uploads/pagepeel/infobutton.gif” alt=”Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:” /></a></div>
<!– AKVS body end –>

Danach wieder auf den „Datei aktualisieren“ Button klicken .

Fertig.

INFO: Wenn du das Plugin “Wp-Cache” benutzt, solltest du zusätzlich noch unter den Einstellungen den Cache leeren, damit du deine Änderungen auch sehen kannst.

Hier noch ein Vorschaubild:

Vollbild

Mehr Tipps zum Einbau des Pagepeels, bzw. des digitalen Eselohrs für HTML und andere Blog- und Content Management Systeme, findest du unter anderem auf http://wiki.helge.at/Einbauanleitung. Unser Modul basiert auf dem Vorbild http://wiki.vorratsdatenspeicherung.de/Online-Demo und steht unter CC-BY-SA.