Neben dem Kommentar-Scroller in der Sidebar ist nun ein jQuery Skript hinzugekommen, was nicht nur den schönen Effekt mit sich bringt, dass Bilder nach dem Laden eingefadet werden, sondern gleichzeitig werden nicht sichtbare Bilder, also Bilder, die unterhalb des Bildschirmbereichs liegen, vorerst nicht geladen werden.

Dies hat den Vorteil, dass weniger Bandbreite in Anspruch genommen und somit auch weniger Traffic erzeugt wird. Das Skript heißt LazyLoad und ist ein Plugin für die JavaScript Bibliothek jQuery.

Die Nutzung und Integration ist kinderleicht. Lediglich jQuery und LazyLoad integrieren

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

und dann

$("img").lazyload();

aktivieren.

Kleiner Tipp für WordPress-Nutzer: Möchte man nur die Bilder nachladen, die sich in den Beiträgen befinden, sollte man folgende Zeile nutzen:

<script type="text/javascript" charset="utf-8">
	$(function() {
		$(".postentry img").lazyload({
			effect      : "fadeIn"
		});
	});
</script>

Somit werden nur die Bilder in Beiträgen nachträglich geladen. Dies verhindert, dass das Design möglichweise falsch dargestellt wird.

Verwandte Beiträge:

1. .tel-Domains – die elektronische Visitenkarte Dies ist eine [Trigami-Anzeige]. Seit Anfang Februar diesen Jahres bietet...
2. Kreditkartennummer in ABAP validieren Um eine Kreditkartennummer auf Korrektheit zu überprüfen, empfiehlt sich der...
3. YAML 3.1 ist erschienen Kurz und schmerzlos: YAML ist heute in der Version 3.1...

Diesen Blog gibt es zwar schon länger, genau genommen seit Juli 2008. Aber von da an mehr schlecht als Recht als Platzhalter auf meiner Domain. Seit 7. Januar habe ich aber wieder Vollgas mit meinem Blog gegeben.

So haben sich im Januar 56 Beiträge, 92 Kommentare von 30 verschiedenen Benutzern angesammelt.  Die Zugriffe sind, wie oben in der Grafik zu erkennen seit der 2. Januarwoche stetig angestiegen.

Die meisten Refferer im Monat Januar kamen mit 450 Besucher via Caschys Blog und mit 209 Besucher über das Forum vom Team MediaPortal.

Was interessiert euch am meisten bei meinem Blog? Worüber wollt ihr mehr lesen, was stört euch?

Noch eine Anmerkung: Ich hatte einigen von euch in den Kommentare und via Twitter versprochen, dass ich mich melde. Dies werde ich im Laufe der Woche noch machen. Nur derzeit habe ich etwas Stress. Aufgeschoben ist aber nicht aufgehoben, versprochen!

Verwandte Beiträge:

1. MediaPortal – Ein Ausblick Derzeit ist die Alpha-Version 1.1.0 von MediaPortal in Arbeit, in...
2. Flaute! Sommerloch hat zugeschlagen Ich muss ganz ehrlich gestehen, die letzten 4 Wochen habe...
3. MediaPortal V. 1.0.2 veröffentlicht Das neueste Update für Mediaportal wurde veröffentlicht. Und gleich dazu...

Aufmerksame Leser werden den Button “Twittern!” oberhalb jedes Beitrags bereits entdeckt haben. Die letzten Tage habe ich mit der Entwicklung eines WordPress-Plugins verbracht.

Was macht das Plugin?

Es ermöglicht jedem Leser einen Beitrag zu “twittern”. Hierzu wird zu jedem Beitrag automatisch eine Tiny-Url erzeugt. Bei einem Klick auf den Button gelangt der Besucher dann automatisch zu Twitter und kann die Nachricht absenden.

Die Installation ist kinderleicht. Einfach runterladen, aktivieren und dann im Admin folgende Einstellungen vornehmen:

DOWNLOAD TWITTER IT!

An dieser Stelle auch nochmals vielen Dank an meinen Beta-Tester Caschy, der hier gerne erwähnt werden wollte und mich immer dazu gedrängt und motiviert hat das Plugin endlich fertig zu schreiben.

Verwandte Beiträge:

1. Twitter It! Version 4 ist erschienen! Durch eine Bitte aus den USA habe ich mich mal...
2. Twitter It My WordPress Plug-Ins Twitter It! – DOWNLOAD Please rate my...
3. AJAX-Suche für den Blog Ich habe ein wenig am Look’n'Feel des Blogs geschraubt und...

Wie ihr sicherlich mitbekommen habt, schraube ich zwischendurch immernoch am Layout und Design meiner Seite. So sind zum Beispiel die Kategorie-Bilder aus den Beiträgen direkt oben neben den Titel gewandert. Ich werde auch noch eine kleine Anleitung schreiben, wie man Bilder einer Kategorie zuordnen und anzeigen lassen kann.

Nun zur Frage: Soll der Text in den Artikel in Blocksatz geschrieben oder bevorzugt ihr normalen Fließtext? Als Beispiel ist der Text oben in Blocksatz und dieser hier in normalen Fließtext geschrieben. Um einen besseren Eindruck zu bekommen, muss ich diesen Text hier nochmals um ein bis zwei Zeilen durch einen sinnlosen Satz verlängern. Ich hoffe, ihr verzeiht mir!

Über Feedback in den Kommentaren würde ich mich freuen!

Verwandte Beiträge:

1. Tipp für einen erfolgreichen Blog – Beiträge 3. Tipp – Die Beiträge Nun haben wir schon einiges...
2. Bilder schöner laden Und gleichzeitig Bandbreite sparen. Meine Stammleser, die etwas genauer hinschauen,...
3. Digitalfotos entwickeln lassen – eine Odyssee Diesen Beitrag habe ich bereits einige Tage vor Weihnachten geschrieben....

Wer sich dafür interessiert, welche Suche zum Einsatz kommt, der kann gerne weiterlesen.

Zum Einsatz kommt das WordPress-Plugin Live Search Popup in der aktuellsten Version 1.4.7. Die Installation ist denkbar einfach.

• Zip-Archiv des Plugins herunterladen,
• entpacken
• ins Plugin-Verzeichnis hochladen
• im WP-Admin aktivieren.

Nun geht es an die Anpassungen. zum einen soll die AJAX-Suche nicht als Widget eingebunden werden, sondern genau an der Stelle erscheinen, wo das alte Suchfeld war und zum anderen soll die Ergebnisliste nicht den gesamten Bildschirm ausfüllen.

• Öffne das aktive Template im Template-Editor
• Wähle header.php bzw. searchform.php, wenn vorhanden. Schaue nach, wo das suchfeld eingetragen ist.
• Trage folgendes unterhalb des Suchfeldes ein:
• Die Breite sollte der angegebenen Breite des Suchfelds entsprechen
• Öffnen nun die Datei live-search-popup.php im Plugin-Ordner unter “wp-content/plugins/live-search-popup”
• Überschreibe die Funktion livesearchpopup_resultbox($width) mit folgendem Code

  function livesearchpopup_resultsbox($width) {
  ?>

• Öffne nun die Datei live_search.css im Ordner “wp-content/plugins/live-search-popup/css”
• Entferne folgende Zeile

  width: 100%

  aus folgender Deklaration

  #livesearchpopup_box {
      color: #f0f0f0;
      background: #0255cd url(../resultgradient.png) 0 0px repeat-x;
      right: 0em;
      text-align: left;
      padding: 1px;
      margin: 0px;
      position: relative;
   
      filter:alpha(opacity=95);
      -moz-opacity:.95;
      opacity:.95;
      z-index:100;
  }

Verwandte Beiträge:

1. Firefox-Suche in neuem Tab öffnen Das eingebaute Suchfeld in Firefox ist praktisch, jedoch störte es...
2. MediaPortal – Der Plugin-Manager MediaPortal ist bereits von Haus aus ein mächtiges Tool. Es...
3. WordPress Plug-In: Twitter It! *ENGLISH VERSION* Aufmerksame Leser werden den Button “Twittern!” oberhalb jedes...

Vielen Dank für die tolle Arbeit!

Verwandte Beiträge:

1. Bilder schöner laden Und gleichzeitig Bandbreite sparen. Meine Stammleser, die etwas genauer hinschauen,...
2. Digitalfotos entwickeln lassen – eine Odyssee Diesen Beitrag habe ich bereits einige Tage vor Weihnachten geschrieben....
3. Wir pfurzen, Ukraine malt Bald geht die Suche nach dem Supertalent in Deutschland wieder....