Get Adobe Flash player

3outube.com – ganz easy Youtube Videos herunterladen

pEtEr Withoutfield am Donnerstag, 21. Januar 2010, 22:45 Uhr
Tags: , , , ,
Abgelegt unter: Lesbar

download youtube videos

Einfacher geht es nicht!
Wer mal ein Youtube Video als .mp4 oder. flv herunterladen ersetzt in die Adressleiste des Browser das Y von Youtube durch eine 3. Beispiel:
http://www.Youtube.com/watch?v=Foj36eCF5Jg
http://www.3outube.com/watch?v=Foj36eCF5Jg

easy! // via

How To Make A Beat

pEtEr Withoutfield am Mittwoch, 13. Januar 2010, 20:36 Uhr
Tags: , , , , ,
Abgelegt unter: Sehbar

So werden Beats gebacken: Dieses Video zeigt sehr anschaulich wie einfach es sein kann, einen Hip-Hop-Beat zu produzieren. Gefunden bei Beatsandsound.de.


Youbeat

Apropos Beat:
Amen Break

Eher durch Zufall bin ich bei Mururoar auf den schon etwas älteren Artikel “Amen Break and the Golden Ratio” von Michael S. Schneider gestoßen. Der hat nämlich herausgefunden, dass dieser Beat deshalb so populär geworden ist, weil er nach dem Goldenen Schnitt aufgebaut ist.
Wie höre sich heute ein guter Beat an, wenn die Soulband The Winstons damals im Jahre 1969 nicht den Titel Amen Brother veröffentlicht hätten? Hätte es Drum & Bass gegeben?

Und zu guter Letzt habe ich hier noch ein (kleines) Amen Break Medley entdeckt:
Amen medley by diemagazin

Socialize: Twitter und Facebook Connect

pEtEr Withoutfield am Mittwoch, 21. Oktober 2009, 21:47 Uhr
Tags: , , , , , , ,
Abgelegt unter: Lesbar

connect

Nun mag man von sozialen Netzwerken wie Facebook oder Twitter halten was man will. Tatsache ist, dass dort viele Menschen zueinander finden und sich gegenseitig Nachrichten oder Links zukommen lassen. Dadurch pushen diese Netzwerke immer mehr Nachrichtenseiten und Blogs und lassen die Zugriffszahlen stetig steigen. Viele Webseiten ermöglichen daher ihre Inhalte bei Twitter und Facebook zu verlinken.
Der nächste Schritt in dieser vernetzte Online-Welt soll den Leser die Möglichkeit bieten, sich mit einem Twitter- oder Facebook-Profil auf anderen Seiten einzuloggen. Auch das sieht man gerade auf größeren Blogs und Nachrichtenseiten vermehrt. Somit wird das teilweise doch sehr aufwändige Ausfüllen der Formularfelder zum Kommentieren eines Beitrags durch zwei Klicks ersetzt. Blogger können leichter Besucher binden, die keine klassischen Blog-Leser sind, da man ihnen etwas bietet was sie kennen.

Da ich sowohl Twitter als auch Facebook ausgiebig nutze und mir diese Webseiten steigenden Traffic bringen, wollte ich den Blogrebellen-Lesern ebenfalls die Möglichkeit bieten, sich mit ihren Profilen einzuloggen. Das die Connect-Integration aufwändiger ist als von Wordpress-Plugins gewohnt konnte ich nicht ahnen. Und so wurde diese Aufgabe zeitraubender als erwartet.
Jetzt funktioniert der Twitter- und Facebook-Connect bis auf einige Unfeinheiten annähernd perfekt. Wie ich das hinbekommen habe möchte ich nun versuchen zu erklären.
(weiterlesen…)

@xberg – News und Blog-Beiträge aus Kreuzberg

pEtEr Withoutfield am Montag, 10. August 2009, 12:21 Uhr
Tags: , , , , , , , , , ,
Abgelegt unter: Kreuzberg, Lesbar

kreuzberg nachrichten ticker xberg

Überfälle, Drogendelikte, Unfälle, Schlagzeilen, Meinungen, Liebeserklärungen, Demos, Zeitungsberichte, Unterhaltsames, Feste, Partys, Fotos, Skurriles, Krawall und Remmidemmi und und und …
Wer Interesse an Nachrichten, Blog-Beiträgen oder Polizei-Meldungen aus und über Kreuzberg hat kann sich schon seit einiger Zeit via Twitter.com/xberg auf dem laufenden halten.

Auf die Idee zu diesem Kreuzberg-Ticker kam ich durch meine Geilheit auf lokale Schlagzeilen und Polizeieinsätze. Wie ich diesen automatisierten Kreuzberg-Ticker auf Twitter eingerichtet habe möchte ich euch verraten.

Um die Nachrichten, Blog-Beiträge und Polizei-Ticker-Meldungen zu sammeln nutze ich Yahoo-Pipe. Dort bündele ich die Suchergebnisse zum Keyword Kreuzberg indem ich die Suchergebnisse von Technorati, Google-News, Twingly und dem Berliner Polizei-Ticker per RSS abfrage und einen für Twitter geeigneten Feed erstelle. Zudem zensiere(!!) ich hier auch schon einige Blogs und Webseiten mit rechter Gesinnung.

Für das automatische tweeten des RSS-Feeds nutze ich anfangs twitterfeed. Dieser Dienst hat sich aber schnell als sehr unzuverlässig entpuppt, also musste eine echte Alternative her. Mitlerweile kommt dieses kleine aber sehr effektive Script für die Feedabfrage, das kürzen der URL via Tinyurl und das automatische tweeten über die Twitter-API zum Einsatz . Per Cronjob stündlich aufgerufen ist dieses Script das bindende Glied zwischen dem Kreuzberg-Feed und Twitter.

Wer genauer wissen möchte wie das mit den Yahoo-Pipes funktioniert um z.B. einen eigenen Twitter-Ticker zu erstellen kann gerne einen Kommentar hinterlassen. Das geliche gilt natürlich für Anregungen, Tipps oder weitere Nachrichten-Quellen für den Kreuzberg-Ticker.
Falls euch in der @xberg Timeline Links zu Seiten mit rechtsradikalen oder fremdenfeindlichen Inhalten auffallen informiert mich bitte darüber. Ich werde diese Seiten dann filtern.

Myspace Music Player in Webseite einfügen

pEtEr Withoutfield am Montag, 8. Juni 2009, 22:53 Uhr
Tags: , , , , , , , ,
Abgelegt unter: Lesbar

myspace is NOT for loosers

Seit der letzten Anleitung zum Einfügen des Myspace Music Players auf anderen Webseiten und Blogs ist viel Zeit vergangen. Myspace hat am Design und am Player selbst viel verändert. Darum funktioniert das alte Tutorial nicht mehr.
Nach einem Tipp in den Kommentaren zum alten Beitrag möchte ich nun zeigen, wie man den neuen Myspace-Player in die Seite einfügt.

Eigentlich ist alles viel einfacher geworden, dieser html-Code genügt um den Player einzubinden:

<embed src="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=0,plid=40122,artid=2058710,skinid=16,profid=161598199" width=425 height=350>

Was nun noch benötigt wird sind folgende Variablen: plid (Playlist-Identifier), artid (Artist-ID) und die profid (User- bzw. Profile-ID). Diese Variblen findet man ganz einfach mit der Suche im Quelltext der Myspace-Seite.
1. Myspace-Seite öffnen (z.B. Myspace.com/withoutfield)
2. Quelltext der Seite anzeigen lassen. (Firefox: Ansicht -> Seitenquelltext anzeigen (Strg+U))
3. Strg+F öffnet das Suchen-Fenster
4. Nacheinander nach plid, artid & profid suchen und die ID (nach “=” und vor “&”) kopieren und an der entsprechenden Stelle im Code einfügen

Das war es auch schon und sollte dann so aussehen:
(weiterlesen…)

Zufälliges Hintergrund-Bild und Farbe für Blog und Webseite

pEtEr Withoutfield am Donnerstag, 4. Juni 2009, 18:51 Uhr
Tags: , , , , , , ,
Abgelegt unter: Sehbar

zufaelliges hintergrundbild

Mit diesem kleinen Tutorial möchte ich zeigen, wie man in einem Blog oder auf einer Webseite wechselnde Hintergrundbilder darstellt und zudem die Hintergrundfarbe anpasst. Also so, wie ich es hier im Blog umgesetzt habe.

Alle Hintergrundbilder, die hier auf Blogrebellen eingebunden sind, wurden zuvor in Photoshop bearbeitet. Neben der eigentlichen Bildgestaltung und der Bildbearbeitung habe ich bei jedem Bild auf der rechten Seite, sowie unten einen Farbverlauf hinzugefügt. Diese, für den Verlauf gewählte Farbe, entspricht der Farbe, die als Hintergrundfarbe für die Webseite genutzt wird. Da die Farbe nach dem Export aus Photoshop leicht von der eigentlich gewählten Farbe abweichen kann, sollte man, z.B mit dem Firefox-Plugin Colorzilla, den Farbwert erneut ermitteln.

Und so funktioniert der automatische Wechsel: Dieses kleines php-Script wird im Head-Template des Wordpress-Themes zwischen <head> und </head> eingefügt:

<style type="text/css">
<?php
// Array init
$bgimg_array=array(
array ("pfand/Bild1.jpg", "#000000"),
array ("pfand/Bild2.jpg", "#030166"),
array ("pfand/Bild3.jpg", "#99CBFE"),
);

//shuffle array
shuffle($bgimg_array);
?>
html {
background-image:url('<?php echo $bgimg_array[0][0] ?>');
background-color:<?php echo $bgimg_array[0][1] ?>;
background-repeat: no-repeat;
}
</style>

In die Arrays in Zeile 5-7 trägt man die URL zum Bild, sowie die Farbe ein. Wer mehr Bilder hat, kopiert einfach ein Array und fügt es unter den vorhanden Arrys ein.
Zeile 11: Der Befehl shuffle ändert zufällig die Reihenfolge der Arrays.
Ab Zeile 13 beginnt die eigentliche CSS-Formatierung. Das Hintergrundbild und die Hintergrundfarbe werden per php automatisch eingefügt. Statt dem html-Element kann man natürlich auch das boby-Element formatieren. Und nicht vergessen, die hier formatierten Elemente aus der eigentlichen CSS-Datei zu nehmen.

Eine Auswahl schöner Fotos und Texturen, die sich hervorragend als Hintergrundbild eignen, findet man z.B. hier, hier oder hier als free Download.

gegrilltes

pEtEr Withoutfield am Montag, 11. Mai 2009, 09:58 Uhr
Tags: , , , ,
Abgelegt unter: Lesbar

 Grillfleisch im Sonderangebot

Grillen ist riskant” und “Grillen ist eine besonders ungesund Art, ungesundes Fleisch zuzubereiten“. (taz) Hallo, geht es noch Herr Lauterbach?
Nagut, wird schon was wahres dran sein, schließlich ist der Mann Professor für Gesundheitsökonomie.

Aber vergessen wir das lieber wieder schnell, schließlich ist das grillen von rohem Fleisch auf offener Flamme ein Urinstinkt des Mannes. Männer am Grill fühlen sich nach Ansicht von Wissenschaftlern in die Rolle des Jägers und “Höhlenmenschen” zurückversetzt. (3sat)

Die Grill-Saison hat nun endlich begonnen, und auch die Medien berichten fleißig darüber, ob auf dem Balkon gegrillt werden darf und wie in anderen Ländern gegrillt wird. Im Berliner Tiergarten kommen nach einem schönen Wochenende schon mal 20 Tonnen Müll zusammen. “So kann es nicht weiter gehen” schreien schon die ersten Politiker und fordern eine Gebühr für die Nutzung des Parks.

Foliengriller sind Verbrecher

Am Grill ist der Mann der Chef. Er steht im Mittelpunkt des Geschehens!
Glücklicherweise hat man sich nun endlich auf verbindliche Grill-Regeln einigen können, die wir uns jetzt einmal genauer anschauen werden. Wenn sich der Mann also dazu bereit erklärt, das Grillen zu übernehmen, wird die folgende Kette von Ereignissen in Bewegung gesetzt:

  1. Die Frau kauft das Essen.
  2. Die Frau macht den Salat, bereitet (wenn dringend nötig) das Gemüse und den Nachtisch vor.
  3. Die Frau bereitet das Fleisch fürs Grillen vor, legt es auf ein Tablett, zusammen mit dem nötigen Grill-Equipment und trägt es nach draußen, wo der Mann schon mit einem Bier in der Hand vor dem Grill sitzt.

Dann kommt ein ganz wichtiger Punk im Ablauf:

  • Der MANN legt das Fleisch auf den Grill.

Weiter geht es mit Routine:

  1. Die Frau bringt die Teller und das Besteck nach draußen.
  2. Die Frau informiert den Mann, dass das Fleisch am Anbrennen ist.
  3. Er dankt ihr für diese wichtige Information und ordert direkt noch ein Bier bei ihr, während er sich um die Notlage kümmert.

Und dann wieder ein ganz wichtiger Punkt:

  • Der Mann nimmt das Fleisch vom Grill und gibt es der Frau.

Danach wieder Routine:

  • Die Frau arrangiert den Salat, das Brot, das Besteck, die Servietten und Saucen und bringt alles zum Tisch raus.
  • Nach dem Essen räumt die Frau den Tisch ab, wäscht das Geschirr.
  • Alle loben den MANN für seine außergewöhnliche Leistung am Grill und danken ihm für das tolle Essen.
  • Der Mann fragt die Frau, wie es ihr gefallen hat, mal nicht kochen zu müssen und wie er dann sieht, dass sie leicht eingeschnappt ist, kommt er zu dem Schluss, dass man es den Weibern sowieso nie Recht machen kann.

Bitte schön: Lecker gegrilltes Fleisch mit Kartoffel-Salat und BrotDiese Arbeitsanweisung kannst du dir auch als pdf laden, ausdrucken und der besseren Hälfte übergeben. Den Grill-Guide habe ich übrigens in der Nachbarschaft bei der Kanzlei Hoenig gefunden. Ein weiteres Indiz für die Echtheit dieser Regeln!

Kommen wir zu guter Letzt noch zur musikalischen Untermalung. Ja klar, Hasenscheiße mit Bernd am Grill. Kennen wir alle, wa? Neu, zumindest für mich, ist Fleisch Gordon, der dem Freiluftbraten ein ganzes Album gewittmet hat. Darunter sind solch unvergessliche Hits wie “Like Fleisch in The Sunshine”, “Mit Dir Grilln” oder auch “Wurstdurst”.
Am ergreifendsten ist allerdings die gefühlvolle Liebeserklärung an die schönsten Monate im Jahr: Grillsaison

Musikvideo: Adobe Flash Player (Version 9 oder höher) wird benötigt um dieses Musikvideo abzuspielen. Die aktuellste Version steht hier zum herunterladen bereit. Außerdem muss JavaScript in Ihrem Browser aktiviert sein.

Bilder:
“Sonderangebot” (cc) von Fabian Naw
“Grillteller” (cc) von multipel_bleiben
“Foliengriller sind Verbrecher” von 3dsupply.de (auch als T-Shirt erhältlich)

Gebrauchsanweisung: So klappt es mit dem Nachwuchs

pEtEr Withoutfield am Donnerstag, 12. März 2009, 21:10 Uhr
Tags: , , ,
Abgelegt unter: Sehbar

Gerade frisch gebackene Eltern wissen, dass der Umgang mit dem neu geborenem Kackling kein Kinderspiel ist. Für die erste Zeit empfehle ich daher diese leicht verständliche Gebrauchsanweisung. Am besten gleich ausdrucken, laminieren und im Haus verteilen. [via]

Baby Gebrauchsanweisung

Irgendwann kommt dann das Blag in ein Alter, in dem es die ununterbrochene Aufmerksamkeit beider Elternteile auf sich zieht. Papa hört schließlich doch endlich mit dem Rauchen auf und schiebt zu diesem Zeitpunkt schon ein amtliches Feinkostgewölbe vor sich her. Denn neben den Essensresten des Nachwuchses muss auch noch ordentlich süßes und salziges in den gierigen Schlund geworfen werden verzehrt werden. Ich spreche da quasi aus Erfahrung.

Tja, und da man auch kaum noch vor die Tür kommt (und wenn dann nur mit Kind) bietet es sich doch an, diesen Umstand zum Wohle der Figur zu nutzen. Natürlich bietet das weltumfassende Internetz auch hierfür das passende Tutorial.

Watch Stay-At-Home Dad Workout

Photoshop CS 3 Video Tutorials

pEtEr Withoutfield am Montag, 17. März 2008, 23:19 Uhr
Tags: , , , , , ,
Abgelegt unter: Sehbar

Adobe Photoshop CS3

Mit vier erstklassigen Photoshop CS3 Video Tutorials kann man bei Galileo-Design derzeit völligst kostenlos neue Photoshop-Skills erlernen. Die Episoden erklären detailliert neue CS3 Funktionen an verschiedenen Beispielen.

In den Video-Tutorials wird vermittelt wie man Ebenen kinderleicht ausrichtet und mit dem neuen Schnellauswahl-Werkzeug, sowie dem neuen Kopierstempel arbeitet. Zudem erlernt man das verfeinern von Kanten und erfährt wissenswertes zur neuen Bildfunktion “Schwarz Weiß”.
Mir persönlich hat das Tutorial zu Smart Objects und Smart Filter am besten gefallen. Mit einem als Smart-Object geöffntem Bild ist es möglich verschiedene Filter wie Effekte zu behandeln und so die Reihenfolge und Eigenschaften der Filter im Ebenen-Fenster zu bearbeiten. Außerdem kann man nun die Filter mit Ebenenmasken maskieren. Eine herrliche Spielerei!

Genug Nerdstuff, ab zu den Tutorials!
Bei Galileo-Design finden sich übrigens noch weitere kostenlose Video-Tutorials zu Phostoshop, Dreamweaver, Flash, After Effects und vieles mehr.
Vielen Dank an Yvonne für den Link!

Wordpress Erweiterung Tutorial Teil 4: Umsetzung

pEtEr Withoutfield am Montag, 25. Februar 2008, 20:24 Uhr
Tags: , , , , , , , , ,
Abgelegt unter: Lesbar

Amazon
Amazon von FallenPegasus cc

Alle bisherigen Teile dieses Tutorials:
1. Die Idee
2. Benutzerdefinierte Felder
3. Linkgestaltung

4. Die Umsetzung – Lets rock!

Fügen wir also die die Quellcodes der letzten beiden Teile zusammen und sehen was dabei heraus kommt:

<?php $suchwort = get_post_custom_values(’affilitag’); ?>
<?php if(!(empty($suchwort))) { ?>
<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><img src="http://blog.rebellen.info/images/linkicons/amazon.gif" width="16" height="16" border="0" /></a>
<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><?php echo $suchwort[0]; ?> bei Amazon kaufen</a>
<?php } ?>

In der ersten Zeile wird der Wert des Schlüssels, welchen wir in den benutzerdefinierten Feld “affilitag” zugewiesen haben ausgelesen. Anschießend kommt eine Abfrage, ob dieser Wert über einen Inhalt verfügt. Wenn dies nicht der Fall ist, wird der restliche Code nicht verarbeitet.
Bevor der Ausgabebereich dann wieder geschlossen wird folgt der selbst gestaltete HTML-Code für den Partnerprogramm-Link.

Suchen wir nun nach einer passenden Stelle in unserem Wordpress Blog um diesen Code einzufügen.
Grundsätzlich kann man sich die Stelle an der dieser Affili-Link erscheinen soll beliebig auswählen solange er sich innerhalb des Loops befindet. In unserem Beispiel soll der Link unter dem Beitrag und vor den Kommentaren erscheinen.

In den Dateien index.php, single.php, archive.php etc. im Wordpress Template Ordner suchen wir nach folgendem Code, der abhängig vom Theme natürlich variieren kann:

<?php the_content() ?>
<?php comments_popup_link('Keine Kommentare', '1 Kommentar', '% Kommentare'); ?>

Und fügen dazwischen unseren Code ein. Das sollte dann so aussehen:

<?php the_content() ?>
<?php $suchwort = get_post_custom_values('affilitag'); ?>
<?php if(!(empty($suchwort))) { ?>
<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><img src=”http://DEINEDOMAIN.DE/Pfadzu/amazon.gif" width="16" height="16" border="0" /></a>
<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><?php echo $suchwort[0]; ?> bei Amazon kaufen</a>
<?php } ?>
<?php comments_popup_link('Keine Kommentare', '1 Kommentar', '% Kommentare'); ?>

Hat man nun in einem Beitrag das benutzerdefinierte Feld “affilitag” mit einem Suchbegriff angelegt sollte auf der Beitrags- oder Übersichtsseite, je nachdem in welche Template-Datei der Code eingebunden wurde, dieser Link zu sehen sein:

Partnerprogramm Link

Bingo – und das war es auch schon.

Wie schon erwähnt lässt sich diese Funktion für viele verschiedene Features nutzen um Beitragsbasierte Informationen zu speichern und auszulesen. Auch der Gestaltung sind kaum Grenzen gesetzt, probiert es aus!

Das Script habe ich übrigens ausgelagert, damit der HTML-Code nicht in den *. php Dateien direkt enthalten ist.
Hierfür erstellte ich im Theme-Ordner des Templates einfach eine Datei mit dem Namen affilibar.php mit dem Link-Code und änderte den Code in den Dateien index.php, single.php, archive.php etc. diesen Code ein:

<?php $suchwort = get_post_custom_values('affilitag'); ?><?php if(!(empty($suchwort))) { ?>
<?php include (TEMPLATEPATH . '/affilibar.php'); ?>
<?php } ?>

Den Code für die Template Datein, die affilibar.php und das Amazon-Icon könnt ihr euch in dieser Zip-Datei herunterladen:
Download: Wordpress Erweiterung Affilibar

Ich möchte zudem noch erwähnen, dass ich keinerlei Verantwortung für eventuell entstehende Schwierigkeiten im Umgang mit diesen Codes übernehme. Alles was ich euch hier erzählt ist nur meinem angelesenem Halbwissen. Die Verwendung dieser Erweiterung erfolgt auf eigene Gefahr!
Bevor ihr mit dem Einbau des Features beginnt solltet auf jeden Fall ein ein Backup der Datenbank, sowie aller Wordpress-Dateien auf dem Server erstellt werden.

Sollten Probleme bei der Umsetzung entstehen schreibt einfach ein Kommentar und ich werde versuchen zu helfen.
Falls ihr eine Idee im Zusammenhang mit dieser Erweiterung habt oder euch ein Fehler im Code aufgefallen ist lasst es mich ebenfalls wissen!

Ich wünsche auf jeden Fall viel Spaß beim ausprobieren! Vielleicht lässt sich ja der ein oder andere Cent damit verdienen ;)

Wordpress Erweiterung Tutorial Teil 3: Linkgestaltung

pEtEr Withoutfield am Freitag, 22. Februar 2008, 23:10 Uhr
Tags: , , , , , , , , ,
Abgelegt unter: Lesbar

Gestaltung Design malen
gestaltende Niloufar von withoutfield cc

3. Linkgestaltung

Nachdem wir nun herausgefunden haben, wie wir benutzerdefinierte Felder für die Idee einer automatisierten Partnerprogramm-Verlinkung nutzen können, kommen wir heute zur Gestaltung des Affili-Links.

Den Ausgangs-Affili-Link generierte ich im Amazon Partnernet-Bereich, ein einfacher Suchergebnisseiten-Link der so aussieht:

http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=XXXX

Statt dem XXX soll nun der Küstlername erscheinen, das sieht dann so aus:

http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>

Mit ein wenig HTML erstellen wir ein simples Partnerprogramm-Werbefeld mit Amazon Icon und Textlink.

<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><img src="http://blog.rebellen.info/images/linkicons/amazon.gif" width="16" height="16" border="0" /></a>
<a href="http://www.amazon.de/gp/search?ie=UTF8&tag=kreuzberlaess-21&index=music&linkCode=ur2&camp=1638&creative=6742&keywords=<?php echo $suchwort[0]; ?>"><?php echo $suchwort[0]; ?> bei Amazon kaufen</a>

Überall dort, wo das Suchwort erscheinen soll, also im Link, im Text oder im Linktitel etc. nutzen wir diesen Code:

<?php echo $suchwort[0]; ?>

Bei der Gestaltung kann man sich natürlich voll auslassen und weitere Schüssel definieren, wie z.B. für die Abbildung eines Produktbildes. Hierfür wird einfach ein weiterer Schlüssel, z.B “affilibild” mit der URL des Bildes angelegt und über das gleiche Schema in den Beitrag ausgelesen und verarbeitet.

Partnerprogrammlinks zu anderen Programmanbietern wie z.B. ebay, iTunes oder Musicload sind natürlich auch möglich. Auch hierfür wird ein entsprechender Quell-Link auf die Suchergebnisseite des Programmanbieters generiert und das Suchwort, wie bei dem Amazon-Link, durch die Variable $suchwort ersetzt.

Im vierten und letzten Teil dieses kleinen Wordpress Tutorials zeige ich euch letztendlich, wie der Code der letzten beiden Teile zusammen gefügt wird, und an welcher Stelle dieser Quellcode, und damit das fertige Feature, im Wordpress Theme eingebunden werden kann.

Wordpress Erweiterung – Tutorial Teil 2: Benutzerdefinierte Felder

pEtEr Withoutfield am Donnerstag, 21. Februar 2008, 17:45 Uhr
Tags: , , , , , , , , ,
Abgelegt unter: Lesbar

Benutzerdefiniertes Feld
“benutzerdefinierte Felder” von wetwater cc

2. Benutzerdefinierte Felder

Im ersten Teil habe ich bereits über meine Idee berichtet, so genannte Partnerprogramm Links zur Amazon Suchergebnisseite zu automatisieren.
Heute möchte ich euch erzählen, wie man für die Realisierung die von Wordpress standardmäßig mitgelieferten „benutzerdefinierten Felder“, oder auch „Custom Fields“ nutzt.

Beim schreiben von Beiträgen mit Wordpress ist mir schon oft die aufklappbare Zeile “Benutzerdefinierte Felder” aufgefallen, mit der ich bis dito noch nichts anzufangen wusste. Nach kurzer Recherche fand ich den Beitrag Wordpress Custom Fields und erfuhr dort, dass man mit den Feldern “Schlüssel” und “Wert” (Key & Value) Daten in der Wordpress Datenbanktabelle “wp_postmeta” ablegen kann. Diese Daten beziehen sich jeweils ausschließlich auf den einzelnen Beitrag und werden beim Anlegen der Felder in der Tabelle direkt gespeichert.

Wordpress benutzerdefinierte Felder - Custom Fields

Es ist also möglich, ohne Vorkenntnisse im Umgang mit php oder sql-Datenbanken, einzelnen Beiträgen ein Feld mit einem beliebigem Wert in der Wordpress Datenbank zu speichern.
Wunderbar!

Für die Zielsetzung legt man also bei einem in frage kommenden Beitrag einen Schlüssel an, sagen wir einmal “affilitag”. Der Wert dieses Schlüssels ist das Suchwort, welches in den Link eingefügt werden soll. In unserem Beispiel ist das die Gruppe “Jahcoozi”.

Wie liest man diesen Wert im Blog nun wieder aus und fügt ihn an der richtigen Stelle im Link ein?

Auch hierfür haben die Wordpress Entwickler natürlich vorgesorgt! Für die Ausgabe der Daten im Blog nutzt man den Template Tag get_post_custom_values, der innerhalb des Loops verwendet wird. Im folgenden Beispiel lassen wir uns den Suchbegriff im Beitrag anzeigen:

In der single.php suchen wir nach folgendem Code:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Darunter fügen wir folgende Code ein:

<?php $suchwort = get_post_custom_values('affilitag'); ?>
Suchwort: <?php echo $suchwort[0]; ?>

In der ersten Zeile lesen wir den Wert des Schlüssels “affilitag” aus und weisen diesen der Variable “$suchwort” zu. In der zweiten Zeile wird die Variable ausgegeben. Damit erfolgt auf der Beitragsseite die Ausgabe: “Suchwort: Jahcoozi”

Um sicherzustellen, dass diese Ausgabe nur bei Beiträgen erscheint, bei denen der Schlüssel “affilitag” angelegt wurde, ändert man den Code wie folgt ab:

<?php $suchwort = get_post_custom_values('affilitag'); ?>;
<?php if(!(empty($suchwort))) { ?>Suchwort: <?php echo $suchwort[0]; ?><?php } ?>

Hier wird abgefragt, ob die Variable einen Inhalt hat, also “wenn Variable $suchwort nicht leer, gebe aus ….”

Im nächsten Teil des Wordpress Erweiterung Tutorials erstellen und gestalten wir dann die Partnerprogramm-Links.

Wordpress Erweiterung – Tutorial Teil 1: Die Idee

pEtEr Withoutfield am Mittwoch, 20. Februar 2008, 16:47 Uhr
Tags: , , , , , , , , ,
Abgelegt unter: Lesbar

Euro Cent Münzen
Euro Cent Münzen von polaroidmemories cc

Vielleicht ist euch schon aufgefallen, dass bei einigen Beiträgen hier im Blog sogenannte Partnerprogramm-Links zu Amazon Produkten, sowie Links zu legalen MP3 Download Anbietern (iTunes & Musicload) eingebunden sind. Diese Affili-Links sind meist in Musikbeiträgen, oder z.B. in Beiträgen wie über Anthony Bourdain zu finden. Überall dort, wo sich eine Verlinkung eben lohen könnte.
Bestellt nun ein Besucher unseres Blogs nach dem Klick auf einen solchen Verweis bei Amazon eine CD, ein Buch oder ein sonstiges Produkt, bekommen wir eine kleine prozentuale Beteiligung am Verkauf gut geschrieben.

Die Idee:

Seit längerem schon suchte ich nach einer Möglichkeit, diese Affili-Links zu automatisieren. Grundsätzlich kann man im Partnerbereich von Amazon recht einfach Produktlinks erstellen und diese im Blog einfügen. Das war mir für jeden neuen Beitrag auf die Dauer allerdings viel zu aufwendig. Der Link zur Amazon Suchergebnis-Seite sollte also bestenfalls automatisch, oder wenigstens möglichst einfach und schnell mit dem gesuchtem Künstlernamen verknüpft werden.Soviel kann ich schon vorweg nehmen: Es ist mir gelungen! Hört sich stark nach einem Wordpress-Plugin an, ist aber erst einmal „nur“ eine, nennen wir es mal Erweiterung geworden.Da dieses Thema für einen Blogbeitrag zu umfangreich ist werde ich in euch in mehreren Teilen über die Implementierung berichten:

1. Die Idee (dieser Beitrag)
2. Benutzerdefinierte Felder
3. Linkgestaltung
4. Umsetzung

Morgen geht es dann mit Teil 2 ans Eingemachte: Wordpress Erweiterung Tutorial: Benutzerdefinierte Felder.

Download Myspace Songs – Update

pEtEr Withoutfield am Donnerstag, 14. Februar 2008, 20:30 Uhr
Tags: , , , , , , ,
Abgelegt unter: Lesbar

get the real my not on myspace sticker
Foto von love_and_youth

Vor einiger Zeit habe ich in dem Beitrag Myspace Songs herunterladen erklärt, wie man Titel von Myspace Seiten downloaden kann. Seit dem hat sich einiges geändert: Webseiten die diesen Service anboten sind verschwunden oder wurden dicht gemacht, andere sind hinzu gekommen.

Da sich dieses Thema nach wie vor großer Beliebtheit erfreut möchte ich einmal den aktuellen Stand vortragen:

Der webbasierte Download von Myspace Songs funktioniert derzeit mit dem Onlineservice File2HD.com. (Dank an Subliminal_Kid für die Info!)
Bei File2HD.com gibt man einfach die Myspace Artist-URL an, bestätigt die saftigen “Terms of Service” und wählt zuletzt den gewünschten Dateien-Typ aus. In diesem Fall natürlich “Audio”.
Nach einem Klick auf den Button “Get Files” erscheint eine Liste den auf der Myspace-Seite enthaltenen .mp3 Dateien. Mit einem Rechtsklick auf die Dateinamen -> “Ziel speichern unter …” kann man die mp3 Dateien auf die Festplatte laden kann.

Wer mit dem Firefox Browser im Netz unterwegs ist hat zudem die Alternative die Musikfiles mit dem Video DownloadHelper, einem Firefox Plugin, zu ziehen. (Danke an Sakun für den Tipp!)
Diese Erweiterung ist, wie der Name schon sagt, ursprünglich für den Download von Youtube, Google, DailyMotion, iFilm, DreamHost und vielen anderen Videofilmen gedacht. Das Plugin unterstützt zudem Myspace Videos und eben auch die mp3 Songs aus dem Myspace Standalone Player.

Nach der Installation des Video DownloadHelper erscheint neben der Firefox Adressleiste das Plugin Icon:

Video DownloadHelper

Nach einem Klick auf den Pfeil sieht man die in der Webseite eingebundenen Video, Flash und mp3 Files. Leider werden auf Myspace-Seiten die Titel der Tracks nicht angezeigt. Wer keine mp3 Files in dieser Liste findet spielt die Titel im mp3 Player einfach kurz an. Anschließend erscheinen alle angespielten Songs in dieser Auswahlliste und können durch anklicken auf die Festplatte geladen werden.

Video DownloadHelper

Kennt ihr noch andere Möglichkeiten an die Myspace mp3 Titel zu kommen? Dann her damit!

Viel Spaß beim testen und weiterhin immer schön CD’s und Vinyls kaufen!!

drei kurze

pEtEr Withoutfield am Mittwoch, 30. Januar 2008, 21:46 Uhr
Tags: , , , , , , , ,
Abgelegt unter: Lesbar

You Suck At Photoshop!
Das ist so richtig gut, muss man gesehen haben. via Alohastone

You Suck at Photoshop #1 Distort, Warp and Layer Effects
You Suck at Photoshop #2 Covering your Mistakes
You Suck at Photoshop #3 Clone Stamp and Manual Cloning
You Suck at Photoshop #4 Paths and Masks
You Suck at Photoshop #5 Donnie’s self-discovery vacation heats up
You Suck At Photoshop #6 Donnie’s four day hold-up at the airport makes for some heavy duty Photoshop diversion.

Fahrverbot auch für’s Fahrrad
Eine absurde und lustige Geschichte aus Kreuzberg über ein Fahrrad-Fahrverbot.

Anonyme Musik-Piraten
Gute Nachrichten: Datenschutz geht in der EU vor Urheberrecht.


nach oben
Startseite
1006 Feedreader

This is a free Wordpress template provided by Mathew Browne | Web Design | SEO