Viele Websites verwenden schwarzen Text auf hellem Hintergrund, weil er gut lesbar ist. Aber auch weißer Text auf dunklem Hintergrund kann seine Vorteile haben. Wenn Sie wissen, wann Sie eine der Lösungen verwenden sollten, können Sie Ihre Projekte verbessern.

Lesen oder scannen?

Wenn es um den Text auf der Website geht, lesen oder sehen (scannen) Benutzer den Text. Lesen ist eine Betonung der Wörter für ein gründliches Verständnis des Themas. Scannen beinhaltet das Lesen von Wörtern für ein breiteres Verständnis des Themas. Wann Sie weißen Text auf dunklem Hintergrund verwenden sollten, hängt davon ab, ob Benutzer den Text lesen oder scannen.

Absatztext

Die Art von Text, die Benutzer lesen, sind Absätze. Da Benutzer Absätze lesen, sollten Sie die Verwendung vermeiden weiße Schrift auf dunklem Hintergrund bei der Anzeige von Absätzen. Benutzer zu zwingen, ständig auf weißen Text zu schauen, kann für die Augen schädlich sein. Dies liegt daran, dass Weiß alle drei Arten von farbempfindlichen visuellen Rezeptoren im menschlichen Auge stimuliert. Für die Augen ist das Lesen von weißer Schrift auf dunklem Hintergrund anstrengend.

Weiß reflektiert auch Licht aller Wellenlängen. Daher sind Wörter und Buchstaben in einem Textabsatz kompakt und nahe beieinander. Wenn ein Blatt Papier Licht reflektiert, wird das Licht gestreut und breitet sich auf benachbarte Wörter und Buchstaben aus. Der schwarze Hintergrund macht die Form von Wörtern und Buchstaben schwer lesbar. Vergleichen Sie schwarzen Text dort, wo er das Licht um jedes Wort und jeden Buchstaben absorbiert und sie hervorhebt.

Genau deshalb die beste Wahl um den Text der Absätze anzuzeigen - schwarzer Text auf hellem Hintergrund mit einem Grauton. Nicht auf weißem Hintergrund. Hinter den Wörtern wird weniger Licht reflektiert, was die Augen schont. Schwarzer Text funktioniert besser, weil Schwarz ist auch die Farbe, die . Schwarz belastet die Augen also nicht sehr, da es das Licht absorbiert, das auf sie trifft.

Wenn Ihre Website jedoch einen dunklen Hintergrund für die Anzeige von Fließtext verwenden muss, verwenden Sie Grau. Dies wird die Augen des Benutzers nicht belasten, da grauer Text nicht so hell ist wie weißer Text. Es wird weniger Licht reflektieren, wodurch es einfacher zu lesen ist. Denken Sie daran, dass weißer Text auf schwarzem Hintergrund nicht so schwer zu lesen ist, wenn Sie Text in einem dunklen Raum ohne Licht lesen. Dies geschieht, weil das Licht in einem dunklen Raum nicht davon reflektiert wird.

Abschnitte, Titel und Überschriften

Es gibt Zeiten, in denen weißer Text auf dunklem Hintergrund angemessen ist. In diesen Momenten scannt der Benutzer den Text mit seinen Augen. Benutzer scannen normalerweise Titel, Titel und Autor. Verwenden Sie für diese Textarten weißen Text auf dunklem Hintergrund effektive Methode Heben Sie sie hervor, um die Aufmerksamkeit des Benutzers zu erregen. Immerhin weiß. Dadurch wird der Text hell und lesbar. Sie müssen sich keine Gedanken darüber machen, Ihre Augen zu überanstrengen, da das Scannen dieser Textarten keine visuelle Fixierung erfordert. Es ist alles nur ein kurzer Blick auf den Titel, den Titel oder die Kategorie.

Die Verwendung von weißem Text auf dunklem Hintergrund als Hervorhebungswerkzeug ist eine intelligente Möglichkeit, wichtige Elemente hervorzuheben, die Benutzer häufig übersehen. Indem Sie diese Regel auf Ihrer Website anwenden, machen Sie den Text leicht lesbar, ohne die Augen der Besucher zu verletzen.

Der größte Spaß (natürlich nach dem Schattieren) ist das Tippen von weißen Buchstaben auf schwarzem Hintergrund. Das ist eine sehr mutige Entscheidung; außerdem zieht der so gedruckte text die aufmerksamkeit anderer nicht weniger als ein blaues auge auf sich. Verwenden Sie diese Technik daher mit Vorsicht.

Wenn Sie Weiß auf Schwarz drucken, denken Sie daran, dass Sie zuerst einen schwarzen Hintergrund und dann den Text erstellen müssen. weiße Farbe. Der schwarze Hintergrund wird wie folgt erstellt.

Wählen Sie den Textblock aus.

Beginnen Sie am besten mit einem fertigen Text. Irgendwann erhalten Sie schwarzen Text auf schwarzem Hintergrund, sodass der Text nicht sichtbar ist. Wenn Sie ein getipptes Dokument haben, wird der Abschluss des Vorgangs dadurch gekennzeichnet, dass es weiß wird. (Informationen zum Hervorheben von Text finden Sie in Kapitel 6.)

Wähle ein Team Format > Rahmen und Schattierung.

Ein Dialogfeld wird angezeigt Rahmen und Schattierung.

Stellen Sie sicher, dass die Registerkarte füllen im Vordergrund.

Wenn dies nicht der Fall ist, klicken Sie auf die Registerkarte für diese Registerkarte. Tab füllen erscheint im Vordergrund (siehe Abbildung 19.5).

Im Gebiet füllen wähle schwarz.

Dies ist das vierte Quadrat von oben in der ersten Spalte; Im Feld rechts neben dem Farbwähler sehen Sie eine Nachricht Schwarz.

Drück den Knopf OK um das Dialogfeld zu verlassen Rahmen und Schattierung.

Sie können im Moment nichts sehen, da es sich um schwarzen Text auf schwarzem Hintergrund handelt. (Tatsächlich, wenn der Text ausgewählt ist, werden Sie einen erstaunlichen Anblick sehen: einen großen weißen Block, der im Schwarzen Meer schwimmt. Haben Sie keine Angst!)

Ändern Sie bei noch ausgewähltem Block die Textfarbe in Weiß. Verwenden Sie dazu die Schaltfläche Schriftfarbe auf der Formatierungssymbolleiste.

Eine Dropdown-Palette wird angezeigt.

Wählen Sie ein Element aus der Palette aus Weiß.

(Dies ist das letzte Quadrat der Palette, das sich unten rechts befindet. Wenn Sie den Mauszeiger darüber bewegen, „poppt“ der Tooltip mit dem Wort Weiß.) Klicken Sie auf dieses Quadrat, um die Schriftfarbe zu ändern.

Jetzt müssen Sie abwählen. Der Text wird auf dem Bildschirm sichtbar: weiße Buchstaben auf schwarzem Hintergrund.

Word zeigt umgekehrten Text sehr effektiv auf dem Bildschirm an, besonders wenn es ausgewählt ist. Ich wette mit Ihnen - selbst in einem sehr großen Dokument werden Sie solchen Text niemals "verlieren" können!
Ich empfehle nicht, große Textblöcke zu invertieren. Bei vielen Druckermodellen wird dieser Text mit „egal“ gedruckt. Diese Technik eignet sich am besten zum Hervorheben von Überschriften und kleinen Textabschnitten.
Wenn Sie Probleme haben, inversen Text zu drucken, ändern Sie die Druckereinstellungen. Im Dialogfeld Siegel klicken Sie auf die Schaltfläche Optionen. Im Gebiet ein Drucker klicken Sie auf die Schaltfläche Eigenschaften. Als Ergebnis erscheint ein Dialogfeld auf dem Bildschirm. Druckereigenschaften. Klicken Sie auf die Registerkartenbezeichnung Grafik. Im Gebiet Grafikmodus Aktivieren Sie das Kontrollkästchen Punktgrafiken. Drück den Knopf OK um den Dialog zu schließen Druckereigenschaften.

Was mir an Chrome nicht gefällt, ist das Flackern weißer Hintergrund beim Rendern der Seite. Soweit ich weiß, geschieht dies auf Engine-Ebene und kann nicht auf Benutzerebene geändert werden, selbst wenn Sie die Farben im Betriebssystem ändern. Ich denke, dass man an dieser Stelle einen Stein in den Garten der Chrome-Entwickler werfen muss. Warum bestimmen sie die Farbe der Leinwand selbst und übernehmen sie nicht aus den Systemeinstellungen des Betriebssystems? Gleiches gilt für Skype und eine Reihe anderer "ernsthafter" Anwendungen.

Oper

Opera ist nicht so dicht. Alles, was ich finden konnte, ist die Contrast Changer-Erweiterung. Oder eine einfachere Variante in Form eines Bookmarklets.
Als Alternative zu Clearly können Sie verwenden Onlineservice Instapaper und ihr Bookmarklet.
Ebenfalls kürzlich erschienen ist die Stylische Erweiterung.
Wir wählen ein dunkles Thema. Zum Beispiel Opera Simple Dark.

Stilvolle Alternative

Texteditor

Microsoft Word 2010

Vorher und nachher

So ändern Sie die Farbe der Benutzeroberfläche:
Datei > Optionen > Allgemein > Optionen der Benutzeroberfläche > Farbschema: Schwarz. Um die Farbe des Papiers (Hintergrund) zu ändern, müssen Sie die Farben im Betriebssystem ändern.
Für ältere Versionen von Office kann ich nicht helfen.

Ein weiterer Bonus von „Weiß auf Schwarz“ für Mobilgeräte ist diese Kombination verbraucht weniger Energie(weil es weniger Licht abgibt). Wie viel weniger? Weiß nicht. Ich vermute, dass es bei längerem Lesen sehr auffällig ist. Es wäre interessant, die Statistik zu sehen.

Augenhygiene

Kontrast

Verwenden Sie, wie oben erwähnt, nicht zu viel Kontrast (max. Weiß auf max. Schwarz). Kontrast ≠ Lesbarkeit. Hellgrau auf Dunkelgrau ist bequemer. Welche Art von Graustufen - individuell auswählen.

Kontrast spielt nicht nur beim Bild auf dem Display eine Rolle, sondern auch bei der Außenwelt. Das heißt, berücksichtigen Sie die Beleuchtung im Raum und versuchen Sie, einen zu starken Kontrast zwischen der Beleuchtung und der Helligkeit des Displays/der Farben zu vermeiden. Das gilt besonders für Nachtschwärmer. Wenn Sie bereits im Dunkeln arbeiten, wechseln Sie zu dunklen Farbschemata – Ihre Augen ermüden deutlich weniger. Der Kontrast zwischen einem dunklen und einem hellen Thema in einem dunklen Raum kann sich um das 20-fache oder mehr unterscheiden!

Distanz

Vergiss das Abstandsquadratgesetz nicht. Wenn Sie es gewohnt sind, sich zum Monitor zu lehnen, erhöhen Sie beim Lesen die Schriftart ( Strg+) und mindestens 15 cm mehr nach hinten abweichen. Dadurch wird die Lichtmenge, die an die Augen abgegeben wird, erheblich reduziert. Natürlich hat der Monitor zu viel Fläche, um ihn als Punktlichtquelle zu betrachten und dieses Gesetz darauf anzuwenden. Aber wie eine einfache zeigt - bei nicht zu hellem Umgebungslicht, das von einer Entfernung von 55 cm bis 75 cm zurückweicht, nimmt die Beleuchtung des Monitors um das 1,5-fache ab (und noch mehr im Dunkeln). Der empfohlene Abstand zum Monitor beträgt 50-70 cm.

geht kaputt

Regelmäßige Pausen von der Arbeit am Bildschirm sind für das Sehvermögen förderlicher als alles zusammen. Aber wie denken Sie daran, regelmäßige Pausen einzulegen?

Besonders gut hat mir die Workrave-App gefallen. Einstellbar für verschiedene Zeitintervalle und unterschiedlich lange Pausen (z. B. 3 kurze Pausen alle 15 Minuten, 1 lange Pause jede Stunde). Kann das System für eine bestimmte Zeit ohne die Möglichkeit einer Kündigung sperren, was sehr motivierend ist, vom Arbeitsplatz aufzustehen :) Es hat viele kleine Annehmlichkeiten in den Einstellungen. Beispielsweise erscheint einige Sekunden vor dem Blockieren eine Warnung, und wenn Sie bereits sehr beschäftigt sind und keine Zeit für eine Pause haben, arbeiten Sie einfach weiter - die Anwendung bemerkt Aktivitäten (Tastaturen, Mäuse) und hebt die Blockierung auf. Es bestimmt auch selbstständig, wann Sie selbst eine Pause machen und setzt Ihren Timer zurück.

Übungen

Ich vermute, dass die meisten Leser die Symptome des Computer-Vision-Syndroms wie Akkommodationskrampf (Pseudomyopie, falsche Myopie) oder trockenes Auge kennen. Es gibt genug Informationen im Netz, wie man diesen Störungen durch verschiedene Übungen und Gymnastik für die Augen vorbeugen kann. Die Hauptsache ist, sie regelmäßig zu machen, mindestens mehrmals am Tag. Ich möchte darauf hinweisen 2 Typen.

Das menschliche Sehen ist so eingerichtet, dass der Normalzustand der Augen (bei entspannten Augenmuskeln) eine Akkomodation in die Ferne ist. Da sich der Monitor unter normalen Bedingungen relativ nahe an den Augen befindet, wird der Ziliarmuskel ständig angespannt, um die Linse zum Fokussieren konvex zu halten enge Quartiere. Dies führt zu Ermüdung und Krämpfen des Ziliarmuskels (Pseudomyopie) und mit der Zeit zu einer dauerhaften Verschlechterung des Sehvermögens. Sehen Sie abwechselnd in die Ferne und in die Nähe, kompensiert diese Spannung, für die es notwendig ist, sich vom Monitor zu lösen (wozu Workrave einen guten Beitrag leistet) und regelmäßig mehrere Minuten am Fenster zu trainieren.

Die zweite Art ist Face Palming.

Gesichtspalme

Ja, ja, das ist es. Jedes Mal, wenn Sie auf einen epischen Fehlschlag reagieren, haben Sie die Möglichkeit, die Augen zu weiten. Diese Methode wird auch als Palming bezeichnet. Um dieses Wort ranken sich bis heute viele Spekulationen und zweideutige Persönlichkeiten. Daher werde ich sofort reservieren, dass ich diese Übung empfehle. nicht als Methode zur Verbesserung des Sehvermögens, sondern als Methode zur Entspannung der Augen. Die Dunkelheit ermöglicht es, die Fotorezeptoren zu "ruhen", und die Wärme warmer Hände erweitert die Augengefäße und regt die Durchblutung an. Es wird auch die Augen befeuchten, denn aus irgendeinem Grund blinzelt eine Person bei der Arbeit am Monitor um ein Vielfaches weniger. Nun, da das Gehirn den größten Teil seiner Energie für die Verarbeitung visueller Informationen aufwendet, ist dies auch eine Möglichkeit, den Gyrus ein wenig zu entspannen.
(Haus) und ohne Beleuchtung (nachts). Tageslicht wurde ausgeschlossen, da das Ergebnis stark von vielen Faktoren (z. B. Wetter) abhängt und eine große Messstreuung aufweist.
Distanz. Für eine lange Strecke nahm ich die Länge meines Arms 75 cm, in der Nähe - eine Neigung von ~ 20 cm nach vorne, näher am Monitor.
Bildschirmhelligkeit. Unter Bedingungen ohne Klärung habe ich zweimal gemessen - mit der maximalen Helligkeit des Displays und dementsprechend mit der minimalen.
Messergebnisse. Alle Daten wurden in einer Tabelle zusammengeführt. Zum Vergleich habe ich das Verhältnis zwischen Beleuchtungen in verwendet unterschiedliche Bedingungen. Wie aus der Tabelle ersichtlich ist, nimmt bei „durchschnittlicher“ Beleuchtung beim Zurücklehnen die Beleuchtung um das 1,5-fache ab. Und wenn Sie im Dunkeln ein dunkles Schema verwenden, nimmt die Beleuchtung um das 25-fache ab.
Haftungsausschluss! Die Ergebnisse des Experiments erheben keinen Anspruch auf Allgemeingültigkeit, da das Experiment „auf dem Knie“ durchgeführt wurde. Aber ich wage zu vermuten, dass ähnliche Ergebnisse in vielen Alltagssituationen beobachtet werden.
Vision

Schwarz und weiß

Farbe

Tags hinzufügen

Der Feiertag rückt näher - Internationaler Frauentag. Machen wir uns bereit. Sie können Mädchen und Frauen auf originelle Weise mit den Postkartendiensten gratulieren, auf die weiter unten eingegangen wird.

Sie können die gleichen Dienste nutzen, die wir verwendet haben.

Fertige Postkartendienste

Erstellen Sie online eine Postkarte vom 8. März

Verwenden Sie die folgenden Dienste, um eine Postkarte von Grund auf neu zu erstellen.

Canva ist ein bekannter funktionaler Fotoeditor. Hier finden Sie viele Vorlagen. Registrierung benötigt.
Printclick Wenn Sie ein eigenes Unternehmen haben, können Sie einen Stapel Postkarten mit dem Logo und den Kontakten Ihres Unternehmens bestellen. Sie können auch den princlick-Postkartengenerator verwenden. Tolle Aktion und günstig.
Crello ist ein Editor, der eine Registrierung erfordert. Keine Angst der englischen Sprache, in den Einstellungen können Sie auf Russisch umschalten.
Online-Postkarte - für diejenigen, die eine gut entwickelte Vorstellungskraft haben, da sie eine Postkarte von Grund auf neu erstellen müssen.
Mumotiki - Vorbereiten schönes Bild, und Sie können hier einen Glückwunschtext hinzufügen. Übrigens, wenn Sie dem Bild nur Text hinzufügen müssen, können Sie es auschecken.

Ich hoffe, dass Sie mit einem dieser Generatoren Ihren Damen am 8. März angemessen gratulieren können!

Autor: Iwanowa Natalia

2019-02-17

Der Inhalt des Artikels:

Google Plus wird heruntergefahren

Die Plattform Google Plus hat die Hoffnungen der Entwickler nicht erfüllt und wird am 2. April 2019 komplett entfernt. Zusammen mit ihm verschwinden die Alben, die ihm in Google Fotos zugeordnet sind, und die Autorisierung auf Websites mit einem Google Plus-Konto wird unzugänglich. Seit dem 4. Februar ist die Funktion zum Erstellen von Google Plus-Profilen, -Kanälen und -Seiten nicht mehr verfügbar. Wenn wertvolle Inhalte in Ihrem Konto gespeichert wurden, können Sie sie herunterladen Sicherung.
Die meisten Änderungen betreffen Blogger, die ihre Blogs auf Blogspot betreiben. Einige Google+-Widgets, Google+-Kommentare und Ihr Google+-Profil sind dann nicht mehr verfügbar. Dies wird in der Benachrichtigung im Blogger-Admin-Panel angegeben:

Nach der Ankündigung des Endes der Google+ API, das für März 2019 geplant ist, wird es am 4. Februar eine Reihe von Änderungen an der Integration von Blogger in Google+ geben.
Google+-Widgets. Die Widgets für die +1-Schaltfläche, Google+ Follower und das Google+ Abzeichen werden in Blogdesigns nicht mehr unterstützt. Alle Instanzen dieser Widgets werden aus Ihrem Blog entfernt.
Tasten +1. Die Schaltflächen +1 und G+ werden entfernt, ebenso die Links „Auf Google+ teilen“ unter Blogbeiträgen und in der Navigationsleiste.
Bitte beachten Sie, dass, wenn Sie eine benutzerdefinierte Vorlage verwenden, die Google+ Funktionen enthält, diese möglicherweise geändert werden muss. Lassen Sie sich von der Person beraten, die Ihnen diese Vorlage zur Verfügung gestellt hat.
Google+ Kommentare. Die Unterstützung für Kommentare mit Google+ wird eingestellt und die standardmäßigen Blogger-Kommentare werden für alle Blogs wiederhergestellt, die diese Funktion verwenden. Leider können über Google+ gepostete Kommentare nicht an Blogger übertragen werden, sodass sie nicht mehr in Ihrem Blog erscheinen.

Löschen von Google Plus-Kommentaren

Leider werden die im System veröffentlichten Kommentare für immer gelöscht. Sie können nur das gleiche Werkzeug verwenden https://takeout.google.com um Backup-Kommentare von Google+ auf Ihrem Computer zu sagen. Lediglich ein Bootloader ist dafür nicht vorgesehen, und Kommentare lassen sich nur recht krumm manuell wiederherstellen. Es ist gut, dass ich pünktlich in meiner Zeit bin.

So ersetzen Sie das Google Plus-Profil durch das Blogger-Profil

Wenn Sie auf Blogspot bloggen, sollten Sie jetzt von Ihrem Google Plus-Profil zu Ihrem Blogger-Profil zurückwechseln (für diejenigen, die in der Vergangenheit zu Google Plus gewechselt sind). Ich empfehle, dies jetzt zu tun, um unvorhergesehene Situationen zu vermeiden, die beim Löschen von Google Plus-Konten auftreten können.

So erhalten Sie Ihr Blogger-Profil zurück

Das geht ganz einfach in den Blogger-Admin-Einstellungen:
Einstellungen –> Benutzereinstellungen –> Benutzerprofil – wählen Sie hier Blogger aus

Speichern Sie Ihre Änderungen.

Bestätigen Sie den Wechsel zu und geben Sie Ihren Namen oder Spitznamen ein.

Vergessen Sie nicht, einen Avatar in Ihr Blogger-Profil hochzuladen.

So löschen Sie ein Google Plus-Profil

Wenn Sie sich entscheiden, Ihr G+-Profil ein für alle Mal loszuwerden, dann gehen Sie zu Ihrer Google Plus-Seite –> Einstellungen –> zum Ende der Seite scrollen –> Ihr Google Plus-Konto löschen:

Autor: Iwanowa Natalia

Heute erzähle ich dir, was CSS3 ist, womit es gegessen wird, wo man danach sucht, wie man es richtig schreibt. Ich warne Sie, ich werde von mir erzählen, vereinfacht für die breite Öffentlichkeit, wie ich es sehe + Beispiele. Fangen wir also von weitem an.
CSS sind Stile, die die Eigenschaften eines Objekts beschreiben. Dies bedeutet, dass sie in allen vorhandenen Engines enthalten sind. Wenn Sie sie nicht finden können, suchen Sie entweder an der falschen Stelle, oder sie existieren wirklich nicht ( Kurvenseite). Wo sind sie normalerweise zu finden? Normalerweise ist dies der Stamm der Site, der Name der Datei style.css, obwohl der Name im Prinzip nicht so wichtig ist wie die Erweiterung .css, wenn die Datei mit einer solchen Erweiterung eine Stildatei ist.
Siehe auch auf meinem Blog.

Wo kann man sie suchen?

Der Pfad zur Datei wird in der Vorlage zwischen angegeben

" />

Blogspot ist ein wenig anders, wo Stile direkt in den Code geschrieben werden, vor dem Tag zwischen

hier Stile

Wie sehen Stile aus?

schauen wir uns ein Beispiel an:

#header ( Hintergrund: #fff; Schriftgröße: 13px; Zeilenhöhe: 1,5; Schriftfamilie: Georgia, „Times New Roman“, „Bitstream Charter“, Times, Serif; Farbe: #333; ) .contacts ( Position: absolut; oben: 20px; rechts: 10px; )
Website-Kopfzeile

Website Autor Kontakte

Sie können die Stile auf jeder Website anzeigen, Sie benötigen lediglich einen Browser. Jetzt können Sie sie leicht erkennen, indem Sie in diesem Artikel lesen, wie sie aussehen.
Wie Sie sehen können, sind die Stile unterschiedlich geschrieben. Stile, die mit einem Nummernzeichen beginnen, haben eine bestimmte Block-ID in , Stile mit einem Punkt haben eine bestimmte Blockklasse. Andernfalls funktionieren die Stile nicht. Sie können sich beliebige Namen ausdenken, Hauptsache, sie entsprechen der geschriebenen ID und Klasse in HTML. Stileigenschaften müssen in Klammern eingeschlossen und von einem Doppelpunkt gefolgt werden ( sehen Sie sich das obige Beispiel an), wird der Parameter geschrieben und mit einem Semikolon abgeschlossen. Es ist erlaubt, dass Sie in der letzten Eigenschaft am Ende kein Semikolon setzen können, sondern nur eine schließende Klammer.
Es kommt vor, dass CSS sofort in einen Block geschrieben wird, ohne es in eine separate Datei auszugeben:

Website-Kopfzeile

CSS auf Blogspot

Stile können unterschiedlich geschrieben werden, ich werde später erklären, wofür. Wenn wir den Code öffnen, können wir dies sehen (sehen Sie sich die Stile genau an, und Sie werden die bekannten Blogging-Tags sehen, die die Stile festlegen):

Wie Sie sehen können, ist die Eigenschaft style .Kopfzeile h1 oben separat aufgeführt. Wie kann man eine Immobilie verstehen und finden? sehr einfach, Schriftart Es gibt einen Parameter header.font, das suchen wir. Wir finden es in der Eigenschaftsgruppe „Blog-Titel“ für den Stil „.header h1“, innerhalb der beiden Eigenschaften „header.font“ und „header.text.color“. Hier ändern wir sie. Dies geschieht, um das Lesen von Stilen durch den Browser zu beschleunigen, sodass weniger Anforderungen gestellt werden. Immerhin das Eigentum header.text.farbe kann an anderer Stelle wiederholt werden. Weiter unten gibt es mehr header.shadow.offset.links und andere, die Bedeutung in ihnen ist die gleiche, ich werde es nicht wiederholen.
Wenn sie sagen, in CSS (oder Styles) zu suchen, bedeutet das, dass wir in Blogspot zwischen Tags suchen
und normalerweise vor dem Tag
es sei denn, sie sind direkt in html geschrieben (Beispiel oben, Stile in Blöcken). In anderen CMS wird normalerweise alles in einer separaten Datei mit der Erweiterung .css abgelegt

Autor: Iwanowa Natalia

2019-02-15

Dieser neueste Artikel wurde geschrieben, um aktuelle Informationen zum Entfernen redundanter Links aus Blogspot-Vorlagen sowie zu neuen Blogger-Designs bereitzustellen. Wie Sie wissen, gab es 2018 Änderungen an den Blogger-Codes, sodass viele Codeaktionen auf neue Weise durchgeführt werden müssen. Außerdem gibt es neue Themen, die anders geformt sind. Im Zusammenhang mit diesen Änderungen werden wir das Thema Löschen von Links analysieren.
Sie können Ihr Blog auf den Diensten https://pr-cy.ru/link_extractor/ und https://seolik.ru/links auf externe Links überprüfen. Vergessen Sie nicht, dass Sie nicht nur die Hauptseite des Blogs, sondern auch die Seite der Aufzeichnungen (Posts) und Seiten (Page) überprüfen müssen. Eine große Anzahl externer Links, die zur Indizierung geöffnet werden, behindern .

So entfernen Sie Links aus der alten Standard-Blogger-Vorlage

Am Beispiel der einfachen Vorlage.
Solche Vorlagen geben die meisten eingehenden Links. In meinem Testblog wurden bei der Installation eines einfachen Themes bei der Überprüfung 25 externe Links auf der Hauptseite gefunden, von denen 14 indexiert wurden.
Ich erinnere Sie daran, dass Sie eine Sicherungskopie erstellen, bevor Sie Änderungen am Vorlagencode vornehmen!

Blogger-Link entfernen - https://www.blogger.com/. Dieser Link ist in ein Attribution-Widget eingebettet. Auf der Registerkarte "Blog-Design" wird es als Attributions-Gadget und als . Um es zu entfernen, gehen Sie zur Registerkarte "Design" -> HTML bearbeiten. Durch die Suche nach Widgets (Liste der Widgets) finden wir Attribution1 und löschen den gesamten Code zusammen mit dem Fußzeilenabschnitt, in dem er enthalten ist. So sieht der entfernte Code in reduzierter Form aus:

Und so der vollständige Code:

Wir speichern die Änderungen und überprüfen den Blog auf Namensnennung.
Sie haben sicher schon die „Wrench and Screwdriver“-Icons in Ihrem Blog zum schnellen Bearbeiten von Widgets gesehen. Jedes dieser Symbole enthält einen externen Link zu Blogger. Jetzt sind sie durch das Nofollow-Tag geschlossen, aber Sie müssen sie noch loswerden. Sie bearbeiten Widgets auf der Registerkarte Design.
Hier ist eine unvollständige Liste von Links, die in Schraubenschlüssel-Symbolen verschlüsselt sind (die Blog-ID gehört Ihnen)
- HTML1-Widget: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- HTML2-Widget http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- Blog-Archiv: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- Blog-Labels: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- Beliebte Beiträge: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
All diese Links sind leicht zu entfernen. Suchen Sie das Tag in Ihrer Blog-Vorlage . Es tritt so oft auf, wie es Widgets in Ihrem Blog gibt. Alle Vorkommen eines Tags entfernen .
Wir entfernen Links zur schnellen Bearbeitung eines Blogeintrags (das „Stift“-Symbol). Erleichtert das Bearbeiten von Beiträgen, trägt aber die Bedrohung als externer Link des Formulars: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
So löschen Sie:
Methode 1. Bearbeiten Sie auf der Registerkarte „Design“ das Element „Blog Posts“ und deaktivieren Sie das Kontrollkästchen „Show „Quick Edit““.
Methode 2. Suchen Sie das Tag in der Blog-Vorlage und lösche es. Speichern Sie Ihre Änderungen und suchen Sie in Ihrem Blog nach Symbol und Link.
Navigationsleiste löschen. Suchen Sie nach Widgets in der HTML-Vorlage des Navbar1-Blogs und löschen Sie den gesamten Code zusammen mit dem Abschnitt.
Nämlich:

Nun bietet die Navbar im Blog keine indexierbaren externen Links, aber ich glaube, dass dies ein zusätzliches Element ist, das keine funktionale Last trägt, und es ist besser, es zu entfernen.
Entfernen Sie externe Links zu Bildern. Wenn Bilder in einen Blogbeitrag hochgeladen werden, wird automatisch ein Link darin eingebettet. Um solche Links zu entfernen, müssen Sie alle Blogbeiträge bearbeiten. Im „View“-Modus und dann auf das „Link“-Icon. Wenn das Bild keinen externen Link enthält, ist das „Link“-Symbol nicht aktiv (das Symbol ist nicht hervorgehoben), wenn Sie im Post-Editor auf das Foto klicken.
Entfernen Sie den Link zum Profil des Blogautors. Löschen Sie den Autor des Blogs unter dem Eintrag. Suchen Sie dazu den Code Stimmtund schreibe falsch statt wahr. Es stellt sich heraus FALSCH
Schließen Sie den Link aus dem „ “-Widget von der Indexierung mit dem nofollow-Tag. Wenn Sie das „Profil“-Widget in Ihrem Blog verwenden, verwenden Sie eine schnelle Widget-Suche in der Blog-Vorlage, um den Profile1-Gadget-Code zu finden. Sie müssen den Widget-Code bearbeiten, indem Sie an zwei Stellen rel='author' durch ersetzen und den beiden Links hinzufügen. Sie sollten so etwas wie im Screenshot erhalten:

Am Beispiel der Bearbeitung eines Google Plus-Profils erstellt. Zur Erinnerung: Google Plus wird am 2. April 2019 eingestellt. Dementsprechend müssen nach diesem Datum weitere Änderungen im Code des „Über mich“-Widgets vorgenommen werden.
Suchen Sie auf jeder Blogspot-Beitragsseite mit Kommentaren nach externen Links. Suchen und löschen Sie den Code in der Blog-Vorlage:

Wenden Sie in den Blog-Einstellungen unter dem Pfad Blog-Einstellungen -> Andere -> Website-Feed -> Blog-Feed zulassen die folgenden Einstellungen an:

Entfernen Sie externe Links aus der neuen Blogger-Standardvorlage

Am Beispiel des bemerkenswerten Themas

Zuordnung entfernen (Link unten – Blogger Technologies)
Wir finden Attribution1 im Widget Search Blog Template (List of Widgets) und löschen den Code samt Abschnitt analog zum alten Blogger Template (siehe oben 1).
Entfernen Sie den Link aus dem Widget „Missbrauch melden“. Dies ist das ReportAbuse1-Widget. Wir finden bei der Suche nach Widgets:
Der ganze Code sieht so aus:
Wir prüfen die Blogbeitragsseite mit Kommentaren und entfernen Links analog zu den alten Blogvorlagen (siehe oben - Punkt 8).
Entfernen Sie Links aus Blogbeiträgen, die in Beitragsbilder eingebettet sind (siehe Punkt 5).

So erstellen Sie eine Bildergalerie Sie können auch meine Galerie am Ende dieses Artikels testen und eigene Links hinzufügen. Das ist willkommen 😉 Ivanova Natalia