Musikplayer in den Blog einfügen

Schon lange steht der Post hier auf meiner To-Do Liste.
Jetzt kommt er endlich :)
Wenn du also wissen möchtest, wie du einen Musikplayer in deinen Blog bekommst, les weiter!

Fehlerbehebung - Social Media Buttons Hover

Hallihallo!
Vielleicht ist es euch schon aufgefallen, dass manche Social Media Buttons die Martha und Theresa für euch gemacht haben (wenn du interessiert bist, klick hier.) beim hovern, sie verschwinden und dann wieder da sind. Falls ihr nicht wisst was ich meine, schaut es euch doch HIER an. Nun habe ich eine Lösung gefunden - und zwar ist es so, das die Hover Bildchen nicht geladen werden, wenn ihr auf die Website geht, sondern erst wenn ihr über die Buttons fahrt. Ist es bei euch auch so?
Weiterlesen!

Einfache Social Media Buttons

Hallo ihr Lieben. Als erstes habe ich eine minikleine Bitte an euch. Und zwar, würdet ihr bitte hier bei Lichtmalerin mich zum Blog of the Month machen? Ich nehme dort mit meinem eigenen Blog teil. aww, es wäre so cool, da zu gewinnen :o Hier seht ihr erstmal meinen Blog, und hier geht's direkt zur Abstimmung! Mein Blog ist der 4. (Photography is a way to live)
Ich liebe euch <3

So, dann lasst uns mal anfangen. Viele von euch haben sich gewünscht, dass ich mal erkläre, wie man sich eigene Social Media Buttons erstellt.

Dein Bloggerlayout - Part 1: Die Grundlagen

Heute möchte ich euch zeigen, wie ihr euer eigenes Layout erstellt. Ich weiß, das es schon Tutorials dazu auf time to steal ideas und Copy Paste Love gibt, aber hier zeige ich euch 'meine Weise'.
Im Vorhinein möchte ich euch sagen, dass ich mir sehr Mühe gegebn hab, und wenn ihr eine Frage habt, sofort stellen, falls etwas ungenau formuliert ist gerne auch :) Nur Rechtschreibfehler dürft ihr behalten ♥

So let's go!

Über Header I - Die Grundlagen

Auf Wunsch zeige ich euch heute mal, wie so ein Header, den ich designe, aufgebaut ist. Eigentlich wollte ich das Tutorial nicht machen, weil es sehr schwierig - um nicht zu sagen unmöglich - das in einem Tutorial zu erklären, aber gut, ich versuche es trotzdem. Zuallererst: Es gibt nicht DAS Rezept für einen Header. Außerdem sollte euer Header etwas besonderes sein, was man nicht auf jedem zweiten Blog findet.

Google Webfonts einbinden

Hallöchen! Ich melde mich auch wieder mit einem Tutorial. Heute geht's darum, sich die GOOGLE WEBFONTS (klick) einzubinden.

Na dann, geht auf die Website, sucht euch eine aus und lest weiter!

Türchen 3: Schwebende Social Media Buttons

Ihr lieben Leserchen, als wir (das Care about what-Team) uns die Adventsaktion überlegt haben, habe ich mir gedacht (weil ich ja sonst nichts kann :D) dass ich euch ein paar Social Media Buttons mache, aber nicht so langweilig wie hier. NEIN! Diesmal mit ganz vielen Extras.
Erstens: Sie schweben am Rand eures Blogs.
Zweitens: Sie haben ein Mouseover (heißt sie verändern sich wenn man mit der Maus drüber fährt)
Drittens: Es ist für jeden was dabei, 10 Buttons zum aussuchen!
Da es schwer ist, sie hier in den Post einzubinden, schaut sie euch HIER LIVE AN! oder auch hier auf meinem blog mit wenigeren. Wollt ihr diese Buttons? Weiterlesen!

Türchen 2: star-divider + fb-seite

Halli hallo, meine Lieben, ich freue mich ganz besonders, euch heute, an meinem Geburtstag,  schreiben zu dürfen. Als erstes möchte ich euch noch mal von Herzen danken, für schon 125 130 Leser in dieser Zeit. Ehrlich, das kann man nicht in Worte fassen. Es ist so ein unbeschreiblich schönes  Gefühl, von so vielen Leuten quer durch Deutschland (und die USA :P) gestreut.
So, genug Rede gehalten. Ich hab noch was wichtigeres zu sagen! Wir haben eine facebookseite gegründet. Es wäre super toll, wenn ihr uns liken würdet. Wir bemühen uns auch, euch über fb auf dem Laufenden zu halten und mal sehen, wie sich das ganze so entwickelt. ein paar inside-news könnte man auch bekommen! :-)

also, kommen wir jetzt mal zum eigentlichen Post. Diesmal habe ich für euch einen Sternchen-Post-

Captcha ausschalten

Theresa hatte vor einigen Tagen ein 'Let's talk about: Captcha' gemacht.
Jetzt erkläre ich euch wie ihr es ausschaltet. Eigentlich erklärt das Bild alles :)

gefärbte Youtube Leiste

Ich möchte euch heute erklären, wie ihr die Youtubeleiste gefärbt bekommt. 'It's time to steal ideas' hat bereits eine Fehlerbehebung dazu gemacht, die ihr hier sehen könnt. Ich erkläre nurnoch, wie ihr sie weiß bekommt :)

Cursor einbinden (Normal + Hover)

Ich möchte euch heute erklären, wie ihr euren Cursor (Anzeigepfeil) ändert. Und auch den, wenn ihr über Links fahrt. Live seht ihr das auf meinem Blog. Wenn ihr da über einen Link, ein Bild mit der Maus fahrt, ändert sich der Cursor. Das ist ganz einfach!

Text bei Bildhover, Bilder einbinden mit HTML

Ich möchte euch heute erklären, wie man es macht, wenn man über ein Bild mit der Maus fährt, dass ein Text erscheint. Aber weil ihr ja wissen müsst, wie man die Bilder überhaupt mit HTML einbindet, ist das eben auch noch dabei :)
Damit ihr wisst, was ich meine, hier ein Bild:

"Back to top"-Pfeil

Auf Wunsch zeige ich euch, wie man einen "Back-to-top"-Pfeil macht.

Ihr findet ihn unten rechts. Wenn ihr draufklickt, kommt ihr wieder nach oben. :-)
Zuerst müsst ihr euch irgendwie einen Pfeil erstellen. Der zum Beispiel so aussehen könnte. (Dürft ihr verwenden)

Dann ladet ihr ihn irgendwo hoch und speichert den Link in eurer Zwischenablage (Strg + C /Command + C)
Diesen Link müsst ihr später unten einfügen.

Bild/Pattern hinter dem Posttitel

Hi! Heute möchte ich euch zeigen, wie man hinter dem Posttitel ein Bild macht, oder ein Pattern :)

Oben seht ihr je zwei Beispiele, einmal von meinem blog (ansicht), und von meinem Testblog.

Los geht's!

Kommentar-Link unter den Post-Titel

Hallo ich bin Ida aus Just Perfect und heute darf ich euch erklären wie man den Kommentar-Link unter den Post-Titel setzt.Live ansehen könnt ihr es bei Patrizia.

Schritt 1.

Als erstes geht ihr von eurem Blogger Dashboard zuerst auf Design dann auf "HTML bearbeiten" und dann auf "Widget-Vorlagen komplett anzeigen". Dann sucht ihr die richtige Stelle, in dem ihr [STRG+F] drückt und folgenden Text eingebt

Fadehover

Ich möchte euch erklären, wie man den 'Fadehover' macht. Damit ihr wisst was ich meine, hab ich hier ein filmchen :D, weil ich das mit Worten nicht einfach zu erklären finde. Ich versuche es trotzdem. Wenn ihr mit der Maus auf den Link kommt, dass es dann langsam dahin 'fadet' und auch wieder zurück. Live seht ihr das auf meinem Blog, klick.

Link us: Die Textbox

Hallo! Heute gibt es mal wieder ein Tutorial von mir. Vorher möchten wir uns bei euch entschuldigen, dass auf diesem Blog eine Spam-Meldung war. Das ist anscheinend eine Sicherheitsmaßnahme von Blogger, weil anscheinend irgendein... (Nicht beleidigend werden. :D) unseren Blog gemeldet hat..
Naja, fangen wir mal an :-) Ich möchte euch zeigen, wie ihr die Text- oder Linkbox für z.B. euern Blogging-Friends Banner erstellt. Das ganze ist sehr einfach.

rechts seht ihr ein Bild unseres Banners! Verlinken erlaubt. :D Dies ist eine einfache Textbox und ganz leicht zu erstellen.

Gadgets über Header

Hallo ihr! Wir haben einen Tutorialwunsch bekommen :-) Juhuu. Da die liebe Jenny mit dem Tutorial nicht klar gekommen ist hab ich mir was anderes überlegt. (das kleine, kursive ist von patrizia :-) ) Zuerst solltet ihr ein Bild erstellen, so klein wie möglich und am besten transparent. Wenn ihr kein Bock darauf habt, ladet euch das runter, was ich euch erstellt habe. Hier oder hier und dann auf Download klicken. Link 1 funktioniert nicht immer.

Navbar entfernen ohne HTML

Ich zeig euch heute, wie ihr eure Navbar entfernen könnt, ohne jegliches HTML-Wissen zu benötigen. :) Es ist ganz easy-peasy und ihr könnt sie jederzeit wieder einstellen. Denn die Navbar ist schon ne gute Sache, nur ist sie nicht besonders hübsch, wie ich finde.
Lasst uns anfangen :)
Ich markier immer alles in lila. rot ist mir zu mainstream. :)

Den ersten Buchstaben des Posttitels verändern

Ich hab gesucht, gesucht, und kein Tutorial gefunden.

So guys, here you are!

Damit ihr wisst was ich mein, hier ein Bild:

via do it ourself