{"id":9472,"date":"2011-02-20T17:54:28","date_gmt":"2011-02-20T15:54:28","guid":{"rendered":"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/?p=9472"},"modified":"2011-05-11T11:46:31","modified_gmt":"2011-05-11T09:46:31","slug":"howto-facebook-profilbanner-selbst-erstellen","status":"publish","type":"post","link":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/2011\/02\/howto-facebook-profilbanner-selbst-erstellen\/","title":{"rendered":"HOWTO: Facebook Profilbanner selbst erstellen!"},"content":{"rendered":"<p><strong>\/EDIT:<\/strong> All das hier Beschriebene funktioniert (derzeit) nur auf Facebook-Benutzer-Profilen und <strong>nicht auf Facebook-Pages<\/strong> f\u00fcr Unternehmen, Gruppen, Vereinen und so weiter. Das ist z. B. auch <a href=\"http:\/\/www.be3designs.com\/2010\/12\/tutorial-using-the-facebook-photostream\/\" target=\"_blank\">hier (in den Kommentaren)<\/a> beschrieben. Der <a href=\"http:\/\/www.facebook.com\/help\/?faq=19854\" target=\"_blank\">entsprechende Artikel in der Facebook-FAQ<\/a> beschreibt auch wirklich, dass die Bilder auf Pages zuf\u00e4llig sortiert werden. <strong>EDIT\/<\/strong><br \/>\n<a href=\"http:\/\/www.facebook.com\/jamyno\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9492\" title=\"Screen shot 2011-02-20 at 4.03.44 PM\" src=\"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.44-PM.png\" alt=\"\" width=\"404\" height=\"56\" srcset=\"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.44-PM.png 404w, https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.44-PM-300x41.png 300w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/a>Seit einigen Tagen flattern etliche Meldungen durch die Facebook-Statusmeldungen, dass Leute einen <strong>tollen Profilbanner<\/strong> erstellt haben, welcher oben in ihrem Profil angezeigt werden. Was steckt dahinter? Ganz einfach: seit Facebook (mal wieder) das Layout von Profilen ge\u00e4ndert hat, werden ganz oben in den Profilen f\u00fcnf Bilder nebeneinander dargestellt. Die Bilder sind rahmenlos und nur durch wenige (eines?) Pixel getrennt. Diese Anordnung eignet sich gut, um f\u00fcnf Bilder nebeneinander zu stellen, die zusammen ein grosses weitwinkliges Bild ergeben. Feine Sache.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9482\" title=\"Screen shot 2011-02-20 at 4.03.16 PM\" src=\"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.16-PM.png\" alt=\"\" width=\"350\" height=\"165\" srcset=\"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.16-PM.png 350w, https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.03.16-PM-300x141.png 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/p>\n<p>[ad#Google Adsense 468&#215;60 Image Inline]<\/p>\n<p>Angeboten wird dieser &#8220;Dienst&#8221; von der <a href=\"http:\/\/apps.facebook.com\/profilbanner-deutsch\/\" target=\"_blank\">Facebook-Anwendung Profilbanner-Deutsch<\/a>. F\u00fcr den Hausgebrauch ziemlich gut, mir gef\u00e4llt es allerdings aus folgenden Gr\u00fcnden nicht:<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>1.<\/strong><\/span> Die Anwendung <strong>greift auf alle Facebook-Informationen (Name, Geschlecht, Freunde, etc.) sowie auch die geteilten Beitr\u00e4ge und Daten zu<\/strong>. Alles kann ausgelesen werden, die weitere Verwendung dieser Daten mag sicher sein, aber ich kann es nicht (mehr) kontrollieren.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>2.<\/strong><\/span> Die Anwendung ben\u00f6tigt die <strong>Berechtigung, Informationen auf dem eigenen Profil zu ver\u00f6ffentlichen<\/strong>. Die Eigenwerbung ist hierbei nur eine Sache. Ich weiss nicht, was m\u00f6glicherweise sonst noch gepostet werden k\u00f6nnte, auch wenn ich der Applikation prinzipell einen guten Willen unterstelle.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>3.<\/strong><\/span> Die Anwendung bekommt das <strong>Recht, Fotos in das Profil hochzuladen, neue Alben zu erstellen und sogar Leute auf diesen Fotos zu verlinken (zu taggen)<\/strong>. Und das ist f\u00fcr mich der kritischste Punkt. Ich m\u00f6chte einfach nicht, dass eine Anwendung dies tun darf.<\/p>\n<p>[ad#Google Adsense 468&#215;60 Image Inline]<\/p>\n<p><strong>Um all das selbst zu tun<\/strong>, bedarf es einfach nur eines Fotos, ein wenig geschickter Handarbeit und der <strong>korrekten Reihenfolge<\/strong>. <strong>\/EDIT:<\/strong> \u00dcbrigens hat <a href=\"http:\/\/www.hisky.de\/2011\/02\/19\/facebook-profil-banner-selbst-erstellen\/\" target=\"_blank\">Heiko auf seiner Seite hisky.de bereits gestern einen zu meinem Artikel recht \u00e4hnlichen Beitrag ver\u00f6ffentlicht<\/a>&#8230; <strong>EDIT\/<\/strong><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Und so geht&#8217;s:<\/strong><\/span><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>1.<\/strong><\/span> <strong>Man nehme ein Foto<\/strong>, welches auf einer hinreichenden Breite und kleinen H\u00f6he das darstellt, was auf dem\u00a0Profilbanner zu sehen sein soll.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">2.<\/span><\/strong> \u00d6ffne ein Programm zur Bildbearbeitung deiner Wahl und schnippsel das Bild auf die passende Gr\u00f6sse. Der gew\u00fcnschte Bildausschnitt sollte exakt die Masse<strong> 495 Pixel in der Breite und 67 Pixel in der H\u00f6he<\/strong> haben.<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>3.<\/strong><\/span> Zerschneide dieses Bild nun in <strong>5 gleich grosse Teile mit jeweils 99 Pixel Breite<\/strong>, die H\u00f6he von 67 Pixel bleibt dabei unver\u00e4ndert.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">4.<\/span><\/strong> <strong>Lade diese f\u00fcnf Bilder gesammelt bei Facebook hoch<\/strong>, ich empfehle hierbei, sie in ein neues Album mit einem aussagekr\u00e4ftigen Namen zu laden.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9522\" title=\"Screen shot 2011-02-20 at 4.14.51 PM\" src=\"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.14.51-PM.png\" alt=\"\" width=\"463\" height=\"281\" srcset=\"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.14.51-PM.png 463w, https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.14.51-PM-300x182.png 300w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>5.<\/strong><\/span> Du kannst diese neuen Bilder &#8220;ver\u00f6ffentlichen&#8221;, m. W. kann dieser Schritt allerdings auch \u00fcbersprungen werden.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">6.<\/span><\/strong> Der eigentliche Trick besteht nun darin, <strong>dich selbst auf Bildern in der richtigen Reihenfolge zu verlinken (zu taggen)<\/strong>.<\/p>\n<p>[ad#Google Adsense 468&#215;60 Image Inline]<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>1.<\/strong><\/span> Fange hierbei mit dem Bildausschnitt an, welcher in dem Profilbanner <strong>ganz rechts<\/strong> erscheinen soll.<\/p>\n<p style=\"padding-left: 30px;\"><strong><span style=\"text-decoration: underline;\">2.<\/span><\/strong> Klicke dazu dieses Bild an.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>3.<\/strong><\/span> Klicke dann auf &#8220;<em>Jemanden auf diesem Foto markieren<\/em>&#8220;.<\/p>\n<p style=\"padding-left: 30px;\"><strong><span style=\"text-decoration: underline;\">4.<\/span><\/strong> Klicke dann in das Foto hinein.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>5.<\/strong><\/span> <strong>W\u00e4hle die zu markierende Person (dich selbst!) aus<\/strong>.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9542\" title=\"Screen shot 2011-02-20 at 4.17.58 PM\" src=\"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.17.58-PM.png\" alt=\"\" width=\"204\" height=\"106\" \/><\/p>\n<p style=\"padding-left: 30px;\"><strong><span style=\"text-decoration: underline;\">6.<\/span><\/strong> Wechsle dann zu dem Bild, welches als n\u00e4chstes links daneben im Profilbanner erscheinen soll und wiederhole die Schritte zum Markieren\/Verlinken\/Taggen.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"text-decoration: underline;\"><strong>7.<\/strong><\/span> Wiederhole diese Schritte f\u00fcr alle f\u00fcnf Fotos &#8211; von rechts nach links.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">7.<\/span><\/strong> Klicke dann auf &#8220;<em>Fertig markiert<\/em>&#8220;.<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>8.<\/strong><\/span> \u00d6ffne dein Profil und erfreue dich \u00fcber dein Profilbanner.<a href=\"http:\/\/www.facebook.com\/thomasgericke\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9582\" title=\"Screen shot 2011-02-20 at 4.48.25 PM\" src=\"http:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.48.25-PM.png\" alt=\"\" width=\"583\" height=\"148\" srcset=\"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.48.25-PM.png 583w, https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-content\/uploads\/2011\/02\/Screen-shot-2011-02-20-at-4.48.25-PM-300x76.png 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/a><a href=\"http:\/\/www.facebook.com\/thomasgericke\"><br \/>\n<\/a><\/p>\n<p><strong>Falls die Reihenfolge der Bilder im Profilbanner nicht stimmen sollte<\/strong>, so hast du h\u00f6chstwahrscheinlich die Reihenfolge der Markierung\/Verlinkung nicht richtig (von rechts nach links!) eingehalten. In seltenen F\u00e4llen kann Facebook dabei auch durcheinander gekommen sein, das ist mir allerdings noch nicht passiert.<\/p>\n<p><strong>\/EDIT:<\/strong> Im \u00dcbrigen funktioniert das ganze (derzeit) nur auf Facebook-Benutzer-Profilen und <strong>nicht auf Facebook-Pages<\/strong> f\u00fcr Unternehmen, Gruppen, Vereinen und so weiter. Das ist z. B. auch <a href=\"http:\/\/www.be3designs.com\/2010\/12\/tutorial-using-the-facebook-photostream\/\" target=\"_blank\">hier (in den Kommentaren)<\/a> beschrieben. Der <a href=\"http:\/\/www.facebook.com\/help\/?faq=19854\" target=\"_blank\">entsprechende Artikel in der Facebook-FAQ<\/a> beschreibt auch wirklich, dass die Bilder auf Pages zuf\u00e4llig sortiert werden. <strong>EDIT\/<\/strong><\/p>\n<p>Viel Spass!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/EDIT: All das hier Beschriebene funktioniert (derzeit) nur auf Facebook-Benutzer-Profilen und nicht auf Facebook-Pages f\u00fcr Unternehmen, Gruppen, Vereinen und so weiter. Das ist z. B. auch hier (in den Kommentaren) beschrieben. Der entsprechende Artikel in der Facebook-FAQ beschreibt auch wirklich, dass die Bilder auf Pages zuf\u00e4llig sortiert werden. EDIT\/ Seit einigen Tagen flattern etliche Meldungen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ngg_post_thumbnail":0,"footnotes":""},"categories":[4,3,21,11],"tags":[1712,211,762,331,2334,832,1702],"class_list":["post-9472","post","type-post","status-publish","format-standard","hentry","category-daily-life","category-personal","category-photography","category-tech","tag-banner","tag-facebook","tag-howto","tag-internet","tag-photography","tag-photoshop","tag-profilbanner"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/posts\/9472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/comments?post=9472"}],"version-history":[{"count":12,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/posts\/9472\/revisions"}],"predecessor-version":[{"id":9612,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/posts\/9472\/revisions\/9612"}],"wp:attachment":[{"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/media?parent=9472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/categories?post=9472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thomasgericke.de\/v4\/interactive\/blog\/wp-json\/wp\/v2\/tags?post=9472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}