Posts mit dem Label HTML werden angezeigt. Alle Posts anzeigen
Posts mit dem Label HTML werden angezeigt. Alle Posts anzeigen

Donnerstag, 15. September 2016

Das Google Album-Archiv - Picasa und Google Photos ...

ACHTUNG, das GOOGLE-Album-Archiv existiert in der Form nicht mehr, die im Blog integrierten Bilder können jedoch nun im Mediamanager, wie  👉 hier 👈 beschrieben, noch aufgerufen werden!
 ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤



Christa stellte im Blogger-Hilfeforum eine Frage zu ihren hochgeladenen Fotos ins Google Album-Archiv und schrieb synchron dazu diesen Post.

Ich kann an dieser Stelle nicht im Detail darauf eingehen, möchte jedoch auf meine Kommentar-Antwort Bezug nehmen.

Wer auch das Problem mit dem Anlegen von Alben, wie das in Picasa noch möglich war, hat, dem kann mit diesem Post vielleicht weitergeholfen werden.


Derzeit können im Album-Archiv keine Alben angelegt werden.

Dies wird vermutlich erst dann wieder möglich sein, wenn sämtliche Bilder aus den Blogs zu Google Photos umgezogen sein werden. Augenblicklich werden sie also zwischengelagert im Google Album-Archiv!

Im Offiziellen Google Picasa Blog können die Ausführungen, was die Zukunft von Picasa betrifft, auf Englisch gelesen werden - die Änderungen begannen ab dem 1. Mai d.J.

Wer der englischen Sprache nicht mächtig ist, benutzt einfach Google Translate. Das Wesentliche versteht man dann schon! ;-)

So ganz habe auch ich diesen Part dennoch nicht verstanden, was aber nicht an der Sprache liegt:

However, for those of you who don’t want to use Google Photos or who still want to be able to view specific content, such as tags, captions or comments, we will be creating a new place for you to access your Picasa Web Albums data. That way, you will still be able to view, download, or delete your Picasa Web Albums, you just won’t be able to create, organize or edit albums (you would now do this in Google Photos)

Für diejenigen von Ihnen jedoch, die nicht wollen Google Fotos oder Wer will noch in der Lage sein zu sehen bestimmte Inhalte, wie Tags, Beschriftungen oder Anmerkungen zu verwenden, werden wir einen neuen Ort werden Erstellen Sie Ihre Picasa-Webalben zugreifen Daten. Auf diese Weise werden Sie noch in der Lage sein zu sehen, herunterladen oder löschen Sie Ihren Picasa-Webalben, die Sie gerade nicht in der Lage sein, zu erstellen, zu organisieren oder Alben bearbeiten (Sie würden jetzt dann das es Google Fotos). (Übersetzung mit Google Translate)

Das liest sich so, als wenn die Picasa-Webalben von uns Bloggern heruntergeladen werden müssen und dann neu zu Google Photos hochgeladen. Doch dann stimmen aus meiner Sicht die urls nicht mehr ... ich hoffe, diese Angelegenheit klärt sich noch auf! Es wäre schade, wenn langjährige Blogs durch kompletten Bildverlust plötzlich unbrauchbar würden! Wenn ich den Link von Picasaweb aufrufe, gelange ich gleich ins Google Album-Archiv. Mit Löschen von Alben ist da also nichts mehr!


Hier läßt sich der Desktop-Uploader herunterladen, mit dem es möglich ist, Fotos vom Rechner oder anderen Geräten automatisch hochzuladen.

Im Album-Archiv sind die Bilder nun nach Blogs abgelegt. So findet man die Bilder, die zu einem Blog gehören, leicht wieder. Ob vom Post-Editor aus oder auch direkt im Album-Archiv. Das können natürlich - wie für meinen Gartenblog, sehr viele Bilder sein. Doch wenn man an diese alten Bilder nicht mehr heran muß, ist das, finde ich, kein so großes Problem. Durch ein Album hat man sich relativ schnell durchgescrollt, je nach Geschwindigkeit der Internetverbindung ...

So gelange ich in mein Album-Archiv - von dort aus klicke ich auf "Fotos aus Blogger" . . .






Danach öffnet sich eine neue Seite, auf der ich meine sämtlichen Alben sehen kann, die zu einem Profil gehören (denn ich arbeite ja mit 2 Profilen!)






Bilder im Album-Archiv wiederzufinden, halte ich nicht für schwer. Wenn ich Bilder aus jüngerer Zeit suche, klicke ich für meinen Waldgarten-Blog auf das oberste Album [mit dem Fuß ;-)] Darin sind die Fotos der letzten Wochen und Monate abgelegt. In etwa hat man ja im Kopf, wann man was gepostet hat und würde dementsprechend in die anderen Alben schauen.

Nun habe ich also mal auf meinen Fuß geklickt und schon bin ich im Album ... die aktuellsten Fotos sind in diesem Album ganz unten.




Jetzt bin ich also unten am Ende des Albums mit den aktuellsten Uploads angelangt.




Das Gleiche ist auch über den Post-Editor möglich. . .

Bild einfügen . . .





Aus dem Google Albumarchiv und das betreffende Bild auswählen

 



 

Fertig!





Wenn ich - wie Christa - Bilder aus anderen Blogs in meinem Blog verlinken will, nach Art der Linky-Tools, gehe ich folgendermaßen vor (und ich wähle jetzt mal ein eigenes Bild, da man ungefragt ja keine fremden Bilder einfach bei sich verlinken sollte!)

Ich will jetzt hier in den Post also ein Bild meines Gartenblogs einfügen. Dazu muß ich zunächst mit der rechten Maustaste auf das Bild gehen, es öffnet sich ein Kontextmenü, und je nach Browser gehe ich z.B. wie hier in Chrome auf "Bildadresse kopieren" ...






Im Internet-Explorer funktioniert das ähnlich - da heißt es (Bild)Eigenschaften ...







Es öffnet sich ein Kontextmenü, aus dem ich mir den Bild-Link (blau unterlegt) herauskopieren kann - alles ganz fix und einfach! -








Danach gehe ich im Post-Editor auf "Bild einfügen" und setze die Bild-url in das noch leere Feld.






Das sieht dann so aus




Sogleich erscheint das Bild im Blog und man kann es mit der Blog-url, dem sog. Hyperlink, verlinken, wie ich das mit meinem Bild gerade getan habe.







Wer also jetzt auf mein Bild klickt, gelangt zu meinem Waldgarten-Blog!





Und hier noch einige Infos zum Google Albumarchiv und auch, wie es mit Picasa und Picasa-Webalben weitergeht
https://support.google.com/picasa/answer/7008270?p=aarc&rd=1

https://support.google.com/picasa/answer/6383491?hl=de&ref_topic=6247476


Zu Google Photos geht es hier

https://www.google.com/photos/about/

https://photos.google.com/

Bei mir sind unter Google Photos lediglich 3 Fotos und zwei Animationen abgelegt. ;-)

Leider weiß ich auch nicht, ob die Bilder aus dem Album Archiv automatisch von Google umgezogen werden oder ob wir selbst das tun müssen! Bisher konnte noch niemand diese Frage eindeutig beantworten!




Hier noch der versprochene Code für den Bild-Link mit url-Verlinkung. Ich verwende gern den sog. WeBlog-Client Blog Desk, ein Tool, mit dem man in Blogs auch publizieren kann und in dem man prima unendlich viele Posts vorgeschrieben bevorraten und jederzeit abändern kann. So geht kein Text, keine schnelle Idee, verloren. Auch Kommentare schreibe ich i.d.R. in BlogDesk vor, denn Blogs haben manchmal die Eigenschaft, Kommentare zu "schlucken" oder abzustürzen! Mit BlogDesk passiert das nicht mehr. Dieses kleine Programm habe ich stets gestartet.





Zum Schluß noch zur Verkleinerung eines Bildes.

Ich habe das Bild jetzt per Post-Editor verkleinert, indem ich auf "klein" klickte




Wenn man jedoch viel größere Bilder so klein haben möchte, muß man das im Code ändern. Den Code für das Bild habe ich einmal aus dem HTML dieses Posts extrahiert





und die entsprechenden Stellen, die für die Größe des Bildes zuständig sind, gelb markiert.




Auf der Seite Anwendungsgrundlagen Internet & HTML wird erklärt, wie man Bilder verkleinert. Ich benutze dafür immer noch das alte Microsoft Frontpage, da ich mich nicht lange mit Höhen und Breiten aufhalten will. ;-)

Wer sich näher mit HTML beschäftigen möchte (was durchaus sinnvoll ist, wenn man langfristig einen Blog betreiben will!), sollte sich einmal bei SELF HTML umsehen, z.B. wie in diesem Falle unter HTML/Multimedia und Grafiken.


Außerdem gibt es zahlreiche kostenlose Seiten, wie das HTML-Seminar (Hier bspw. zur Frage, wie man ein Bild mit einem Link verknüpft).


Oder HTML einfach, PlanetHTML . . .

Und wer es NOCH anschaulicher braucht, guckt sich einfach bei YouTube um, wie man komplette Websites baut oder wie man in Wordpress ein Bild verkleinert. . . . HTML erklärt #4 Bilder einfügen .... HTML erklärt #5 Links erstellen .... HTML-Kurs Verlinkungen .... HTML-Kurs - Grafiken einbinden usw. usf. - klickt Euch einfach durch ...
Nachtrag am 5.10.2023:

Das Album-Archiv existiert nicht mehr!
Google schreibt dazu folgendes:

https://get.google.com/albumarchive/

Das Albumarchiv ist nicht mehr verfügbar

Das Albumarchiv war eine Webgalerie, in denen Nutzer Fotos und Videos aus verschiedenen Google-Produkten und -Diensten ansehen und verwalten können. Seit dem 19. Juli 2023 ist das Albumarchiv nicht mehr verfügbar.

Inhalte von eingestellten Produkten wie Google Hangouts oder Picasa-Webalben, die nur im Albumarchiv sichtbar waren, sind nicht mehr verfügbar.

Auf Fotos und Videos, die im Albumarchiv angezeigt wurden, aber auch in bestehenden Produkten wie Google Fotos, Blogger oder Google Chat verfügbar sind, besteht weiterhin Zugriff.

Sie können Ihre Fotos und Videos aus den folgenden Google-Produkten weiterhin ansehen und verwalten:

Samstag, 7. Februar 2015

Kanonische Url - Canonical Link

Per Zufall habe ich im Quellcode eines Blogs, den ich auf sein Blog-Layout hin analysieren wollte, den Canonical Link entdeckt. Davon wußte selbst ich noch nicht.

Kanonische URLs verwenden ... lest Euch das ruhig einmal durch! Denn so kann man auch vermeiden, daß Blog-Kopien  von Google bzw. Suchmaschinen mit dem eigenen Blogs  "verwechselt" werden, denn so wird der eigene Blog sicher erkannt.

5 häufige Fehler bei der Verwendung von rel=canonical-Tags

Als ich allerdings in den eigenen Quelltext meines Herz-und-Leben-Blogs schaute, sah ich daß die Kanonische URL wohl schon von Blogger aus voreingestellt ist, denn ich habe da nichts gemacht. ;-)

Das Ganze muß ich jedoch auch erst noch vertiefen. 

Zum guten Webdesign gehört viel ... dabei lernt man wohl nie aus, wenn man es als Hobby betreibt.
Versäumen möchte ich auch nicht, an dieser Stelle auf Irmgards/Kreativfreak Post hinzuweisen, sie fand einen Blogger-Kurs für Anfänger.

Donnerstag, 25. September 2014

Mithilfe der Entwickler-Tools das Blog-CSS/HTML bearbeiten!



Wie in meinem Waldgarten-Blog bereits angekündigt, will ich hier nun die Schritt-für-Schritt-Anleitung geben, um Veränderungen am html-Quelltext eines Blogger/Blogspot-Blogs vornehmen zu können, selbst wenn man keine präzisen html/Css-Kenntnisse besitzt.

Mein genialer Sohn machte sich kürzlich die Mühe, mir zu zeigen, wie einfach das geht!
Natürlich mußte ich ganz Ohr sein, denn geniale Kinder verlangen ungeteilte Aufmerksamkeit! Doch die wollte ich ihm gern gewähren, lag es doch vor allem auch in meinem eigenen Interesse, diese Dinge endlich allein bewerkstelligen zu können, ohne jedes Mal lange auf Hilfe warten zu müssen.

Zunächst einmal muß man wissen, daß  mittels der Taste F12 (ganz oben auf der Computer-Tastatur) in JEDEM Browser die sog. Entwickler-Tools aufgerufen werden können.

Im Firefox nennt man das Ganze wohl Inspektor. Wenn ich jetzt etwa Falsches schreibe, mich bitte korrigieren! Ich schreibe das Ganze lt. meinen Aufzeichnungen und aus dem Gedächtnis heraus. Denn mein Sohn ist derzeit nicht greifbar.
In Chrome sind es die sog. DevTools. Bei Opera scheint das Ganze Dragonfly zu heißen.  Ansonsten müßt Ihr für speziell Euren Browser googeln.

Was uns betrifft, arbeiteten wir mit Chrome und auch mit dem Firefox, da ich alle Browser auf meinem Rechner habe.

Nachdem man F12 gedrückt hat, erscheint unten auf der Seite der sog. Dom-Baum.


Zugriff auf Elemente der Webseite
 jQuery + DOM
Debugging-Werkzeuge für alle Browser (HTML, CSS, Javascript)


Im Firefox klickt man  mit der linken Maustaste auf den kleinen Pfeil ganz links oben neben "Inspektor".  Im Kontextmenü, das daraufhin zusehen ist, erscheint "Ein Element der Seite auswählen".
Danach fährt man über den Blog - es verändert sich etwas, wie man am nächsten Screenshot sehen  (unter diesem) sehen kann.

In Chrome klickt man dagegen auf die kleine Lupe ganz links oben, wobei in einem Kontextmenü folgender Satz erscheint: "Select an element in the page to inspect it."



Je nachdem, über welchen Bereich des Blogs man mmit der Mouse fährt, wird dieser markiert und man erkennt unten im Quelltext, wo man diesen Bereich im HTML des Blogs ändern kann! Denn hier - in der nicht-internetten-Ansicht, die zwar den Blog zeigt, jedoch nur auf dem Computer und nicht unmittelbar im Internet, kann man den Blog nicht nachhaltig verändern. Es ist nur ein Werkzeug, das eine identische Ansicht des Blogs vermittelt. Nachhaltige Änderungen können im Entwicklertool jedoch nicht vorgenommen werden! Es ist nur zum Testen und Üben gedacht!

Im nächsten Screenshot eine der Markierungen. - Den markierten Bereich könnte man im weiter unten blau markierten Code verändern! Bzw. endgültig erst im Blog im identischen Bereich!

Denn das Tollste ist - HIER im Browser kann man es gefahrlos ausprobieren, ohne daß sich im Blog selbst etwas ändern würde. Denn die eigentliche Veränderung nimmt man dann später im html-Code des Blogs vor.

Dieses hier ist also erst einmal die "Spielwiese" zum Testen ... einfach genial!


Und einmal in der Chrome-Konsole . . .

Wie zu sehen ist, wurde ganz oben der Seiten-Reiter "Pflanzen-Lexikon" markiert. Diesen konnte ich jetzt beliebig einfärben, die Größe verändern oder auch die Abstände zwischen den Reitern. :-)


Und beim nächsten Screenshot habe ich die Sidebar markiert, die sich ebenso beliebig verändern ließe.



Der Bereich, bei dem es bei mir ankam, ist der, der im Screenshot hier drunter blau markiert ist.
Das erfahre ich, indem ich einfach über den entsprechenden Bereich, den ich ändern will, mit der Mouse fahre.






Entscheidend ist diese Ansicht mit den mit meinen roten Pfeilen nachträglich markierten Stellen! Erst wenn dieser Bereich komplett markiert ist, erscheint der "main-outer".




Und genau diesen Bereich habe ich mir dann zunächst im html des Test-Blogs herausgesucht, was nicht schwer ist, da man ja im Blog-HTML mit der blogeigenen Suchfunktion prima suchen kann nach dem Begriff, der im Entwickler-Tool angezeigt wurde.


Ob man nun den Hex-Wert (#CCFFCC) einträgt oder den Farbnamen ausgeschrieben einfügt, bleibt sich gleich. Hauptsache, die Farbe gefällt.
Seiten mit Farbcodes finden sich zuhauf im Internet. Auch dann noch, wenn man ein wenig unprofessionell sucht, wie ich das jetzt einmal gemacht habe! ;o)



Wichtig ist, daß das Dollarzeichen der Variable wie auch die beiden Begriffe mitsamt der Klammern gelöscht werden. Sie dienen lediglich als Platzhalter. Und stattdessen der Farbwert genau an der Stelle eingetragen wird. Präzises Vorgehen ist hier wichtig, es darf kein Leerzeichen zuviel geschrieben werden! Ob als Farbname oder Hex-Wert, bleibt jedem selbst überlassen. Doch das Semikolon MUSS bleiben!

Daß man immer, wenn man Veränderungen im Blog vornehmen will, vorher das gesamte HTML wie auch die XML-Datei des Blogs sichert, versteht sich von selbst!




Der Testblog zeigt nun anstatt des Grau in der Sidebar und Umrandung (rote Pfeile!) ein Grün - in der Testumgebung hatten wir ein Gelb gewählt (siehe oben) und für meinen Waldgartenblog wird es eine Überraschungsfarbe werden! Doch das demnächst!


Samstag, 20. September 2014

Suche im Blogger-HTML-Editor!

Die Anleitung hierfür habe ich bei Mira/Copy Paste Love gefunden.
Ich konnte auch schon vorher den html-Quelltext des Blogs durchsuchen. Jedoch kopierte ich mir diesen händisch in einen Text-Editor und suchte dann innerhalb dieses Editors nach einem bestimmten Begriff.

Doch innerhalb des Blogger-Editors kann man auch suchen. Lt. Mira sucht er auch in den zugeklappten Bereichen (diese sind durch kleine schwarze Dreiecke am linken Rand markiert). Man müßte diese Dreiecke erst mühsam einzeln aufklappen. Das war vorher meines Erachtens komfortabler gelöst, denn seinerzeit gab es einen Button "alle aufklappen" oder so ähnlich, der ist heute nicht mehr vorhanden. Wirklich schade!

Um also im Blogger-Editor zu suchen, stellt man den Cursor genau an den Anfang des html-Codes und klickt dann auf Strg+F. - Apple-User schauen bitte bei Mira nach, wie es beim Mac gehandhabt wird. Mit "Enter" läßt sich dann der gesamte Quelltext durchsuchen.

Zum Kopieren klickt man in die Mitte des html-Codes und dann auf Strg+A. So läßt sich der Code in einen html-Editor kopieren, wie ich es eingangs erwähnte.
Hier finden sich noch weitere Ausführungen zum inzwischen ja nicht mehr ganz so neuen Blogger-Editor.



Interessant ist aber auch, was ich in diesem Blog dazu noch fand. Denn nach wie vor suche ich nach dem Teil des CSS-Codes, der meinen Hintergrund wunschgemäß verändern kann. Dort lese ich also, daß sich neben der neunten Zeile ein Pfeil befinden soll (das, was ich oben schwarzes Dreieck genannt habe!) Doch neben der 9. Zeile befindet sich in meinem html-Code kein solches!!! Sondern erst ab Zeile 14!



Ausgeklappt schaut das Ganze dann so aus:



Doch auch diesem Blogger war der Unterschied zum vorherigen html-Management aufgefallen -  die Widget-Vorlagen lassen sich leider nicht mehr quasi auf Knopfdruck komplett auf einmal anzeigen. Es macht viel mehr Mühe und kostet wesentlich mehr Zeit, jeden Pfeil (Schwarzes Dreieck) erst einzeln aufzuklappen!

Donnerstag, 18. September 2014

Text in Kommentaren fett hervorheben!


Wer schon immer wissen wollte, wie man Text oder Teile von Text fett formatiert, kann das jetzt ganz einfach auch in den Kommentaren verwirklichen. Es bedarf dazu lediglich unserer 10 Finger, eines funktionierenden Kopfes bzw. Augen, also Lesevermögens, und eines kleinen Befehles, den ich in meinem Testblog dargestellt habe.

Bei dem Befehl handelt es sich um das "b" in spitzen Klammern und beim abschließenden sog TAG dieses Befehles darf der Schrägstrich nicht vergessen werden! Das ist schon alles!

Das Ganze kann auch im html-Seminar nachgelesen werden!

Montag, 7. Mai 2012

Für Silke!


Für diesen Blog wählte ich die Vorlage "Fantastisch => Etheral"
Das Design kann sich hier aber jederzeit ändern. Ich tendiere eigentlich zu den alten Vorlagen (Veröffentlicht 2006), wie ich es in diesem Beitrag bereits beschrieben habe. Das Screenshot dazu hole ich noch einmal in diesen Post. Dann sind diese Vorlagen einfach zu finden.

Allerdings Vorsicht damit! Google will sie in absehbarer Zeit löschen!

Deshalb empfiehlt es sich, sich das html dieser Vorlagen in einen Texteditor auf Festplatte zu speichern, damit nichts verlorengeht, wenn man diese Vorlagen auch später noch verwenden will! Ich verwende für diesen Zweck das einfache und kostenlose BlogDesk, welches eigentlich zum Publizieren gedacht ist, aber auch einen hervorragenden kleinen Text- und html-Editor darstellt! Das Publizieren klappt bei Blogger leider nicht - ist und bleibt halt ein etwas rückständiges Blogsystem im Gegensatz zu Wordpress . . . 

Ich würde immer das gesamte HTML inclusive aller Widgets speichern! 

Widgets sind die Gadgets, die man meist in der Sidebar erscheinen läßt, wie Blog-Suche, Archiv, Kalender, Leser, Counter und noch so manche anderen Spielereien . . .






Und auf dem obigen Screenshot ist auch zu sehen, wie einfach es ist, im neuen Vorlagendesigner unter "Breite anpassen" die Breite des Posts verändern kann.

Dazu noch ein Beispiel: 

Auf dem folgenden Bildschirmfoto ist erkennbar, wie die Post-Breite in die rechte Sidebar hineinragt. Das läßt sich sehr einfach mit dem obigen Schieberegler verändern (sofern man nicht ohnehin html beherrscht und Änderungen einfach im html-Code selbst vornehmen kann!)




Auf dem Bild ganz oben habe ich schon die "richtige" Postbreite eingestellt, so daß genug Platz für die größeren Bilder und in der Sidebar ebenfalls ausreichend Platz für die Gadgets bleibt.