einbinden

PiHole – Sicher und werbefrei surfen mit dem Raspberry Pi

Als Mediacenter oder IoT-Lösung – der Bastelrechner Raspberry Pi ist vielseitig einsetzbar. Mit Pihole macht er sogar euer gesamtes Netzwerk werbefrei und frei von Trackern. So richtet ihr die Software Schritt für Schritt einKling.

Was ist der Unterschied von Pihole zu einem Adblocker?

Warum einen Raspberry Pi mit etwas ausstatten, das ein Adblocker im Browser auf den ersten Blick auch kann? Weil Adblocker-Plugins etwas anders funktionieren und aufgerufene Websites erst blocken, sobald sie euren PC, Mac oder das Smartphone erreicht haben. Pihole hat einen anderen Ansatz, denn es blockt Tracker, Viren-verseuchte Websites und Werbung auf DNS-Ebene.

Das heißt, dass das Pihole quasi alles ausfiltert, bevor es an die Geräte im Netzwerk ausgeliefert wird. Wie ein Sieb, das zwischen eurem Router und allen Geräten im Netzwerk arbeitet. Und es bringt den Vorteil mit, dass diese Geräte auch in den nativen Apps werbefrei sind – und nicht nur mit Plugins oder speziellen Apps. Ich blicke in deine Richtung, iPhone.

Weniger Tracking, mehr Speed

Weniger Tracker bedeuten auch gleichzeitig mehr Privatsphäre, denn die eingebauten Filter sorgen dafür, dass deutlich weniger Informationen über euer Surfverhalten gesammelt werden können. Pihole ist zwar kein Tails oder Tor, das euren Traffic über fünf Millionen Proxies und dann noch mal zur Venus schickt, blockt aber sehr viele Anbieter und gefährliche Seiten.

Weniger Werbung und weniger Gefunke von Trackern und Analytics-Anbietern bedeutet zudem weniger Traffic und schnellere Ladezeiten von Websites und Apps. Na, überzeugt? Das alles braucht ihr für die Einrichtung.

Diese Hardware brauchst du für den Raspberry Pi mit Pihole

  • Einen Raspberry Pi – im Grunde tut es jeder Raspberry, auch der Raspberry Pi 1 oder Zero. Wir empfehlen euch jedoch einen Raspberry Pi 3 und aufwärts, um die Weboberfläche vom Pihole flott nutzen zu können.
  • Ein Netzteil – oder einen USB-Anschluss mit 2A-Output oder mehr.
  • Eine Micro-SD-Karte und einen SD-Adapter, der Karten meistens beiliegt.
  • Optional: Ein Gehäuse für den Raspberry Pi.
  • Optional: Einen Hoodie, da ihr ein paar einfache Shell-Befehle kopieren werdet und dabei aussehen müsst, wie ein Hacker.

Software für Pihole

 

 

Vorbereitung der SD-Karte

  1. Ladet euch im ersten Schritt Balenaetcher (oder eine der oben erwähnten Alternativen) herunter und installiert das Tool. Balenaetcher braucht ihr, um das Betriebssystem für den Raspberry Pi auf der SD-Karte zu „installieren“. Das Image öffnen und die Dateien kopieren funktioniert übrigens nicht, da eine Partitionstabelle auf die Micro-SD-Karte geschrieben werden muss.
  2. Raspberry Pi OS findet ihr hier, wobei ihr für das Pihole nur die „Lite“-Version braucht. Bei der Veröffentlichung dieses Artikels ist das Raspberry Pi OS (32-bit) Lite (basierend auf Debian Buster). Ihr könnt aber auch die 64-Bit-Variante installieren oder die Version mit einer Desktopumgebung, falls ihr den Raspberry Pi mit Pihole noch für andere Dinge verwenden wollt.
  3. Startet Balenaetcher, wählt die heruntergeladene und entpackte Datei und dann die Micro-SD-Karte aus, die nun mit oder ohne Adapter in eurem PC stecken sollte. Checkt bitte vorher, dass ihr die richtige Micro-SD-Karte und nicht eine externe Festplatte oder den USB-Stick auswählt (den mit dem geheimen Ordner, den Mutti niemals sehen sollte).
  4. Balenaetcher schreibt das Raspberry Pi OS auf die SD-Karte, und somit wäre das gute Stück dann auch schon bereit für den Einsatz. Steckt die Karte in euren Raspberry und stöpselt ihn mit einem HDMI- und am besten einem Netzwerkkabel verbunden an die Strombuchse. Ihr braucht zudem eine Tastatur mit Bluetooth-Adapter oder ganz oldschool eine mit Kabel.

 

 

Voreinstellungen des Raspberry Pi OS

Nachdem der Raspberry Pi gebootet hat (was ein wenig nach „Matrix“ aussieht), loggt ihr euch mit folgenden Logindaten und Passwort ein:

pi
raspberry

(beziehungsweise „raspberrz“, da die Tastatur noch auf Englisch eingestellt ist)

Ich bin zwar kein Hellseher, nehme aber an, dass ihr mit hoher Wahrscheinlichkeit eine deutsche Tastatur nutzt. Damit das auch der Raspberry weiß, gebt ihr im Terminal ein:

sudo raspi-config

In dem Konfigurationstool hüpft ihr zu Punkt 4 (Localisation Options) und stellt im nächsten Schritt die Locale unter I1 auf Deutsch (DE), die Timezone (I2) auf Berlin, das Keyboard Layout (I3) auf Deutsch (DE) und WLAN Country (I4) ebenfalls auf DE. Die Punkte wählt ihr mit der Space-Taste an oder ab und wechselt mit Tab auf „Select“ beziehungsweise „Back“. Nach etwas Gerödel verlasst ihr das Menü über „Finish“ und startet den Raspberry am besten neu, mit:

sudo reboot

Nach dem Neustart ändert ihr zunächst das Passwort, damit Mr. Robot nicht so einfach Zugriff auf euren Raspberry Pi hat. Loggt euch ein (diesmal mit hoffentlich deutschem Tastaturlayout) und gebt ein:

passwd

Gebt euer aktuelles Passwort ein (raspberry) und dann euer neues, das ihr am besten in einem Passwortmanager speichert. Um das Betriebssystem auf den neuesten Stand zu bringen, führen wir ein Update durch, mit:

sudo apt update && sudo apt -y upgrade && sudo apt-get -y dist-upgrade && sudo apt -y autoremove && sudo apt -y autoclean && sync && sudo reboot

Nach dem Neustart installiert ihr nun Pihole und macht euch erstmal zum root, da Pihole bestimmte Rechte für die Installation braucht:

sudo passwd root

Vergebt jetzt ein temporäres Passwort und loggt euch als root ein, mit:

su -


Deutsche Tastatur:

  1. sudo raspi-config
  2. Punkt 4 Localisation Options
  3. l3 Change Keyboard Layout
  4. PC generic de 105 tecles (intl.)
  5. Runtergehen auf „Andere“
  6. Das Wort Duits suchen und bestätigen
  7. Dann nach oben und DUITS auswählen
  8. und dann geht es komischerweise wie gewohnt weiter
 

 

 

Die Installation von Pihole auf dem Raspberry Pi

Pihole bietet eine übersichtliche Oberfläche, mit der ihr weitere Einstellungen vornehmen könnt. 

Falls ihr nicht wisst, welche IP euer Pihole hat, findet ihr es so raus und notiert es am besten:

hostname -I

(das ist ein großes I, wie „Ihhh“, kein L)

Jetzt installiert ihr das Pihole über das Skript:

curl -sSL https://install.pi-hole.net | bash

Sollte das nicht funktionieren, weil curl fehlt, könnt ihr auch Folgendes tun:

wget -O basic-install.sh https://install.pi-hole.net
sudo bash basic-install.sh

 

Bei Problemen findet ihr weitere Infos zur Installation auf der GitHub-Seite von Pihole. Das Skript installiert und arbeitet ein bisschen vor sich hin und wird euch zwischendurch einige Fragen stellen, die ihr wie folgt, beantworten könnt:

 

Select Upstream DNS Provider: Cloudflare oder Google oder einer eurer Wahl.

Select Lists: Wählt hier einfach alle Listen aus.

Select Protocols: IPv4 und/oder IPv6, falls ihr IPv6 nutzt.

Do you want to use your current network settings as a static address: Gebt hier die IP-Adresse des Raspberry Pi ein, die euer Router zugewiesen hat (beziehungsweise Enter), und wählt den Router als Gateway aus – meist 192.168.0.1, aber prüft es zur Sicherheit nochmal in den Einstellungen eures Routers.

Do you wish to install the web admin interface: Ja, denn hier nehmt ihr nachher Einstellungen vor und seht, was das Pihole alles filtert.

Do you wish to install the web server (lighttpd): Ja, denn ohne läuft auch die Weboberfläche nicht oder ihr müsst euch den Server anders zusammenfrickeln.

Do you want to log queries: Ja, sofern ihr die Zugriffe in Logdateien speichern wollt.

Select a privacy mode for FTL: Je nachdem, ob ihr ein öffentliches Netzwerk betreibt oder die Anfragen schlicht und einfach komplett anonymisieren wollt (hallo DSGVO), könnt ihr hier einstellen, was genau geloggt wird.

 

 

Nach der Installation zeigt euch das Skript die Adresse des Pihole als IPv4 und/oder IPv6 sowie das Passwort für die Weboberfläche an. Loggt euch wieder als root aus und auch ein Neustart kann nicht schaden:

exit
sudo passwd -dl root
sudo reboot

 

 

Pihole als DNS-Server des Routers eintragen

Im Grunde könnt ihr den Raspberry nun an seinen Zielort verfrachten. Er braucht nur noch Strom und ein Netzwerkkabel zu eurem Router. Das Pihole funktioniert im Grunde auch per WLAN, sofern es nicht der ganz alte Raspberry Pi 1 ist. Für eine stabile Verbindung, und um etwas Frickelei zu vermeiden, solltet ihr aber ein Netzwerkkabel nutzen. Wer den Raspberry Pi übrigens nicht kennt: Das Teil hat leider keinen An- oder Aus-Schalter. Ihr macht ihn an, wenn ihr das USB-Kabel anstöpselt und fahrt ihn am besten herunter mit:

sudo shutdown now

Dann könnt ihr ihn vom Strom trennen und wieder anklemmen, wenn ihr ihn einschalten wollt. Im Idealfall wird er aber die ganze Zeit durchlaufen und Trackinganfragen, Werbung und anderen Firlefanz auf DNS-Ebene blocken. Damit das funktioniert, müsst ihr das in einem letzten Schritt eurem Router mitteilen.

Pihole müsst ihr im Backend der Fritzbox als DNS-Server eintragen. Hier unterscheiden sich die Modelle bei ihrer Weboberfläche natürlich. Bei der Fritzbox findet ihr die Einstellung unter Internet > Zugangsdaten > DNS-Server.

Hier gebt ihr die IPv4- und/oder die IPv6-Adresse eures Pihole ein. Als Alternative empfiehlt sich noch ein zweiter DNS-Server, falls ihr den Raspberry mal wechseln, aber dennoch weiter Internet haben wollt. Hier bieten sich Cloudflare (1.1.1.1) oder Googles DNS-Server (8.8.8.8) an, aber ihr könnt natürlich nehmen, was ihr wollt.

 

 

Die Weboberfläche und weitere Einstellungen

Im Grunde sollte alles out-of-the-box funktionieren. Ihr könnt euch die Weboberfläche vom Pihole ansehen, indem ihr die IP-Adresse im Browser angebt und ein „/admin/“ anhängt, zum Beispiel:

http://192.168.0.10/admin/

Loggt euch mit dem Passwort aus der Installation ein und ihr könnt euch auf dem Dashboard ansehen, wie viele Anfragen vom Pihole geblockt worden sind, welche Domains und Tracker das waren und so weiter. Wenn ihr die Listen aktuell halten wollt, könnt ihr unter dem Punkt Tools > Update Gravity auf Update klicken.

Eine Allow-Liste findet ihr ebenfalls im Menü links und ihr werdet sie das eine oder andere Mal brauchen, denn manchmal blockt Pihole relativ harmlose Werbetracker oder versaut euch Links in Newslettern, da diese meist über Tracking-Tools laufen. Setzt die entsprechenden Domains dann einfach auf die Liste oder schaltet Pihole kurzzeitig mit einem Klick auf Disable aus und wählt, für wie lange er ausbleiben soll.

Wer möchte, kann das Pihole auch als DHCP-Server nutzen, DNSSEC aktivieren, als rekursiven DNS-Server mit Unbound nutzen, weitere Adblock-Listen hinzufügen oder die Allow-Lists automatisch updaten lassen. Auf die gehört übrigens auch www.t3n.de – ist ja klar. Wie ihr das alles anstellt, erfahrt ihr hier:

Als kleiner Tipp: Wenn das Blocken mal nicht direkt funktioniert, wartet ein paar Minuten, bis euer Netzwerk das Pihole als DNS-Server „vermittelt“ hat. Oder startet euer Gerät ein Mal neu. Das gleiche gilt auch, wenn ihr das Pihole im Menü kurzzeitig ausschaltet, denn ein paar Sekunden lang wird es Tracker immer noch blocken.

 


Neue Ad-Block Filterlisten in Pi-hole einbinden

 

Standardmäßig enthält Pihole 5.0 aktuell 7 Filterlisten zum Blocken von Domains bzw. Webseiten. Diese ermöglichen Pihole das Filtern von unerwünschten Inhalten wie z.B. Werbebannern oder unerwünschten Scripten. Durch das Hinzufügen weiterer Filterlisten lässt sich die Zahl der unerwünschten Domains sehr einfach erhöhen. Wir wollen euch heute zeigen, wie ihr euren Pi-hole noch besser im Ad-Blocking machen könnt.

Filterlisten gibt es wie Sand am Meer. Wichtig ist, dass diese Listen gepflegt werden, denn die Listen werden nicht nur einmal in Pihole eingebunden, sondern regelmäßig auf Änderungen geprüft. Wir haben für euch ein paar Listen bzw. Webseiten zusammengetragen:

for blocklists i’m using

https://raw.githubusercontent.com/StevenBlack/hosts/master/hosts https://mirror1.malwaredomains.com/files/justdomains http://sysctl.org/cameleon/hosts https://zeustracker.abuse.ch/blocklist.php?download=domainblocklist https://s3.amazonaws.com/lists.disconnect.me/simple_tracking.txt https://s3.amazonaws.com/lists.disconnect.me/simple_ad.txt https://hosts-file.net/ad_servers.txt https://raw.githubusercontent.com/HenningVanRaumle/pihole-ytadblock/master/ytadblock.txt https://github.com/anudeepND/youtubeadsblacklist/blob/master/domainlist.txt https://v.firebog.net/hosts/lists.php?type=tick

for blacklists i’m using

ad.doubleclick.net clients6.google.com googleads.g.doubleclick.net i1.ytimg.com pagead2.googlesyndication.com pubads.g.doubleclick.net r1—sn-vgqsen7z.googlevideo.com r1.sn-vgqsen7z.googlevideo.com r17—sn-vgqsenes.googlevideo.com r2—sn-vgqs7n7k.googlevideo.com r20—sn-vgqs7ne7.googlevideo.com r20.sn-vgqs7ne7.googlevideo.com r4—sn-vgqs7nez.googlevideo.com r4.sn-vgqs7nez.googlevideo.com securepubads.g.doubleclick.net static.doubleclick.net www.youtube-nocookie.com

I’ve had decent success with this regex

^r[0-9]*([-]{1,3}|.)sn-[a-z0-9]{4,}-[a-z0-9]{4,}\.googlevideo

It’s not perfect, but does block about 80% of the ads that play during streaming, but only about 40% of the ads that play before the video begins.

 

 

Einbinden neuer Filterlisten in Pi-Hole

Ab der Version 5 von Pi-Hole befindet sich die Verwaltung der Filterlisten im Gruppen-Management der Software. Ihr könnt mehrere Gruppen definieren, die dann auf unterschiedliche Blocklisten zugreifen können.

 
Nach dem Einbinden neuer Blocklisten müssen diese noch über die im Bereich Tools vorhandene Funktion Update Gravity in Pi-Hole aktiviert werden.
 
 

pihole5-list-tool

Installing Python packages

sudo apt update
sudo apt install python3-picamera

sudo apt install python3-pip

installation

If you don’t sudo pip3 install, things won’t work – possibly in a very confusing way. Definitely on Raspbian 10, so probably before that.

$ sudo pip3 install pihole5-list-tool --upgrade

usage / running

Simply run:

$ sudo pihole5-list-tool

Finishing up

After adding lists, they must be loaded by running:

$ pihole -g

 

 

 

allowlists

Currently the only source for maintained whitelists is anudeepND’s allowlist. They are presented as:

  • Allowlist Only – Domains that are safe to allow i.e does not contain any tracking or

      advertising sites. This fixes many problems like YouTube watch history,
      videos on news sites and so on.
    
  • Allowlist+Optional – These are needed depending on the service you use. They may contain some

      tracking sites but sometimes it's necessary to add bad domains to make a
      few services to work.
    
  • Allowlist+Referral – People who use services like Slickdeals and Fatwallet need a few sites

      (most of them are either trackers or ads) to be whitelisted to work
      properly. This contains some analytics and ad serving sites like
      doubleclick.net and others. If you don't know what these services are,
      stay away from this list. Domains that are safe to whitelist i.e does
      not contain any tracking or advertising sites. This fixes many problems
      like YouTube watch history, videos on news sites and so on.
    

ad/blocklists

Currently the only source for maintained blocklists is firebog.net

  • Non-crossed lists: For when someone is usually around to whitelist falsely blocked sites
  • Ticked lists: For when installing Pi-hole where no one will be whitelisting falsely blocked sites
  • All lists: For those who will always be around to whitelist falsely blocked sites

 

Zusätzliche Whitelists

Gibt es, um mal welche zu nennen:

Aber die Ersteller/Verwalter von Blocklists sollten Einträge aus solchen Whitelists eigentlich bereits aus ihren Listen entfernt haben.

 


IP-Adresse oder sonstige Netzwerkeinstellungen ändern

Reconfigure pi hole via command line: pihole -r

You can also change ip address in

/etc/pihole/setupVars.conf

 

 


 

Updating

Updating is as simple as running the following command:

pihole -up

 


 

How do I set or reset the Web interface Password?

The Web interface password needs to be reset via the command line on your Pi-hole. This can be done locally or over SSH. You will use the pihole command to do this:

pihole -a -p

You will be prompted for the new password. If you enter an empty password, the password requirement will be removed from the web interface.

Coverr.co – Gratis und lizenzfreie Videos für die Homepage

Grossflächige Background-Videos mit thematischen und atmosphärischen Videos sind seit einiger Zeit ein Trend im Webdesign. Beispiele dafür findet man zum Beispiel auf den Webseiten von Unternehmen wie Hoststar oder Nike. Wer auf seiner Homepage selber solche Videos verwenden möchte, aber den Aufwand oder die Kosten für die Produktion eines solchen Videos scheut, der findet jetzt auf coverr.co verschiedene thematische Videos zur lizenzfreien Verwendung.

coverr.co bietet gratis und lizenfreie Background-Videos, auch für kommerzielle Zwecke

Auf coverr.co finden sich frei verwendbare Videos, und laut den Betreibern der Seite kommen jeden Montag 7 neue lizenzfreie Videos hinzu. Die Videos werden in den zwei wichtigen Video-Formaten mp4 sowie webm, und zusätzlich als JPG angeboten. Wer für das Einbinden der Videos Hilfe benötigt, findet bei coverr auch eine Anleitung und die notwendigen Code-Schnippsel, um seine Homepage mit den Videos auszurüsten.

Ebay: Auktionen optimieren

Als Verkäufer bei Ebay sollten Sie Ihre Artikel und damit Ihren Shop mit einem schicken Design versehen. Damit erhöhen Sie Ihr Vertrauen beim Kunden und steigern gleichzeitig Ihren Umsatz.

Ebay mit HTML ein eigenes Shop-Design erstellen

Der Texteditor von Ebay ist leider sehr eingeschränkt – bis auf den Font, die Schriftart und Standard-Formatierungen können Sie hier leider nichts einstellen. Abhilfe schafft optionaler HTML-Code, den Sie statt des normalen Textes in den HTML-Editor einfügen können. HTML ist die Programmiersprache von Internetseiten – wenn Sie sich damit nicht auskennen, können Sie einen speziellen Editor verwenden (siehe unten). Bei der eigenen Design-Programmierung gibt es folgendes zu beachten:

  • Leider gibt es für Verkäufer unterschiedliche Regeln für den HTML-Editor: Geprüfte Mitglieder, Powerseller und Verkäufer mit über 500 Verkäufen dürfen in Ihrem Code Scripte und Iframes verwenden – so können Sie etwa Ihre Webseite im Ebay-Shop einbinden.
  • Kleine Verkäufer dürfen keine externen CSS- oder Javascript-Dateien einbinden – CSS-Elemente müssen Sie daher sehr eingeschränkt über den „style“-Befehl von div-Boxen setzen.
  • Bilder können Sie wie gewohnt über den Code <img src=“URL“> einbinden. Bei der Positionierung von Bildern müssen Sie auf das Ebay-Design Rücksicht nehmen: Sonst können Ihre Bilder etwa in den Footer der Webseite reichen.

Ein gutes Tool für den Mac hierfür ist der Auction Listing Designer. Für Windows kann man den ListingFactory verwenden. Möchte man sein Layout online erstellen kann man gegen eine monatliche Gebühr auf den Crazylister zurückgreifen.

 

Einbindung externer Webseiten in Ebay mittels iFrame

Möchte man spezielle Webseiten, die (extra) für Ebay entworfen wurden über einen iFrame einbinden, so benötigt man folgenden Code:

<style>
</style>
&nbsp;
<iframe src="https://www.domain.com/ebay/product1.html" height="1500" width="1000"></iframe>

Höhe und Breite können dementsprechend angepasst werden.

 

 

Festplatten-Speicherfresser finden und grafisch darstellen

Die Größe von Verzeichnissen auf Speichermedien zu ermitteln ist mit dem Windows Explorer kein Problem. Spätestens über den Kontextmenüeintrag Eigenschaften wird die Größe in KB, MB oder GB angezeigt. Man sieht aber nicht auf Anhieb, wie groß die Verzeichnisse im Vergleich zu anderen Ordnern oder dem Gesamtspeicherplatz ist. Aber gut, dass es auch für diesen Zweck eine einfache Lösung gibt.

Das 303 Kb kleine Tool HDGraph ist auf der Webseite www.hdgraph.com als kostenloser Download im ZIP-Format erhältlich. Du musst es nur an beliebiger Stelle entpacken. Es kommt ohne Installation aus und ist daher prima für den mobilen Einsatz auf USB-Sticks oder SD-Karten geeignet. Zum Aufrufen des Tools HDGraph klickst du doppelt auf die Startdatei HDGraph.exe.

EINFACHE BEDIENUNG

Im Programmfenster des Tools legst du zuerst den zu analysierenden Speicherort (Fesplatte, -partition oder externe Speichermedien) fest und startest dann die Analyse mit dem Button Scan/Refresh. Nach ein paar Augenblicken werden alle im Scanbereich befindlichen Verzeichnisse als Torten-Grafik dargestellt. Mit einem Doppelklick können Teilbereiche ausgewählt werden, um zu den Unterverzeichnissen zu gelangen.

HDGRAPH ALS KONTEXTMENÜ-EINTRAG

HDGraph lässt sich auf Wunsch auch in das Kontextmenü des Windows Explorers einbinden. Dazu klickst du im HDGraph-Programmfenster in der Menüleiste auf Tools | Explorer Integration | Add me to the explorer context menu.

Natürlich lassen sich alle grafischen Darstellungen ausdrucken, speichern und direkt als Bild im PNG-Format exportieren.

FAZIT

Tolles Tool um Präsentationen professionell zu gestalten. 

 

ALTERNATIVE

JDiskReport von jgoodies.com

jdiskreport

Google Fonts über den eigenen Server einbinden

Es gibt verschiedene Methoden, um Google Fonts in eine Webseite einzubinden. Die klassische Methode ist, die Schriften über einen Link in der header.php oder – besser – über die functions.php ins Theme einzubinden. Ellen Bauer hat einen ausführlichen Artikel dazu geschrieben: Google Fonts in WordPress Themes

Bei dieser Methode liegen die Schriften auf den Google-Servern und werden über einen Link auf meine Webseite geholt. Wird meine Seite geladen, schickt sie eine Anfrage an den Google Server und der liefert dann die Schriften aus. Davon merkt man in der Regel nicht viel. Aber es bleibt die Tatsache, dass eine Abfrage passiert und das dauert ein paar Millisekunden.

Je nach der Qualität der Datenverbindung kann es auch passieren, dass die Schriften nicht schnell genug ausgeliefert werden. Dann erscheinen alle Texte plötzlich in Arial oder Times.
Auch Firewalls können ein Problem darstellen – in manchen Firmen gelten so strenge Regeln, dass die Mitarbeiter keine Google Fonts zu sehen kriegen.

Google Fonts herunterladen und Webfont erzeugen

Aus diesen Gründen bin ich in letzter Zeit dazu übergegangen, Google Webfonts nicht mehr per Link einzubinden, sondern direkt auf den Sever zu laden, auf dem auch das WordPress-Theme liegt. Ich gehe davon aus, dass das rechtlich kein Problem ist, denn die Google Webfonts haben eine SIL Open Font License, die das Herunterladen erlaubt.

Wenn man sich bei den Google Webfonts eine Auswahl zusammengestellt hat, kann man diese Auswahl über einen Link herunterladen. Der Link versteckt sich hinter dem kleinen Pfeil rechts über der bunten Page-Load-Anzeige.

 

Allerdings befindet sich in dem zip-Archiv, das im Download-Ordner landet, nur eine TrueType-Version der Schrift. Damit können nicht alle Browser etwas anfangen. Der Font muss in mehreren Formaten (ttf, eot, woff, woff2, svg) zur Verfügung gestellt werden.

Das ist aber nicht weiter schwierig, denn es gibt Tools um aus einem TrueType-Font einen Webfont zu erzeugen. Zum Beispiel den Google Webfonts Helper. Ich nutze sehr gerne den Webfont-Generator von fontsquirrel.com.

Beide Tools bringen praktische CSS-Schnipsel mit, die man per Copy & Paste in die CSS-Datei des WordPress-Themes übertragen kann. Hier ein Beispiel von FontSquirrel.

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2016 */
@font-face {
    font-family: 'fira_sansthin';
    src: url('firasans-thin-webfont.eot');
    src: url('firasans-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('firasans-thin-webfont.woff2') format('woff2'),
         url('firasans-thin-webfont.woff') format('woff'),
         url('firasans-thin-webfont.ttf') format('truetype'),
         url('firasans-thin-webfont.svg#fira_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

Passwort der Heimnetzgruppe vergessen? So einfach findest du es wieder.

Beim Einbinden eines neuen Computers in ein bestehendes Netzwerk benötigt man ein Kennwort, dass meistens der Ersteller irgendwo notiert hat. Ist der Ersteller aber nicht erreichbar oder du findest das Kennwort nicht, dann gibt es eine andere Möglichkeit, es anzeigen zu lassen.

Dazu benötigst du nur einen Computer, der bereits in dem betreffenden Netzwerk integriert ist. Starte auf diesem PC die Systemsteuerung und gib in das Suchfeld oben rechts den Begriff Heimnetzgruppe ein. Mit einem Doppelklick auf den gleichlautenden Suchtreffer öffnest du das Programmfenster der Heimnetzgruppe.

heimnetzwerk-passwort-kennwort-wiederfinden-anzeigen-systemsteuerung-heimnetzgruppe

Im Bereich Weitere Heimnetzgruppen-Aktionen klickst du auf den Link Kennwort für die Heimnetzgruppe anzeigen oder ausdrucken.

heimnetzgruppe-kennwort-herausfinden-windows-microsoft-integration-neu-pc-computer1-560x521

Im nächsten Anzeigefenster wird dir dann das Kennwort für diese Heimnetzgruppe angezeigt.

kennwort-anzeigen-passwort-heimnetz-gruppe-drucken-vergessen-wiederfinden

Notiere dir das Passwort und gib es bei der Integration des neuen Computers ein, wenn du dazu aufgefordert wirst.

Videos in eBay-Auktionen einbinden – So geht’s

Wer bei ebay erfolgreich verkaufen möchte, muss sein Angebot möglichst attraktiv gestalten. Gute Fotos und ein ehrlicher Beschreibungstext sind schon mal die halbe Miete. Noch ansprechender sind eBay-Auktionen mit eingebetteten Videos. Der Käufer kann dann direkt in der Auktion ein Produktvideo sehen. Oder wie ein Artikel aufgebaut wird. Das sieht nicht nur gut aus, sondern zeigt den potenziellen Käufern sehr anschaulich, wie der Artikel aussieht, ob und welche Beschädigungen vorhanden sind oder wie etwas auf- oder abgebaut wird.

Das brauchen Sie für Videos in eBay-Auktionen

Um Videos in eBay-Auktionen einzubauen, brauchen Sie nicht viel:

– Account bei YouTube & Co: Das Video wird nicht direkt bei ebayhochgeladen, sondern kommt von einer Videoplattform wie YouTube. Anschließend wird das Video per HTML-Code mit der Auktion verknüpft. Ebay-Kunden sehen das Video direkt in der Auktion; technisch gesehen wird es aber von der Videoplattform ausgeliefert. Neben YouTube können Sie auch die Videodienste MySpace, AOL, AuctionMercial, AuctionPlayer, AuctionVideo, CarTHINK, CreativeVideosOnline, Google, i2iAuction und Microsoft nutzen. Wir zeigen weiter unten, wie einfach es mit YouTube geht.

– Geprüftes Mitglied bei eBay: Das Einbauen von Video ist nicht jedem eBay-Mitglied gestattet. Um Videos einbauen zu dürfen, müssen Sie entweder bei eBay ein geprüftes Mitglied sein oder PowerSeller sein oder verifiziertes PayPal-Mitglied sein oder länger als 500 Tage bei eBay angemeldet sein und mehr als 500 Bewertungspunkte aufweisen. Ist eine der Voraussetzungen erfüllt, kann’s losgehen.

Schritt 1: Video bei YouTube hochladen

YouTube ist die bekannteste und erfolgreichste Videoplattform ist. Hier ist das Einbinden eines Videos schnell erledigt. Sie brauchen nur die Videodatei – etwa von der Handykamera – und schon kann’s losgehen:

1. Melden Sie sich mit Ihrem YouTube-Konto bei YouTube an.

2. Klicken Sie oben rechts auf Hochladen.

videos-in-ebay-auktionen-einbauen

3. Dann über das Formular die Videodatei hochladen. Das geht am einfachsten, indem man die Videodatei mit gedrückter Maustaste ins Uploadfenster zieht.

videos-in-ebay-auktionen-einbauen-2

4. Im nächsten Fenster die Videobeschreibung ergänzen, also den Titel, eine kurze Beschreibung und Stichwörter. Die hier eingegebenen Informationen sieht man später aber nur direkt auf YouTube. In der späteren ebay-Auktion wird nur das reine Video zu sehen sein. Sobald der Upload abgeschlossen ist (erkennbar am blauen Balken und der Prozentzahl), per Klick auf Veröffentlichen das Video bei YouTube veröffentlichen.

videos-in-ebay-auktionen-einbauen-3

5. Jetzt brauchen Sie noch den HTML-Code für den Einbau in die ebay-Auktion. Den erhalten Sie, indem Sie das eigene Video bei YouTube ansehen. Dazu klicken Sie in Ihrem YouTube-Videomanager auf das Video oder auf den Link unterhalb von Dein Video wird hier zu sehen sein.

videos-in-ebay-auktionen-einbauen-4

6. Auf der Videoseite klicken Sie auf Teilen und dann auf Einbetten. Jetzt erscheint der Code, den Sie zum Einbetten des Videos in die ebay-Auktion benötigen. Per Klick auf Mehr anzeigen können Sie weitere Einstellungen vornehmen und zum Beispiel die Größe des Players festlegen.

 

Wichtig: Den angezeigten Code können Sie aber so bei ebay nicht verwenden, da ebay keine iFrame-Einbettungen erlaubt. Um das Problem zu lösen, können Sie den Code-Konverter der Webseite www.isdntek.com/tagbot/YouTubeConverter.htm verwenden. Dazu kopieren Sie zuerst den iFrame-Code von der YouTube-Seite (alles markieren und per Rechtsklick kopieren)…

youtube-videos-bei-ebay-2

…und fügen ihn auf der Seite www.isdntek.com/tagbot/YouTubeConverter.htm ins Feld Nummer 3 ein (Rechtsklick und Einfügen oder [Strg][V)]. Per Klick auf Make eBayCode erhalten Sie dann den Code, den Sie bei ebay verwenden können.

youtube-videos-bei-ebay-3

Jetzt markieren Sie im den kompletten neuen Code, indem Sie doppelt ins Feld klicken oder mit gedrückter Maustaste vom ersten bis zum letzten Zeichen fahren. Ist alles markiert, klicken Sie mit der rechten Maustaste auf die Markierung und wählen den Befehl Kopieren. Der Code befindet sich jetzt in der (unsichtbaren) Zwischenablage von Windows.

youtube-videos-bei-ebay-4

Das war’s auf Seiten von YouTube und dem Konverter auch schon. Weiter geht’s mit der ebay-Auktion und dem Einbau des kopierten Codes in die Auktion.

Schritt 2: YouTube-Videos in die Auktion einbauen

Um den in Schritt 1 kopierten Code für das Video in die Auktion einzubauen, gehen Sie folgendermaßen vor:

1. Erstellen Sie zunächst wie gewohnt die Auktion für den Verkauf inklusive Titel, Fotos und Beschreibung. Im Eingabefeld für die Artikelbeschreibung klicken Sie auf Zum HTML-Editor wechseln.

videos-in-ebay-auktionen-einbauen-6

2. Im HTML-Editor sehen Sie den teils kryptischen Quellcode für den Beschreibungstext. Um das Video ans Ende der Auktion einzufügen, platzieren Sie die Schreibmarke ganz ans Ende des Codes. Dann drücken Sie die Tastenkombination [Strg[V] oder klicken mit der rechten Maustaste und dann auf Einfügen, um den in Schritt 1 kopierten Code für das Video einzufügen.

videos-in-ebay-auktionen-einbauen-7

3. Wenn Sie jetzt wieder per Klick auf Zum Standard-Editor wechseln die normale Textansicht aktivieren, kann man das eingebettete Video bereits so sehen, wie es später auch die Käufer innerhalb der Auktion sehen werden. Jetzt müssen Sie nur noch die Auktion fertigstellen und speichern. Ihre Kunden können das Video dann direkt innerhalb der Auktion abspielen.

videos-in-ebay-auktionen-einbauen-8

Übrigens: Die Auktion aus diesem Beispiel inklusive eingebautem YouTube-Video finden Sie hier: http://www.ebay.de/itm/161295421398.

 

 


 

 

>>> Tip: Auction Listing Designer

Video- und Audiodateien ohne Plugins in WordPress einbinden

video-in-wordpress-einbinden

Wer seine Videodateien auf dem eigenen Server haben will und diese nicht über einen Drittanbieter wie z.B. YouTube, Vimeo, etc. hosten möchte, der kann seit WordPress 3.6 im Handumdrehen Videos ohne Plugins in WordPress einbinden.

Denn mit WordPress 3.6. kommt ein sehr umfangreicher integrierter Audio-/ Videoplayer. Hierzu setzt WordPress auf die sehr beliebte MediaElement.js. Auf der Herstellerseite sieht man auch direkt alle unterstützen Formate und wie welcher Browser oder welches Gerät die einzelnen Formate interpretiert. Hierzu ein Screenshot der Tabelle:

Browser and Device support - Quelle: mediaelementjs.com

Browser and Device support – Quelle: mediaelementjs.com

Video in WordPress einbinden

Um nun ein Video in WordPress einzubinden, geht man ähnlich vor wie bei einem Bild. Innerhalb eines Artikels oder einer Seite klickt man oben links auf “Dateien hinzufügen“, wählt anschließend “Dateien hochladen” und klickt auf den “Dateien auswählen“-Button um die Video / Audio Datei auf seinem PC zu suchen oder wirft sie direkt per Drag ‘n Drop in den “Uploadbereich”.

Nach erfolgreichem Hochladen befindet sich unten rechts ein kleines Dropdown-Menü, welches auf “Eingebundener Medien-Player” gestellt sein muss. Nun auf den blauen Button “In den Beitrag einfügen” klicken und das Video befindet sich in eurem Artikel:

Der Shortcode dazu sieht wie folgt aus:

Neben der Größe und der Breite werden automatisch das Format, sowie die passende URL angegeben. Für einen HTML5/Flash-Fallback können ebenfalls weitere URLS angegeben werden, so würde der Shortcode in etwas so aussehen.

Audio Dateien in WordPress einbinden

Mit Audio Dateien ist es genau wie bei den Videos. Zunächst wird die Audio Datei über den Button “Dateien hinzufügen” hochgeladen und folgendes Snippet eingefügt:

1

Die neue WordPress Audio/Video API ist noch um ein vielfaches umfangreicher, als wirklich nur ein Video oder eine Audio Datei einbinden.

NetDrive: Einen FTP-Server als Laufwerk in Windows einbinden

In den meisten Fällen wird der Datenaustausch mit einem FTP-Server über den Explorer. Mit dem kostenlosen Programm NetDrive haben Sie die Möglichkeit den FTP-Server als Laufwerk anzulegen. Dadurch haben Sie den Vorteil, dass Sie den Server direkt aus dem Windows Explorer heraus ansprechen können. Somit haben Sie die Möglichkeit, direkt aus Anwendungen heraus auf den Server zuzugreifen und direkt mit dem FTP-Server zu arbeiten. (mehr …)

Mac OS X: Das Hauptverzeichnis der Festplatte in den Finder einbinden

Um auf sämtliche Dateien des Macs zuzugreifen, gibt’s den Finder. Auf sämtliche? Nicht ganz. Denn in der linken Spalte des Finders gibt es zwar Schaltfläche für den Schreibtisch, die Programme und die eigenen Dateien. Wer allerdings auf die oberste Verzeichnisebene der Platte zugreifen möchte, schaut in die Röhre. Mit einem Trick binden Sie auch die oberste Ebene der Harddisk in die Finder-Favoriten ein.

Die Festplatte in der Seitenleiste

Damit links in der Seitenleiste auch der Eintrag “Macintosh HD” für den Direktzugriff aufs Hauptverzeichnis der Festplatte einzubinden, gehen Sie folgendermaßen vor:

  1. Starten Sie den Finder, und rufen Sie den Befehl “Darstellung | Pfadleiste einblenden” auf.
  2. Jetzt erscheint unten am Rand die Pfadleiste, die stets den aktuellen Pfad des derzeit markierten Ordners angibt. An erster Stelle steht der Name der Festplatte, meist “Macintosh HD”. Klicken Sie auf “Macintosh HD”, halten Sie die Maustaste gedrückt, und ziehen Sie die HD in den Bereich “Favoriten”. Lassen Sie die Maustaste erst dort wieder los.

 

 

Das Ergebnis: Jetzt taucht auch der Eintrag “Macintosh HD” in der Favoritenliste auf, über den Sie direkt zur obersten Verzeichnisebene der Festplatte springen. Möchten Sie den Eintrag wieder entfernen, klicken Sie mit der rechten Maustaste (oder [cmd] plus Linksklick) darauf und wählen den Befehl “Aus der Seitenleiste entfernen”.