Bilderschutz und Wasserzeichen

Vorweg: es gibt keinen 100%igen Bildschutz im Netz. Punkt.

Dennoch kann man es den ungefragten Zweitnutzern etwas schwerer machen - und klarstellen, wessen geistiges Eigentum das ist. Dass man dazu seine Internet-Fotos am besten mit einem Wasserzeichen schützen sollte, ist inzwischen Allgemeinwissen. Trotzdem macht das kaum jemand, weil es schlichtweg umständlich ist.

=> WEITERLESEN . . .

HTML für klick/klappbare Seitenleiste

Ich aktualisiere gerade das Blog, dabei fallen einige alte Inhalte weg. Hier möchte ich allerdings ein Script aufbewahren, dass immer recht nett war: eine aufklappbare Seitenleiste mit "Untermenüs", also ein klappbare Linkliste für die Blogspot-Blogs. Einfach im Layout/Design einen HTML Block einsetzen, und dieses Script verwenden (die Link-Inhalte natürlich individuell anpassen):

---

<style type="text/css"><!--
 .subm {padding-left:3px;}
//--></style>

<script language="JavaScript" type="text/javascript"><!--
function show(start,ende) { if(document.getElementById) {
  if(document.getElementById("subm"+start).style.display == 'inline') { hide(start,ende); }
  else { for(i=start; i<ende+1; i++) { document.getElementById('subm'+i).style.display = 'inline'; } } } }
function hide(start,ende) { 
  if(document.getElementById('subm'+start).style.display == 'none') { show(start,ende); }
  else { for(i=start; i<ende+1; i++) { document.getElementById('subm'+i).style.display = 'none'; } } }
--></script>

<b><a href="javascript:hide(101,107);">ר Friends & Projects</a></b><br/>
<div id="subm101" style="display:none"><div class="subm"><a href="http://www.debiler-leben.de.gg/">♥ debiler-leben.de.gg</a></div></div>
<div id="subm102" style="display:none"><div class="subm"><a href="http://kassandra-irrealewelt.blogspot.com/">♥ Kassandra's Irreale Welt</a></div></div>  
<div id="subm103" style="display:none"><div class="subm"><a href="http://www.momentos-sinceros.de.gg/">♥ Momentos Sinceros</a></div></div>  
<div id="subm104" style="display:none"><div class="subm"><a href="http://prinzgoliath.blogspot.com/">♥ Prinz Goliath</a></div></div>  
<div id="subm105" style="display:none"><div class="subm"><a href="http://nilsisblog.blogspot.com/">♥ Nilsi's Blog</a></div></div>  
<div id="subm106" style="display:none"><div class="subm"><a href="http://www.wir-in-guetersloh.de.gg/">♥ Wir in GT</a></div></div>  
<div id="subm107" style="display:none"><div class="subm"><a href="http://schoen-heits-farm.blogspot.com/">♥ schoen-heits-farm</a></div></div>  

<!-- ####### -->

<b><a href="javascript:hide(201,299);">ר Photo & Video</a></b><br/>
<div id="subm201" style="display:none"><div class="subm"><a href="http://www.youtube.com/profile_play_list?user=forentube">Φ youtube: forentube</a></div></div>
<div id="subm202" style="display:none"><div class="subm"><a href="http://picasaweb.google.com/forengeist">Φ picasa: forengeist</a></div></div>  
<div id="subm203" style="display:none"><div class="subm"><a href="http://de.sevenload.com/mitglieder/wir-in-gt">Φ sevenload: wiringt</a></div></div>  
<div id="subm204" style="display:none"><div class="subm"><a href="http://www.flickr.com/photos/baer_chi/">Φ flickr: baer_chi</a></div></div>  
<div id="subm205" style="display:none"><div class="subm"><a href="http://www.flickr.com/photos/baerchn/">Φ flickr: baerchn</a></div></div>  
<div id="subm206" style="display:none"><div class="subm"><a href="http://www.fotocommunity.de/pc/pc/mypics/844487">Φ Kassi's FotoCommunity</a></div></div>  
<div id="subm207" style="display:none"><div class="subm"><a href="http://shop.posterxxl.com/cgi-bin/xps_shop_poster.cgi?xps=0711261404">Φ KassaForens Poster</a></div></div>  
<div id="subm250" style="display:none"><div class="subm"><hr/></div></div>  
<div id="subm251" style="display:none"><div class="subm"><a href="http://www.flickr.com/badge.gne">- flickr badge</a></div></div>  
<div id="subm252" style="display:none"><div class="subm"><a href="http://www.picnik.com">- picnik.com</a></div></div>  
<div id="subm253" style="display:none"><div class="subm"><a href="http://www.fotoflexer.com">- fotoflexer</a></div></div>  
<div id="subm254" style="display:none"><div class="subm"><a href="http://www.slide.com">- slide.com</a></div></div>  
<div id="subm255" style="display:none"><div class="subm"><a href="http://www.save.tv">- save.tv</a></div></div>  

<!-- ####### -->

<b><a href="javascript:hide(301,315);">ר Online Office</a></b><br/>
<div id="subm301" style="display:none"><div class="subm"><a href="http://www.google.de/ig?hl=de">> I-Google</a></div></div>
<div id="subm302" style="display:none"><div class="subm"><a href="http://mail.google.com/mail">>> Google Mail</a></div></div>
<div id="subm303" style="display:none"><div class="subm"><a href="http://www.google.com/calendar">>> Google Kalender</a></div></div>
<div id="subm304" style="display:none"><div class="subm"><a href="http://www.google.com/reader/">>> Google Reader</a></div></div>
<div id="subm305" style="display:none"><div class="subm"><a href="https://webmailcluster.1und1.de/">>> 1&1 WebMail</a></div></div>

<div id="subm306" style="display:none"><div class="subm"><a href="http://www.facebook.com">> facebook.com</a></div></div>
<div id="subm307" style="display:none"><div class="subm"><a href="http://www.gmx.de">> gmx.de</a></div></div>
<div id="subm308" style="display:none"><div class="subm"><a href="http://www.web.de">> web.de</a></div></div>
<div id="subm309" style="display:none"><div class="subm"><a href="http://www.freenet.de">> freenet</a></div></div>
<div id="subm310" style="display:none"><div class="subm"><a href="http://www.yahoo.de">> yahoo</a></div></div>

<div id="subm311" style="display:none"><div style="padding-top:3px;" class="subm"><a href="http://www.eBuddy.com">> Msg eBuddy</a></div></div>
<div id="subm312" style="display:none"><div class="subm"><a href="http://www.meebo.com">> Msg meebo</a></div></div>

<div id="subm313" style="display:none"><div class="subm"><a href="http://www.pfingo.com">> Tel & Msg. pfingo.com</a></div></div>
<div id="subm314" style="display:none"><div class="subm"><a href="http://www.debitel-light.de">> Tel debitel-light.de</a></div></div>
<div id="subm315" style="display:none"><div class="subm"><a href="http://www.blau.de">> Tel blau.de</a></div></div>


<!-- ####### -->

<b><a href="javascript:hide(401,407);">ר WebTools & Scripts</a></b><br/>
<div id="subm401" style="display:none"><div class="subm"><a href="http://de.wikipedia.org/wiki/Benutzer:1001/Sonderzeichen_und_Entit%C3%A4ten">Ξ 1000 Sonderzeichen</a></div></div>
<div id="subm402" style="display:none"><div class="subm"><a href="http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx">Ξ HTML Encoder</a></div></div>
<div id="subm403" style="display:none"><div class="subm"><a href="http://www.bitteklickensiehier.de/webseiten/_blogstuff/forengeist/media-converter.html">Ξ Media Converter</a></div></div>
<div id="subm404" style="display:none"><div class="subm"><a href="http://www.feeddigest.com/">Ξ FeedDigestl</a></div></div>
<div id="subm405" style="display:none"><div class="subm"><a href="http://www.drawanywhere.com/">Ξ DrawAnyWhere</a></div></div>
<div id="subm406" style="display:none"><div class="subm"><a href="http://docx-converter.com/">Ξ DocXConverter</a></div></div>
<div id="subm407" style="display:none"><div class="subm"><a href="http://www.tinyurl.com">Ξ TinyUrl</a></div></div>

<!-- ####### -->

<b><a href="javascript:hide(501,505);">ר Suchen & Nachgucken</a></b><br/>
<div id="subm501" style="display:none"><div class="subm"><a href="http://www.dasoertliche.de/e">> Tel: DasOertliche</a></div></div>
<div id="subm502" style="display:none"><div class="subm"><a href="http://www.11880.com/">> Tel: 11880</a></div></div>
<div id="subm503" style="display:none"><div class="subm"><a href="http://dict.leo.org">> D/E Wörterbuch</a></div></div>
<div id="subm504" style="display:none"><div class="subm"><a href="http://books.google.com/books?hl=de">> Google Books</a></div></div>
<div id="subm505" style="display:none"><div class="subm"><a href="http://www.postleitzahl.org/">> postleitzahl.org</a></div></div>

<!-- ####### -->

<b><a href="javascript:hide(601,611);">ר Musik & Radio</a></b><br/>
<div id="subm601" style="display:none"><div class="subm"><a href="http://www.bitteklickensiehier.de/webseiten/_blogstuff/forengeist/ringtones/">Ω Ringtones</a></div></div>   
<div id="subm602" style="display:none"><div class="subm"><a href="http://yp.shoutcast.com/directory/index.phtml">Ω Radios: shoutcast.com</a></div></div>
<div id="subm603" style="display:none"><div class="subm"><a href="http://www.ndr2.de/pages_special_lib/0,3322,SPM9296,00.html">Ω Radio GT</a></div></div>
<div id="subm604" style="display:none"><div class="subm"><a href="http://www1.ndr2.de/pages_special_lib/0,3322,SPM7078,00.html">Ω Radio NDR2</a></div></div>  
<div id="subm605" style="display:none"><div class="subm"><a href="http://www.wdr.de/radio/wdr2/musik/playlist.phtml">Ω Radio WDR2</a></div></div>  
<div id="subm606" style="display:none"><div class="subm"><a href="http://www.starlight-media.de/radioefr/">Ω Radio EFR</a></div></div>  
<div id="subm607" style="display:none"><div class="subm"><a href="http://www.rmnradio.de/index2.html">Ω Radio RMN</a></div></div>  
<div id="subm608" style="display:none"><div class="subm"><a href="http://www.phonostar.de/">Ω phonostar.de</a></div></div>  
<div id="subm609" style="display:none"><div class="subm"><a href="http://www.mpex.net/">Ω mpex.net</a></div></div>  
<div id="subm610" style="display:none"><div class="subm"><a href="http://www.musopen.com/music.html">Ω musopen.com</a></div></div>   
<div id="subm611" style="display:none"><div class="subm"><a href="http://www.laut.de/">Ω laut.de</a></div></div>   

<!-- ####### -->

<b><a href="javascript:hide(701,705);">ר Bookmarks</a></b><br/>
<div id="subm701" style="display:none"><div class="subm"><a href="http://www.google.com/bookmarks/">> Google Bookmarks</a></div></div>
<div id="subm702" style="display:none"><div class="subm"><a href="http://my.foxmarks.com/">> foxmarks.com</a></div></div>  
<div id="subm703" style="display:none"><div class="subm"><a href="http://terese.linkarena.com/linklist">> linkarena</a></div></div>  
<div id="subm704" style="display:none"><div class="subm"><a href="http://www.mister-wong.de/user/Forengeist/">> mister-wong.de</a></div></div>  
<div id="subm705" style="display:none"><div class="subm"><a href="http://del.icio.us/forengeist?setcount=50">> del.icio.us</a></div></div>

---

Retrevo: Handbücher finden

Wieder ein PC-Teil bei eBay ersteigert, aber kein Handbuch zu finden? Bei retrevo finden sich mehr als 100.000 Handbücher im pdf Format. Man muss sich kurz kostenlos und werbefrei registrieren, um downloaden zu können. Für PC-Spezies lohnt sich das aber sehr, denn man kann sich mit anderen Profis über PC Produkte austauschen und es gibt nebenbei noch jede Menge Spass für "Geeks", so z.B. "Mothers-In-Law Gift Guide" (Geschenkliste für Schwiegermütter, u.a. mit 2 Navis, mit denen sie sich garantiert verirren ...) oder "7 Reasons why the iPhone 3G sucks". Spass und Support für Spezies halt *g

Happy Birthday Smilie!

Punkt Punkt Komma Strich ... der Smilie hat Geburtstag! Vor genau 25 Jahren wurde zum ersten Mal der berühmte "Doppelpunkt Strich Klammerzu" :-) genutzt, um einen Text als "humorvoll" zu kennzeichnen. Inzwischen gehören die Strichcodes in allen Varianten zum Alltag und die grafischen Varianten pflastern die Internetforen.

=> web.de: Happy Birthday Smilie!
=> http://www.smilies-world.de
=> Wikipedia: Smilies

abmahnr.de

Schwer aufs Korn nimmt diese Seite die Abhmanwelle im Internet - mit extrem genialen Texten und Grafiken wird dort ein Spass-Formular zur Verfügung gestellt, mit dem man direkt online eine "Abmahnung" erstellen kann. Klasse!
=> http://abmahnr.de/

YouTube Playlist im Blog einbinden

Eine YouTube Playlist kann man wie folgt auf seinem Blog einbinden:

a) Deine Playlist bei YouTube aufrufen.
b) Das Script kopieren, das im oberen Seitenbereich neben "Embed" (direkt über "Create Custom Player") angezeigt wird.
c) Darin die Werte für height und width anpassen (zweimal im Skript vorhanden), siehe Muster (nicht verwenden! Nur zur Ansicht!):

<object width="200" height="140"><param name="movie" value="http://www.youtube.com/p/....."></param><embed src="http://www.youtube.com/p/....." type="application/x-shockwave-flash" width="200" height="140"></embed></object>

d) bei Blogger ein neues Seitenelement "HTML/Javascript" hinzufügen
e) Skript reinkopieren, fertig.

Fügt man in YouTube neue Titel hinzu, aktualisiert sich die Playlist auf dem Blog ebenfalls automatisch selbst. Dauert nur manchmal ein bisschen, je nach Datenbankupdate zwischen Google und YouTube.

Tools, Tools, Tools

Frisch von der heutigen Surftour, gelegentlich mehr, ich muss erstmal weg ... :-)

Video- und Screentools:
http://www.webware.com/8300-1_109-2-0.html?keyword=slide
http://www.jingproject.com/

Blog-Backup:
https://www.blogbackuponline.com/techrigy/

Die etwas andere Browser-Historie:
http://www.visitrieve.com/EN/About/index.php

Immer und überall erreichbar:
http://wwwl.meebo.com/

Kleine bunte Bildchen:
http://www.favicongenerator.com/

Wie sieht meine Seite in den Suchmaschinen aus?
http://www.freewebsubmission.com/web-page-analyzer.html

Blogger-Notiz: Sprungziele definieren

So kann man in Blogger aus einem Seitenelement heraus einen Link zu einem anderen Seitenelement legen (zum Beispiel, wenn man das Gästebuch im Fuss-Bereich anlegt und über ein oberes Menü erreichbar machen will):

Im Ziel-Element einen HTML-Anker definieren, z.B. <a name="gbuch"> </a>

Dann im Menü-Element einen Link zu diesem Anker setzen, z.B.
Name: [Trag Dich ins Gästebuch ein!]
URL: [http://mein.blogspot.com/#gbuch]

Oder ein HTML-Element setzen:
<a href="http://mein.blogspot.com/#gbuch">Trag Dich bitte hier ein!</a>

Beispiele finden sich auf => Kassandra's Blog und => Nilsi's Blog

CopyScape: sag mir, wo die Texte sind ...

Bei => copyscape kann man google-artig gucken, auf welchen anderen Webseiten die gleichen Texte vorkommen. So lassen sich "Textklauer" im WEb leichter identifizieren.

Bye, bye Snap-Code

=> Snap.com bietet einen Code für die eigene Website / Blog, mit der eine Vorschau angezeigt wird, sobald man mit der Maus über einen Link fährt, der sog. "Snap-Preview".

Das ist toll, und ich habe den Code lange Zeit gern auf meinem Blog benutzt. Inzwischen ist dies aber durch => CoolIris (ein FireFox-PlugIn) überholt.

Ausserdem macht Snap bei blogger Schwierigkeiten: will man am Blogger-Layout arbeiten, muss man erst den Snap-Code wieder vorübergehend entfernen, da er sich mit den Layoutfunktionen von Blogger "beisst".

Darum: bye, bye Snap-Code. Zur Erinnerung und für mein Archiv hier nochmal der Code, der direkt ins HTML einzubinden war:

<head>

<script defer='defer' id='snap_preview_anywhere' src='http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=e39cc2624aec8934874087c0455dd937&amp;sb=1&amp;domain=wir-in-gt.blogspot.com/' type='text/javascript'/>

Nebenbei beim Schreiben dieses Postings gefunden: der => HTML-Encoder (mit dem das Einbinden solcher Code-Schnippsel vereinfacht wird).

Lost in Space

Man muss sich schon etwas organisieren, um sich nicht in den Weiten des Web zu verlieren. Sonst schwimmt man in der Informationsflut nur von Welle zu Welle. Das "ToDo" Tool auf der eigenen Google-Homepage ist schon prima ... aber - wer guckt schon immer da hin?

Also brauche ich etwas, das Termine und Aufgaben verwaltet, mit Kategorien und Prioritäten, inklusive Erinnerungsfunktion / Wecker. Es soll sich a) im Systemtray ablegen bzw. mich visuell erinnern (egal, was ich gerade am PC mache) aber auch b) von jedem Computer aus, also web-basiert, abrufbar sein. Freeware natürlich. Bestens wäre eine Kombination mit dem Google-Kalender, da wir diesen gut nutzen.

Gefunden!
Google Notifier Mac - für eMails und Termine, aber eben Mac only.
Google Notifier Win - bisher nur für eMails.

Bis zu Windows-Komplettversion des Google Notifiers gucken wir doch mal, ob sich im Google Kalender wichtige Termine mit einer eMail-Erinnerungsfunktion belegen lassen, dann wäre es auch für Windows perfekt.

Vielleicht lässt sich aber auch die Google-Desktop Software ein bisschen "umbiegen" - das wird auch getestet.

Blogger: Blog-Dienste

Nachdem hier zuviele Spam-Blogs sind und der Server hin und wieder Downtimes hat, teste ich mich gerade durch die Blogdienste:

> blog.de - >> http://forengeist.blog.de/
überzeugt durch einfache Bedienung, hat aber in der kostenlosen Version nur grottige Designs ohne ausreichende Anpassungsmöglichkeiten - und der bezahlte Account ist mit 4 Euro / Monat zu teuer.

> blogg.de - >>http://forengeist.blogg.de/
macht irgendwie Spass, super Designs ... an sich perfekt - hat aber einen zu grossen Kopfbereich mit Eigenwerbung, der mich derart nervt, dass es sich nicht lohnt, dahin umzuziehen.

Rausgeflogen ist bereits myblog.de - hier erscheinen XXX-Banner in der Zwangswerbung, das will ich nicht. Offen ist noch der Test bei blogger.de, dann entscheide ich mich. Gelegentlich könnte man auch noch die Blogs testen bei blog.com (weils nett aussieht) und 1 & 1 (weil wir da eh einen Account haben) - doch das steht hinten an.

Bisher steht der jetzige Dienst, blogger.com, trotz allem vorn.

Da man nicht jedes Rad selbst neu erfinden muss, hier noch eine Linksammlung rund um Blog-Dienste und Anbieter-Vergleiche ...

=> web.de - Wie werde ich Blogger?
=> BlogHaus: Anbietervergleich Blog-Dienste
=> Vergleich von 77 Blog-Hostern weltweit

... und noch zwei bemerkenswerte Blog-Links:

=> Blog-Editoren
=> Blog-Counter

Blogger: Statistiken und Counter

Als Update der Tool-Sammlung für Blogs und Webseiten, hier meine Lieblingscounter / Statistik-Tools ("Besucherzähler") ...

... ernsthaft:
=> http://www.blogcounter.de/(Tipp!)
=> http://www.webstats4u.com/
=> http://netzaehler.de/

... schöner Spielkram:
=> http://www.moncompteur.com/
=> http://www2.clustrmaps.com/

User verstehen: ClickTale

Jeder will wissen, wer die eigenen Webseiten besucht - und was die User dort so anklicken. Ein interessantes Tool, dass mehr Daten liefern kann, um das Userverhalten zu verstehen, wird hier vorgestellt: ClickTale. Damit werden die Mausbewegungen, Klicks und Eingaben visuell protokolliert. Anhand dessen lässt sich besser analysieren, was wo besser platziert wäre oder welcher Inhalt an anderer Stelle vielleicht eher zur Geltung kommen würde. Der Service von ClickTale ist leider noch in einem Beta-Stadium - ist aber interessant weiter zu beobachten.

=> Artikel bei kulando
=> ClickTale

snap.com Linkvorschau

Snap.com ermöglicht es, Weblinks mit einer kleinen Bildvorschau zu erweitern, so dass man sieht, wo man landen wird. Natürlich bleiben die Links ganz normal klickbar. Bei Seiten, die snap noch nicht kennt, kann es einen Moment dauern - da steht dann: "QUEUED FOR CAPTURE" - heisst: in Kürze nochmal versuchen, dann wird das Vorschaubild angezeigt.

Das Tool gibt es als FireFox-Plugin (siehe snap.com) und als Script für die eigene Website/Blog (siehe Snap Preview Anywhere).

Auf den eigenen Webseiten wird es über den HTML-Header eingebunden: bei snap.com anmelden, Code kopieren und den Scriptschnippsel vor das /head tag des HTML-Layouts setzen.

Bei Blogger funktioniert das Snap-Script via => Anpassen => Vorlage => HTML Vorlage - aaaaber: danach ist im Bearbeitungsmodus dann die Anzeige "Seitenlement hinzufügen" weg! (Erklärung: es ist natürlich nicht weg, sondern durch den Einbau des Snap-Scripts überlappen sich zwei Elemente, so dass der Klick zur Seitenbearbeitung nicht mehr sichtbar ist).

Ich arbeite an einer Lösung. Bisher nehme ich das kleine Script immer kurz in der HTML Vorlage raus, wenn ich ein Element hinzufügen will, und kopiere es danach wieder rein ... aber das kann nicht der Weisheit letzter Schluss sein.