Facebook Profil löschen (Standard)

Wenn man sein Profil bei Facebook löscht, dann bleiben alle Informationen, Fanpages, Bilder und Texte erhalten und nach einer erneuten Anmeldung mit den alten Nutzerdaten wird das Profil sofort wieder sichtbar. Bilder, Texte und Freunde bleiben erhalten. Das hat Vorteile für den User, vor Allem aber auch für Facebook.

Facebook Profil tatsächlich löschen

Heute habe ich auf facebookmarketing.de gelesen, dass Facebook sehr wohl eine Möglichkeit anbietet, mit der man ein Profil endgültig löschen kann. Diese Möglichkeit wird nicht über das Menü angeboten, offenbar will Facebook verhindern, dass zu viele Benutzer diese Option wahrnehmen.

Eine erneute Verwendung von Facebook ist dann erst nach einer Registrierung als neuer Benutzer möglich. Ebenso sind natürlich alle Freunde, Bilder und Inhalte nicht mehr mit dem neuen Profil verbunden. Es ist anzunehmen, dass Facebook die Inhalte des alten, gelöschten Profils nicht ebenfalls löscht. Allerdings wird man als normaler User wohl keinen Zugriff mehr auf ein Bild eines gelöschten Profils haben.

Wie kann ich mein Profil bei Facebook löschen?

In dem Erwähnten Artikel auf facebookmarketing.de wird der Link angegeben, der einem zum Löschvorgang seines Profils führt. Er lautet:

https://ssl.facebook.com/help/contact.php?show_form=delete_account

Also vorher gut nachdenken, vielleicht erst einmal auf normalem Weg “unsichtbar” werden und wenn man dann gemerkt hat, dass es ohne Facebook wirklich besser geht, dann ab dafür.

Was ist Posterous?

Seit einiger Zeit habe ich Posterous für mich als perfektes Zwischending zwischen Blog und Twitter entdeckt. Es ist die absolut bequemste Schnittstelle, um die Dinge, die mir so beim täglichen Arbeiten im Netz über den Weg laufe, festzuhalten und zu sichern.

Dazu kommt eine Push-Funktion, die jeden Eintrag bei tocki.posterous.com gleich an meinen Twitter-Account meldet. Auch Facebook und sogar meinen WordPressblog könnte ich damit speisen.

In dieser neuen Serie möchte ich nun also jeden Monat eine Rückschau hier posten, die das auf tocki.posterous.com gesammelte der letzten Wochen zusammenfasst.

Digg-style Post Sharing Tool mit jQuery

Auf queness.com gibt es ein sehr schönes jQuery Script, das Social Bookmarking in hübsch ermöglicht.
> Zur Demo

jQuery Captify Plugin

Das jQuery Captify Plugin ermöglicht das elegante Anzeigen von Bildbeschreibungen (Alt-Atribut) beim Roll-over.
> Zur Demo

Andriod News

1. Remember The Milk ist jetzt auch für Android erhältlich.
2. Die offizielle Android.com Website hat endlich ein Redesign erhalten.
3. Google Goggles (augemted Reality) für Androids (Video).
4. evernote.com/m passt seine Mobile Website für Android Devices an.
5. Der Android Market wächst weiter. Bereits 20.000 Apps sind vorhanden. (Grafik)

Matrix als Lego Stop-Trick nachgebaut

Eingebettetes Video ansehen

108 Minimal Icons

tutorial9.net stellt 108 minimalistische Icons zum freien Download bereit.

Das Web 2.0 gehört den Mädls

84% der socialen Netzwerke haben mehr weibliche, als männliche Benutzer. Darunter auch Twitter (59% weiblich) und Facebook (57%). Weitere infos in dem Artikel von royal.pingdom.com.

Viral Video: It´s all about Teamwork

Eingebettetes Video ansehen

YouTube As A Sculpture

Eingebettetes Video ansehen

Die hier verlinkten Plugins und weiterführenden Seiten werden zur Erstellung des Demo-Blogs, den jeder Teilnehmer erstellen wird, verwendet. Ziel ist es einen einfach WordPress Blog wie diesen hier zu erstellen.

WordPress Core

Das wichtigste ist natürlich das Blogsystem selbst. Die aktuelle Version in Deutsch gibt es unter de.wordpress.org.

Plugins Multimedia

1. Darstellung von Bildern mit dem Lightbox-Script: wordpress.org/extend/plugins/lightbox-2
2. Einbindung von mp3s mit dem WPaudio MP3 Player: wordpress.org/extend/plugins/wpaudio-mp3-player
3. Einbinden von Videos (auch eigene FLVs) mit Viper’s Video Quicktags: wordpress.org/extend/plugins/vipers-video-quicktags

Anpassung für eigene FLVs

In der “functions.php” im Ordner “wp-includes” werden die Dateiformate geregelt, die von WordPress akzeptiert werden. Standardmäßig werden FLVs nicht akzeptiert. Also muss man sie nachträglich “erlauben”. Dazu die functions.php im Texteditor öffnen. Etwa ab Zeile 2228 werden die Dateiformate beschrieben. dort einfach die folgende Zeile einfügen, speichern, wieder hoch laden, fertig.

'flv' => 'video/flv',

weitere sinnvolle Plugins

1. Aksimet zur Spam-Abwehr: wordpress.org/extend/plugins/akismet
2. Statistiken Deines Blogs mit WordPress.com Stats: wordpress.org/extend/plugins/stats
3. Optimierung für Suchmaschinen mit dem All in One SEO Pack: wordpress.org/extend/plugins/all-in-one-seo-pack
4. Ebenfalls gut für Google ist  der Sitemaps Generator for WordPress: arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator
5. Verwaltung von Downloads mit dem Downloads Manager: wordpress.org/extend/plugins/downloads-manager

Resourcen zu WordPress

1. Plugin Directory auf wordpress.com: wordpress.org/extend/plugins
2. Free Themes Directory auf wordpress.com: wordpress.org/extend/themes
3. Kostenlose Alternative zum selbst gehosteten Blog: wordpress.com
4. Weiterführende Details zur Programmierung mit wordpress: codex.wordpress.org
5. WordPress Deutschland mit deutschem Support Forum: wordpress-deutschland.org

Das Menue in WordPress

Zunächst solltest du eine Liste erstellen, die du dann mittels CSS zu einem Menue formst. Hier auf dem Tocki-Blog verwende ich etwa das hier:

<ul id="menu">
  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

Das bedeutet: Mache eine ul-Liste, die den Namen “Menu” hat. Sortiere die Einträge nach der Reihenfolge, die ich im Backend von WordPress angegeben habe (sort_column=menu_order), zeige dabei lediglich die Hauptseiten in der Liste an (depth=1) und sorge dafür, dass jeder Menue-Eintrag zwischen <li> und </li> ausgegeben wird (title_li=). Das erzeugt einen Quelltext, der so aussieht:

<ul id="menu">
 <li><a href="http://www.blog.tocki.de/who-is/">who is?</a></li>
 <li><a href="http://www.blog.tocki.de/datenschutz/">Datenschutz</a></li>
</ul>

Das kann man natürlich vorzüglich mit CSS gestalten. Mein CSS zum Menue sieht folgendermasen aus:

ul#menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
float: right;
}

ul#menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a {
display:block;
float:left;
color: #333333;
text-decoration:none;
padding:8px 12px 0 12px;
height:22px;
}

ul#menu li a:hover {
color: #ff01d8;
height:22px;
}

ul#menu .current_page_item a, ul#menu .current_page_parent a {
color: #0098ff;
display:inline;
height:22px;
float:left;
margin:0;
}

Dabei kann man sehen, dass ich eine Formatierung für den Zustand .current_page_item vorgesehen habe, um die jeweils aktive Seite im Menue hervorzuheben. Befindet man sich nämlich z.B. auf der Seite who is, dann wird als Quellcode folgendes ausgegeben:

<ul id="menu">
 <li class="current_page_item"><a href="http://www.blog.tocki.de/who-is/">who is?</a></li>
 <li><a href="http://www.blog.tocki.de/datenschutz/">Datenschutz</a></li>
</ul>

Link zur Startseite hinzufügen

Leider sieht WordPress nicht vor, dass die Startseite in dieses Menue eingebunden werden kann. Daher muss man sich mit einem Trick behelfen. Man vor den von den wp_list_pages einen Listeneintrag mit dem Link zur Startseite ein. Also so:

<ul id="menu">
  <li><a href="<?php bloginfo('siteurl'); ?>/" title="Zur Startseite">Start</a></li>
  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

Damit haben wir einen Link zur Startseite, der auf die selbe CSS Gestaltung hört, wie der Rest des Menues. Im nächsten Schritt geht es nun an die eigentliche Kunst, dass der Status der Startseite abgefragt wird.

Aktiver Status für die Startseite

Der oben hinzugefügte Link zur Startseite bringt leider nicht das Attribut .current_page_item im aktiven Zustand mit. Und hier kommt die angedrohte Handarbeit. Man ist ja mit solchen Ideen selten alleine und so gibt es auch für dieses Problem bereits eine Lösung von Texto.de, die ich leicht angepasst habe.

<?php if(!is_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>

Mit dieser Abfrage wird also abgefragt, ob die Seite, auf der wir uns befinden keine “Seite ” ist (!is_page). Wenn dem so ist, dann wird als Klasse eben das gewünschte .current_page_item ausgegeben. Andernfalls eben nicht. Keine “Seiten” sind im Prinzip alle Seiten, außer denen, die tatsächlich extra angelegte Seiten sind. In diesem Blog also who is und Datenschutz. Bei allen anderen “Seiten”, also z.B. der Suche, Archiven, Artikeln und natürlich der Startseite, wird für den Startseiten-Eintrag im Menue der Status .current_page_item ausgegeben.

Natürlich kann man die Abfrage auch anpassen , sodass tatsächlich ausschließlich die Startseite als aktiver Status ausgegeben wird. Dann muss die Zeile so heißen:

<?php if(is_front_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>

Eingebaut sieht das Ganze dann folgendermaßen aus:

<ul id="menu">
  <li<?php if(!is_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>><a href="<?php bloginfo('siteurl'); ?>/" title="Zur Startseite">Start</a></li>
  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

Soweit. Viel Spaß damit.

Kein Plugin, eine Lösung!

Die Vorgehensweise ist einfach. Man ließt einen Artikel und findet ihn erwähnenswert. Was früher noch bedeutet hat, dass man einen Blog-Eintrag schreiben muss wird heute oftmals nur noch über Twitter verbreitet. Es ist also zeitgemäß und benutzerfreundlich als Blogbetreiber einen Link am Ende eines Artikel anzubieten, mit dem Leser den Beitrag ohne Umwege direkt über ihren Twitter Account veröffentlichen können.

Viele WordPress Plugins, wie TweetSuite, oder andere gehen zu Lasten der Performance, da bei jedem Aufruf der Artikelseite eine verkürzte URL des Permalinks erzeugt wird, wozu eine externe Schnittstelle aufgerufen wird.

Die Lösung von Sergej heißt folglich: Speicherung der Short-URL. Der URL-Kürzungs-Dienst – in seinem Skript bit.ly wird lediglich einmal angerufen. Die übermittelte Kurz-URL wird zwischen gespeichert und kann beim nächsten Aufruf des Artikels direkt verwendet werden.

Das nenn ich mal eine smarte Lösung.

Anpassung und Einbau

Der von Sergej angebotene Code-Schnipsel muss in die funktions.php des eigenen WordPress Themes eingebaut werden. Der hier angezeigte Code ist nur zur Darstellung gedacht. Da Sergej den Code auf der entsprechenden Seite immer wieder anpasst, ist es dringend zu empfehlen den  Code dort zu kopieren!

<?php
if (!function_exists('save_tweet_link')) {
  function save_tweet_link($id) {
    $url = wp_remote_retrieve_body(
      wp_remote_get(
        'http://bit.ly/api?url=' .get_permalink($id)
      )
    );
    if (!$url) {
      return sprintf(
        '%s?p=%s',
        get_bloginfo('url'),
        $id
      );
    }
    add_post_meta(
      $id,
      '_tweet_trim_url',
      $url
    );
    return $url;
  }
}

if (!function_exists('the_tweet_link')) {
  function the_tweet_link() {
    if (!$url = get_post_meta(get_the_ID(), '_tweet_trim_url', true)) {
      $url = save_tweet_link(get_the_ID());
    }
    echo sprintf(
      'http://twitter.com/home?status=%s%s%s',
      urlencode('Lese grade: '),
      $url,
      urlencode(' (via @wpSEO)')
    );
  }
}
?>

Die einzige Anpassung, die ich vorgenommen habe ist, dass ich die unteren 3 Zeilen von

      urlencode('Lese grade: '),
      $url,
      urlencode(' (via @wpSEO)')

in geändert habe.

      urlencode('Lese grade: '),
      $url,
      urlencode(' (via @Tocki)')

Das Script läuft bei mir ganz hervorragend und ich bin mit der Performance sehr zufrieden.

Es wird ein Code-Schnipsel bereit gestellt, den man in die eigene Seite einfügen kann. Kommt nun ein Besucher mit dem IE6 auf die Seite, erscheint ein Warnhinweis, der den Besucher auffordert auf einen aktuelleren Browser umzusteigen.

Da es bisher noch keine deutsche Übersetzung gab habe ich eine angefertigt. Unter labs.tocki.de/no-ie6 kann man eine Demo sehen und den Code kopieren.

1. Der einzig wahre PNG Fix für den IE 5.5 und 6 mit jQuery: jQuery.pngFix
2. Überprüfung von Formularen mit JavaScript vor dem Abschicken bei on-mouseover.de
3. Für Webdesigner unerlässlich: Statistiken über die Verteilung von Schriftarten, wie zum Beispiel diese hier für Windows Systeme, für Macs und für Linux/Unix. Oder diese Analyse von WebmasterPro.de vom 02. Feb. 2009.
4. Ebenso sehr hilfreich: Schriftarten und deren Entsprechung auf anderen Systemen (beispielsweise Lucida Sans Unicode, Lucida Grande, sans-serif)
5. Vielleicht dem ein oder anderen schon bekannt: London from above at night und more of London from above at night.
6. Wunderbare Diagramme erstellen mit JS Charts.
7. Sexy Buttons mit CSS sliding doors.
8. Zwei Gerneatoren, die Text mit Hilfe von ASCII Code darstellen: englisch, deutsch.
9. Artificial Owl ist ein Fotoblog, der verlassene und aufgegebene Gebäude zeigt. Schön anzusehen!
10. lwis.net bietet ein freies CSS Drop-Down Menue Framework an.
11. Was für zwischendurch: wirklich gute Geschenkideen bei Fred & Friends.
12. NYC Grid stellt Fotografien aus New York von 1961 denen von 2009 gegenüber.
13. Eine sehr gute Übersicht von ca. 50 Lightbox Clones, deren Features, Dateigröße und JS Library gibt es hier.
14. Ein CSS Browser selector mit JavaSrcipt.

Unser gratis Browser Plugin stellt Inhalte in einer ausdehnbaren “3D Wand” dar, durch die man hunderte von Medien innerhalb einiger Sekunden sehen kann.

Das wirklich Verblüffende an dem Tool ist die Geschwindigkeit, mit der vor allem die etwas lästige, weil langsame und sperrige Google Bildsuche plötzlich richtig Spaß macht. Doch auch eine Videosuche bei Youtube gestaltet sich irgendwie interessanter. Auf jeden Fall ist es mal ein Ansatz sich auf eine andere Art durch diese ewigen Thumbnail-Listen zu kämpfen.

Die eingebaute Suchfunktion kann u.a. folgende Seiten durchsuchen: Bebo, deviantART, drop.io, Facebook, Ffffound, Flickr, Google Images, Yahoo Images, MySpace, Picasa Web Albums, LA Times (Tribute), AOL Images, fotocommunity, Getty Images, My Album, Xbox Live Faces und YouTube.

Das Add-on steht für Firefox, Internet Explorer und Safari/Mac auf der Website von Cooliris zum Download bereit.

Ein Beispiel:

Das Beispiel zeigt eine normale Box, in der sich eine graue Box befindet, die links floatet und ein margin-left von 100 Pixeln hat. Das CSS dazu:

.floatbox {
  float: left;
  width: 100px;
  height: 100px;
  margin-left: 100px;
  }

Der Internet Explorer 6 zeigt die Box allerdings mit einem verdoppeltem Außenabstand in die Richtung des floats an:

Es scheint keinen wirklichen Grund zu geben, warum das so ist und Microsoft hat den Fehler in den neueren Browsern auch behoben.

Die Lösung ist, der gefloateten Box als Anzeigeart (display) den Initialwert “inline” zu geben.
Das angepasste CSS wäre also:

.floatbox {
  float: left;
  width: 100px;
  height: 100px;
  margin-left: 100px;
  display: inline;
  }

Dieser Bugfix ist eigentlich überflüssig und ändert daher auch nichts in der Darstellung der Box in anderen Browsern. Aber es bringt den IE6 dazu den Außenabstand nicht mehr zu verdoppeln.

Dies ist eine (unvollständige) deutsche Übersetzung des Artikels The IE5/6 Doubled Float-Margin Bug von positioniseverything.net.

> zum englischen Artikel auf positioniseverything.net
> Infos zur Anzeigeart “display” auf css4you.de

p.s.: Das Bild zu diesem Artikel:
das CSS-Attribut “margin” beschreibt ja den Abstand von Dingen zueinander. Die Assoziation zu “mind the gap” ist da nur plausibel.

Ich habe gerade für eine Homepage bei gefühlten 273 Seiten den Footer mit Copyrightangaben usw. in das Jahr 2009 gebracht. Eine ziemliche Drecksarbeit.
Das muss nicht sein. mit ein bisschen PHP und include() geht die nächste Änderung schneller und die Jahreszahl ändert sich sogar von alleine.

Zunächst einmal braucht man natürlich einen Footer, der idealerweise immer am unteren Rand des Browsers klebt. In diesem Beispiel verwende ich den sehr empfehlenswerten CSS Sticky Footer von Ryan Fait. Schriftart, Hintergrundfarbe etc der Fußzeile werden also per CSS angepasst.

Jetzt packt man in diesen Footer lediglich den PHP Befehl @include mit der Pfadangabe zu der Datei “footer.php” im Ordner “inc”:

<div id="footer">
 <?php @include("inc/footer.php"); ?>
</div>

In der “footer.php” steht folgende Codezeile (ohne html, head oder body Tags):

&copy; <?php echo date('Y'); ?> - Tocki - <a href="http://www.blog.tocki.de">blog.tocki</a>

das erzeugt die Ausgabe ” © 2009 – Tocki – blog.tocki “.

Der Ausdruck <?php echo date(‘Y’); ?> fragt dabei die Jahreszahl vom Server ab und das erspart mir in einem Jahr die 2009 durch die 2010 zu ersetzen. Feine Sache.

Und weil ich jetzt von jeder der 273 Seiten auf die selbe PHP-Datei (“footer.php”) in der Fußzeile verweise, muss ich eventuelle Änderungen nächstes mal nur ein mal durchführen. Feine Sache eben. Das ganze funktioniert natürlich nur, wenn die Seite ein PHP Dokument ist.

Demo

Eine Demo des Selbstaktualisierenden Sticky Footer gibt es unter labs.tocki.de/footerdemo.