Plugin – Ähnliche Beiträge mit Vorschaubild

Nachdem ich ja nun Ersatz für das „Simple Tags“ Plugin gesucht habe um ähnliche Beiträge unter meinen Posts hier anzeigen zu lassen, bin ich auf die Version mit Vorschaubildern gestoßen. Diese Art die ähnlichen Beiträge anzeigen zu lassen, fiel mir schon des öfteren in anderen Blogs auf, vermehrt in Blogs bei Blogger.com, aber aber nie genauer geschaut, da ich dachte das wäre eine Erweiterung von Blogger.com. Dem ist aber nicht so, denn beim genaueren Betrachten sah man drunter einen Link zu LinkWithin. Das ist ein Dienst der einem den Einbau dieser Möglichkeit vereinfacht. Man muss sich dafür nicht erst registrieren sondern einfach nur kurz Daten wie Mailadresse (wahrscheinlich für Updates?), BlogURL, Plattform und wie viele ähnliche Bilder angezeigt werden sollen (dafür wäre vielleicht eine Einstellung im Blog besser, zumindestens die einen Blog selber hosten). Das Schöne an dem Dienst, es ist dezent – keine Werbung oder dergleichen, lediglich ein Link zur Seite selber. Nach dem eintragen der Daten, nur runterladen, im Blog hochladen, aktivieren und zurücklehnen. Es gibt zwar eine Einstellungsseite, aber da wird nur gefragt ob es nur auf der Einzelseite angezeigt werden soll oder nicht. Ich hatte es eben mal testweise in einem meiner Unterblogs, nur kam da keine ähnlichen Anzeigen. Entweder brauch das eine Weile die Beiträge zu scannen oder meine Beiträge erfüllen vielleicht die Kriterien nicht wonach dieses Plugin dann die Ähnlichkeit beurteilt.

Nun wollte ich für die Blogwiese zumindestens was was ich über den Adminbereich steuern kann – sprich auch mal die Anzahl der Bilder verändern oder vom Aussehen anpassen und so kam ich auf das Tutorial von Carsten. In dem Tutorial beschreibt er wie man mit Hilfe von 2 Plugins und einem Template wunderbar auch selber die ähnlichen Beiträge unter den Postings anzeigen lassen kann. Die Anleitung ist super geschrieben und einfach umsetzbar. Das Einzige was ich noch hinzufügen möchte – die Datei „YARPP-Template für Related Posts mit Thumbs“ sollte man in den Ordner des genutzten Designs hochladen. Ich hatte das erst im Pluginordner und mich im Adminbereich blöd gesucht 😀

Natürlich ist diese Art der Anzeige nur was für Blogs die auch öfter Bilder in Beiträge einsetzen, ansonsten wirkt es arg kahl unterm Beitrag. Natürlich auch je nach dem was man für ein Platzhalterbild einsetzt. So sollte es ausschauen wenn größtenteils Bilder vorhanden sind 😉

Ähnliche Beiträge mit Vorschaubild

Ähnliche Beiträge mit Vorschaubild

Bei manchen Beiträgen wird trotz vorhandenem Foto das Defaultbild genutzt, warum auch immer, aber sonst läuft es ganz gut. Mich persönlich spricht so was ja eher mal an zu klicken, da man, auch wenn das Bild doch recht klein ist oder nur einen Ausschnitt zeigt, gleich ganz gut sieht was einem erwartet. Ist das bei euch auch so? Also klickt ihr eher mal bei Beiträgen mit Vorschaubild?

iPhone Docking-Station aus Papier

Auf einigen Blogs wurde schon über die iPhone-Halterung zum Selber Basteln geschrieben, aber dennoch will ich es auch noch mal bloggen. Vielleicht hats ja doch noch nicht jeder mitbekommen 🙂 Jedenfalls habe ich eben mal nach Anleitung meine eigene Docking-Station für mein iPhone gebastelt und das kam dabei raus:

iPhone-Halterung mit Kabelführung

iPohne-Halterung quer

Wer das ganze auch mal ausprobieren mag, hier gibt es das PDF zum runterladen und ausdrucken, hier ein Making Of und hier noch mal ein Video:

[ad#Adsense468]

Tutorial – Bilder mit Rahmen und Schatten per CSS

Das Tutorial von Michael hatte ich schon vor langer, langer Zeit gefunden und es damals nur bei Seite gelegt, weil ich mich später mit dem Einbau und dem Erstellen das Schattens beschäftigen wollte. Aber wie es eben so ist, habe ich es irgendwann vergessen und da ich meine Fotos eh immer in Photoshop bearbeite, habe ich da immer gleich einen Rahmen und Schatten um das Bild gelegt. Doch da es manchmal mehr Aufwand ist, als nötig wäre, hilft mir diese kleine CSS-Anwendung was automatisch einen Rahmen und einen Schatten um das Bild legt.

Ich hoffe der Vorführeffekt klappt:

Colorkey - Kaffeebohnen

Wichtig hierbei ist nur, dass das Foto immer die gleich Breite haben muss, sonst klappt es nicht. Die Höhe ist hier (fast) egal, sofern man das Schattenbild auch hoch genug gemacht hat. Bei Michael kann man sich 3 fertige Schattenbilder runterladen in den Breiten 418px, 468px und 500px. Die Bilder sind alle 800px hoch und das dürfte eigentlich reichen 😉 Nach einer kleinen Anpassung bei mir, da das der vorgegebene Abstand nicht ganz bei mir hinhaut und nach erstellen eines eigenem Hintergrundbild, weil ich eine andere Breite brauchte, hat es gestern bei einem Testbeitrag super geklappt.

Dafür kommt nun auch das FancyBox-Plugin bei mir zum Einsatz, da ich nun die Bilder mit einem großen Bild hinterlegen kann. Konnte ich vorher natürlich auch, aber jetzt sind es ein paar Klicks weniger Arbeit und somit schneller für mich zu lösen 😉 Für noch größere Auflösungen, nehme ich nach wie vor Flickr, was ich dann aber extra noch mal unterm Bilder verlinke.

Also vielen Dank noch mal an Michael für die einfache und leicht zu verstehende Anleitung!

Irgendwann will ich aber noch mal Hand anlegen und vielleicht andere Formen des Schattens ausprobieren. (wenn ich es nicht vergesse 😀 )

Watercolor Effekt in 10 Schritten

Bei Abduzeedo gab es gestern ein Tutorial welches einem in 10 Schritten erklärt wie man ein Foto richtig schön aufpeppen kann.

Foto mit Watercolor Effect - tutorial Photoshop

Klick aufs Bild für größere Ansicht und Link zum Originalfoto

Es ist wirklich einfach und in wenigen Minuten realisierbar, obwohl der Effekt gar nicht so danach ausschaut, finde ich 🙂

Tilt-Shift Effekt auf Fotos

Mit dem Tilt-Shift-Effekt auf Fotos kann man diese aussehen lassen als hätte man eine Miniatur fotografiert, was man oft bei Modelleisenbahnen sieht. Dieser Effekt geht aber nicht mit allen Bildern. Am besten sind Aufnahmen von oben oder/und weiter weg. Leider habe ich nicht viele Fotos mit denen es wirklich gut geht, aber ich denke mit diesem Beispielbild, was ich in London aufgenommen habe, sieht man es recht gut:

Tilt-Shift Effekt mit vorher und Nachher Beispiel

Wer diesen Effekt gerne mal bei sich an den Fotos ausprobieren mag, der kann sich einem dieses Tutorial dazu durchlesen und einmal dieses Tutorial.

Wer aber kein Photoshop hat oder keine Zeit verlieren will, für den ist diese Seite interessant. Hier muss man einfach nur das Bild hochladen (oder die URL des Bildes eingeben) und kann dann 4 Einstellungen vornehmen. Damit wurde das obrige Beispielfoto gemacht.

Natürlich gibt es auch hierzu einen riesigen Flickr-Pool in dem man sich Fotos mit dieser Technik anschauen kann.