Caschy hatte ja in seinem Blog gestern schon einen Ausblick und eine Vorankündigung zum Designwechsel gegeben. Als ich heute Morgen meine Mails checken wollte, fiel mir dann auch gleich der Button unten rechts auf.

Auf den ersten Blick …. nett (und in diesem Fall meine ich nicht die kleine Schwester ). Die ausgebauten Suchmöglichkeiten gefallen mir sehr gut. Mal schauen, was sich sonst noch getan hat.

Googlemail in der etwas älteren Ausführung (ist ja nicht wirklich alt)

Googlemail nach der Designumstellung

Ähnliche Beiträge:

1. Google Reader mit neuer Optik
2. Mehr und neue Farben im Google Kalender
3. Aus dem Google Reader auf Google+ posten

Google Reader in neuem Gewand

Update vom 02.11.2011

Nach einem Tag Nutzung muss ich mich etwas revidieren. Auch wenn mir die Optik auf den ersten Blick gut gefallen hat, ist sie für die Nutzung nicht gerade förderlich, da es sich wesentlich schwieriger liest. Hinzu kommt die nicht gerade gute Stabilität beim nachladen der Feeds. Vorher war es doch etwas smoothiger.

Und natürlich die geraubte nun fehlende Möglichkeit, mit seinen Feedabonnenten Feeds zu teilen. Mal sehen … vielleicht bessert Google da nochmal nach.

Ähnliche Beiträge:

1. Nun auch Google-Mail in neuem Design
2. Mehr und neue Farben im Google Kalender
3. Aus dem Google Reader auf Google+ posten

24 Farben im Google Kalender

Der Google Kalender hat jetzt passend zum neuen Design eine neue Farbvorlage bekommen, so dass jetzt mehr und auch andere Farben zur Verfügung stehen. Schön finde ich auch, dass importierte Kalender mit einem leichten Streifendesign versehen sind. Dadurch kann man besser zwischen den Kalendern, die man selber angelegt hat und denen, die importiert werden, unterscheiden.

Ähnliche Beiträge:

1. Nun auch Google-Mail in neuem Design
2. Google Reader mit neuer Optik
3. Aus dem Google Reader auf Google+ posten

T3N hat eine sehr schöne Anleitung geschrieben, wie man diese Sache selbst hinterlegen kann. Gleichzeitig wurde auch noch die Integrationsmöglichkeit für “Read it Later” und “Yammer” dargestellt.

Ähnliche Beiträge:

1. Nun auch Google-Mail in neuem Design
2. Google Reader mit neuer Optik
3. Mehr und neue Farben im Google Kalender

Voraussetzung ist aber iOS5 (kommt ja heute Abend) auf dem iPhone oder Lion auf dem Mac.

Ähnliche Beiträge:

1. iOS5 ist am Start

Mittlerweile hat SkyDrive seine Oberfläche stark überarbeitet und auch an der Geschwindigkeit geschraubt. Ein Grund mehr für mich, sich den Dienst nochmal genauer anzuschauen.

Nun gibt es auch eine Möglichkeit, über einen kleinen Trick SkyDrive als Laufwerk unter Windows einzubinden. Zumindest hat es wie folgt bei mir funktioniert.

SkyDrive unter Windows7 als Laufwerk einbinden

SkyDrive als Netzlaufwerk einbinden

Ihr benötigt dafür logischerweise eine Windows ID und Passwort für SkyDrive und die sogenannte CID, die den entsprechenden SkyDrive-Nutzer identifiziert. Diese CID erhaltet Ihr, wenn Ihr Euch beim Webdienst von SkyDrive anmeldet und diese aus Zahlen und Buchstaben bestehende Kombination aus der URL heraus kopiert.

Nun im Windows Datei-Explorer den Assistenten “Netzlaufwerk verbinden” starten, Laufwerksbuchstaben aussuchen und unter “Ordner” “\\docs.live.net@SSL\CID” eintragen. Anstelle von CID müsst Ihr natürlich Eure vorher kopierte CID-Nummer hinterlegen.

Nach dem Klick auf “Fertig stellen” dauert es noch einen Moment und Ihr werdet nach den Zugangsdaten für SkyDrive (Windows Live ID und Passwort) gefragt. Einfach anmelden und unter dem entsprechenden Laufwerksbuchstaben steht Euch nun SkyDrive als Laufwerk im Windows Datei-Explorer zur Verfügung. zur Verfügung.

Keine ähnlichen Beiträge vorhanden.

Voraussetzungen

Um innerhalb der Fanpage auf Facebook eine Seite als iFrame hinterlegen zu können, müssen bestimmte Voraussetzungen erfüllt sein:

1. Es sollte ein verifizierter Account bei Facebook vorliegen. Der Account sollte derjenige sein, mit dem man als Admin die Fanpage angelegt hat.
2. Sinnvoller Weise sollte externer Webspace vorhanden sein, auf der die Seiten hinterlegt werden können, die in die Fanpage inkludiert werden. Noch besser ist, wenn man bei seinem Provider auch den https-Part gebucht hat. Warum … dazu komme ich später noch.
3. HTML- und CSS-Kenntnisse sind zur Erstellung der zu inkludierenden Seiten von Vorteil.

technische Vorbereitungen

Die erstellten Seiten, die später in der Fanpage auf Facebook als Anwendung hinterlegt werden sollen, können als ganz normale Webseite erstellt werden. Dabei steht es Dir frei, den Style inline oder als externe CSS-Datei anzulegen. Wichtig ist, dass später alles entsprechend auf dem gemieteten Webspace hinterlegt wird.

Die erstellten Seiten sollten maximal 520 Pixel breit. Wird eine Höhe von 800 Pixel überschritten, ergibt sich innerhalb des iFrames ein unschöner Scrollbalken. Ist das für Dich ok, sollte dieser Scrollbalken bei der Seitenbreite mit berücksichtigt werden (Breite dann auf 510 Pixel reduzieren.) Wie man den Scrollbalken auch bei einer Höhe von mehr als 800 Pixel unterdrücken kann, erkläre ich später. Seiten können selbstverständlich auch untereinander verlinkt werden. Externe Links sollten mit target=”_blank” versehen werden, damit sich diese in einem separaten Fenster öffnen.

Empfehlenswert ist, alle zusammengehörende Seiten innerhalb eines Ordners auf dem Webspace zu hinterlegen.

Wie legt man eine Facebook Anwendung an?

Zur besseren Verdeutlichung gehe ich mal von folgendem Beispiel aus: Es wurde eine start.html, ein Image-Ordner und eine style.css erstellt. Diese Dateien wurden in den Ordner “facebook-seite” auf der obersten Ebene (Root-Ebene) des Webspace übertragen, so dass die Seite unter http://www.deineseite.de/facebook_seite/start.html zu finden und aufrufbar ist.

Ok … die Vorbereitungen sind so weit abgeschlossen, die Seite(n) sind erstellt und hochgeladen. Wie bekomme ich das Teil nun aber in meine Fanpage?

1. Anmeldung bei Facebook in dem Account, der als Admin für die Fanpage fungiert.
2. Aufruf der Seite http://www.facebook.com/developers/.
3. In der sich öffnenden Seite Klick auf den Button “Erstelle eine neue Anwendung” rechts oben.
4. In der darauf folgenden Seite wird der Name der Anwendung hinterlegt. Hast Du vor mehrere Anwendungen (Seiten) zu hinterlegen, sollte der Name eindeutig und sprechend sein. Dieser Name kann später auch noch geändert werden. Und es müssen die Allgemeinen Geschäftsbedingungen von Facebook akzeptiert werden.
   
5. Nach dem Klick auf “Anwendung erstellen” muss auf der Folgeseite ein Sicherheitscode eingegeben werden. Anschließend wird die Bearbeitungsseite für Deine erstellte Anwendung angezeigt.
   
6. Du befindest Dich nun auf der Info-Seite Deiner Anwendung. Hier kannst Du nun oder auch zu einem späteren Zeitpunkt den Namen der Anwendung ändern.
7. Eine Beschreibung kann, muss aber nicht hinterlegt werden. Hat man mehrere Anwendungen macht dies aber durchaus Sinn, um diese auseinander halten zu können.
8. Ein ansprechendes Icon sollte hinterlegt werden, da dies später auf Deiner Fanpage vor dem Anwendungsnamen (Seitennamen) in der linken Spalte angezeigt wird. Auch dieses kann nachträglich noch hinzugefügt oder später wieder geändert werden. Das Icon hat eine Größe von 16×16 Pixel. Empfehlenswert ist ein gif-Bild, jpg und png gehen aber auch. Achte darauf, dass Du die Rechte an dem Bild besitzt.
9. Ein Logo kann auch hoch geladen werden, dieses ist aber nur für den Admin sichtbar.
10. Sprache auf “deutsch” setzen.
11. E-Mail oder URL wählen und entsprechenden Eintrag vornehmen.
12. Direkten Link zum Impressum bzw. Datenschutzerklärung hinterlegen.
13. Hier können weitere Administratoren hinzugefügt werden, damit auch andere die Anwendung bearbeiten können. Vorher sollte derjenige aber Dein “Freund” werden, da nur diese als Admin hinzugefügt werden können.
    
14. Jetzt wechselst Du links oben auf die Seite “Website”. Dort findest Du die Anwendungs-ID, die zu einem späteren Zeitpunkt noch mal wichtig wird. Diese ID wird nur einmal vergeben. Nach dem löschen der Anwendung erlischt auch die ID und wird nicht noch einmal vergeben.
15. Im Part “Site URL” hinterlegst Du die URL für den Ordner, in dem alle Dateien (start.html, style.css) hinterlegt sind. In meinem Beispiel wäre das http://www.deinseitenname.de. Das Feld “Seiten-Domain” kann frei bleiben.
16. Jetzt wechselst Du links oben in den Bereich “Facebook Integration”:
    
17. Im Feld Canvas Page vergibst Du einen Namen für Deine App (Der Name muss mindesten 7 Zeichen haben und darf nur Kleinbuchstaben, Unterstriche oder Bindestriche enthalten)
18. Unter Canvas-URL  wird der vollständige Pfad zu dem Ordner hinterlegt, in dem die Inhalte der Seite vorhanden sind. In meinem Beispiel wäre das http://www.deineseite.de/facebook_seite/.
19. Wenn Du jetzt bei Deinem Provider auch den https Part gebucht hast (siehe 2. Punkt unter Voraussetzungen oben), dann kannst Du dort die URL auch als https hinterlegen. In meinem Beispiel wäre das https://www.deineseite.de/facebook_seite/. Das hat den Vorteil, dass die Seite auch bei allen Facebook-Nutzern angezeigt wird, die in den persönlichen Einstellungen bei Facebook den Secure-Part https angehakt haben und das sind mittlerweile nicht sehr wenige (hoffe ich zumindest ). Existiert der https-Part nicht, fragt Facebook den Nutzer, ob erst auf http gewechselt werden soll, um die Anwendung anzeigen zu können. Ich mache das in Regelfall nicht, da erst nach einer Neuanmeldung wieder der facebookseitige https-Part aktiv wird.
20. Die iFrame-Größe würde ich auf automatisch anpassen stellen.
21. Social Discovery auf “Gesperrt” setzen. (macht nur Sinn für Spiele oder Anwendungen, die von anderen zu Deinem Profil hinzugefügt werden können – die Anwendung, die Du erstellst, ist aber nur für Deine Fanseite)
22. Dort gibst Du den Namen ein, der später in der linken Navigationsleiste bei Facebook als Dein Seitenname erscheinen soll. In meinem Beispiel “Startseite”. Dieser kann später auch wieder geändert werden.
23. Bei “URL des Reiters” kommt nun der vollständige Pfad zu Deiner Seite. In meinem Beispiel http://www.deineseite.de/facebook_seite/start.html. Analog dazu natürlich unter “Secure Tab URL” die entsprechende https-Variante (https://www.deineseite.de/facebook_seite/start.html).
24. GANZ WICHTIG: Button “Änderungen speichern” klicken !!!!!

So … damit wäre der Part zur Anlage der Anwendung abgeschlossen. Jetzt geht es daran, die externe Seite in die Facebookseite zu inkludieren.

Anwendung zur Fanseite hinzufügen

Nach dem speichern der Anwendung müsstest Du Dich wieder auf der Anwendungsübersicht befinden und die aktuell angelegte Anwendung ist angelegt.

1. Jetzt klickst Du rechts auf den Link “Anwendungs-Profilseite”. An dieser Stelle kannst Du auch später unter dem Link “Einstellungen bearbeiten” die Inhalte der Anwendung bearbeiten.
2. Auf der nächsten Seite klickst Du auf der linken Seite auf den Link “Zu meiner Seite hinzufügen”.
3. Es öffnet sich ein PopUp, sofern Du als Administrator mehrere Seiten betreibst. Dort kannst Du die Seite auswählen, zu der die Anwendung hinzugefügt werden soll. Dort klickst Du auf den entsprechenden Button der Seite “Einer Seite hinzufügen”. Über “Schließen” das Fenster schließen.
4. Nun auf die entsprechende Seite wechseln und in der linken Navigationsleiste taucht jetzt der Punkt “Startseite” mit Deinem hinterlegten Icon auf, sofern alles korrekt gelaufen ist.

Nach Klick auf den Link “Startseite” sollte der Inhalt der Seite start.html, den wir anfänglich auf den Server gespeichert haben, in Facebook angezeigt werden. Et Viola!

Für die Anlage von weiteren Seiten müsstest Du das ganze Procedere nochmals durchlaufen. Selbstverständlich können die Seiten auch untereinander verlinkt werden.

Um den Begriff “Startseite in zum Beispiel “Willkommen” zu ändern musst Du innerhalb der Fanpage als Admin einfach auf “Seite bearbeiten” gehen und dann links auf den Link “Anwendungen”. Die entsprechende Anwendung heraussuchen und unterhalb der Anwendung auf den Link “Einstellungen bearbeiten” klicken. Es öffnet sich ein kleines Fenster, in dem der Begriff dann abgeändert werden kann.

Seite länger als 800 Pixel ohne Scrollbalken anzeigen

Um eine Seite, die länger als 800 Pixel ist ohne Scrollbalken anzuzeigen, muss genau hinter dem body-Tag der html-Seite, die auf den Server hochgeladen wird und später zur Anzeige gebracht werden soll, folgender Code hinterlegt werden:

<div id="fb-root">
<script src="http://connect.facebook.net/de_DE/all.js"></script>
<script>
FB.init({
appId : 'Hier kommt Deine App-ID rein',
status : true,
cookie : true,
xfbml : true
});
FB.Canvas.setAutoResize(91);
</script>
</div>

An der entsprechenden Stelle (Zeile 05) muss Deine App-ID (siehe Punkt 14) hinterlegt werden.

Wenn man nur eine oder sehr wenige Seiten anlegen will und das Ganze auch nur für eine Fanpage, dann kann man das auch über eine bereits bestehende Anwendung machen (iFrameWrapper). Wie das geht und was es für Vor- und Nachteile hat, erkläre ich in einem späteren Beitrag.

Aber nun viel Erfolg!

Keine ähnlichen Beiträge vorhanden.

Ich habe es denn doch gewagt und erstaunlich viele Erweiterungen funktionieren mit der neuesten Version – zumindest die, die ich sehr häufig nutze und auf die ich nicht verzichten möchte. Da mir das neue Standard-Theme ganz gut gefällt, war es auch kein Problem, auf dieses zu wechseln, da mein ursprünglich genutztes Theme nicht gerade vernünftig mit dem 4er aussah.

Aber wo ist die Statusleiste hin? In dieser sind ja solche Erweiterungen wir MeasureIt und ColorZilla hinterlegt. Auch wurden ja dort (ältere Version) die entsprechenden Links angezeigt, wenn man einen solchen mit der Maus in der Seite überstrichen hat. Die Links werden immer noch unten links angezeigt. Aber erst im Moment des überstreichens wird ein kleines Fensterchen mit der gewünschten Information angezeigt.

Die Addons (Erweiterungen), die sich sonst in der Statusleiste eingenistet hatten, werden jetzt über die Addon-Leiste dargestellt. Also rechte Maustaste der Navigations-Symbolleiste, dann den Eintrag Add-on-Leiste anhaken und unten rechts schauen. Viola!

Ähnliche Beiträge:

1. Firebug für den Firefox 3

Unterlabel bei Googlemail

Leider kann man wie bei Ordnern keine Unterordnerlabel erstellen … bis jetzt. Um das tun zu können, muss man in den Google-Labs (klick auf die grüne Laborkanne rechts oben oder Aufruf über Einstellungen > Labs) die Funktion “Verschachtelte Labels” aktivieren und speichern.

Jetzt kann man unter Einstellungen > Labels ein neues Label erstellen (z. B. Social Media). Für ein Unterlabel erstellt man dann ein Label in folgender Schreibweise “Social Media/Facebook” (ohne Anführungsstriche).

Ähnliche Beiträge:

1. Nun auch Google-Mail in neuem Design
2. Mehr und neue Farben im Google Kalender
3. Aus dem Google Reader auf Google+ posten

Fit für einen guten Zweck

Mein Blognachbar Carsten aus Bremerhaven zeigt wieder einmal durch eine tolle Aktion, was durch Kommunikation innerhalb der Blogosphäre alles möglich ist. Für seine soziale Ader ist er ja unter den Bloggern schon bekannt, aber mit dieser Aktion setzt er der dem Ganzen die wohlverdiente Krone auf.

In einigen Monaten will er seine Angebetete Nadine ehelichen und das soll natürlich in einem gestählten Körper mit schmuckem Anzug passieren. Dem gegenüber steht der innere Schweinehund, der ja bei uns allen schon mal die Grenze zwischen Wunsch und Umsetzung gezogen hat. In Zusammenarbeit mit McFit hat er deshalb eine Vereinbarung “ausgehandelt”, die nicht nur seinem Körper, sondern auch bedürftigen und anderen fitnessorientierten Menschen zugute kommt.

Was ist nun Bestandteil dieser Vereinbarung? McFit erarbeitet für Caschy einen Ernährungs- und Trainingsplan, den er innerhalb der nächsten 6 Wochen mindestens 3 mal pro Woche durchziehen muss. Hält er dies durch, dann spendet McFit 5.000 Euro an das Kinderprojekt Arche in Hellersdorf. Das für sich genommen ist schon ne tolle Sache. Aber es geht noch weiter. McFit legt für 25 Leute noch Trainingsfreikarten für einen Zeitraum von 6 Wochen drauf. Sofern sich mehr als 25 Leute bei Caschy melden (einfach per Mail Name, Geburtsdatum und gewünschtes Studio an Caschy melden), entscheidet das Los. Unter den 25 Ausgelosten werden dann zusätzlich noch 1 Jahresabo, 3x 3-Monats-Abos und 6x Beauty-Bags verlost.

Und damit ist noch nicht Schluss. Zusätzlich verlost notebokesbilliger.de (Caschys Arbeitgeber) unter den 25 “Glücklichen” eine Nintendo Wii.

Wie ich finde eine Superaktion, die eigentlich nur Gewinner hat. Meine Unterstützung hat er auf jeden Fall und sei es “nur” in der verbalen Anfeuerung per Twitter.

Gestern war er übrigens schon fleißig trainieren.

Die allumfänglichen Informationen zu der Aktion findet ihr hier.

Keine ähnlichen Beiträge vorhanden.