Mittwoch, 29. Januar 2014

Tipps & Tricks für Blogger! Teil 4


Tipps und Tricks für Blogger Teil 4: HTML, Bloglovin, Shabbyblogs, Mauszeiger...

Hi ihr Lieben <3 Heute wird es nun ein wenig komplizierter und trickreicher, und zwar geht es heute um HTML.

Aber zuerst einmal: Was ist HTML überhaupt? HTML ist ein Code, der aus vielen Zahlen und Buchstaben besteht. Einen solchen Code könnt ihr auch auf eurem Blog einbinden, um ihn ein wenig aufzupeppen :))

Mauszeiger ändern:
Ihr kennt bestimmt viele Blogs, auf denen euer Mauszeiger plötzlich zu einem Herz oder einer Rose wird. Ich hatte früher einen Cupcake, bis ich den Mauszeiger einfach nur noch als störend empfand :D
 So könnt ihr den Mauszeiger auf eurem Blog ändern:
Geht auf diese Website: http://www.cursors-4u.com/cursor/2010/03/12/blogger.html
Sucht euch irgendeinen Mauszeiger aus den ihr mögt.

(Ich habe mich jetzt zum Beispiel für den hier entschieden)





Dann seht ihr unter dem Bild eures Mauszeigers das da:
In dem kleinen blauen Kästchen seht ihr einen Code. Bei mir wäre das jetzt folgender:

downloadOption #1 - Universal CSS/HTML Code

This CSS/HTML Code of Teacup Heart works on almost every website or web page on the internet that allows, CSS and HTML coding. Like forums, normal web page etc.

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-3/foo263.ani), url(http://cur.cursors-4u.net/food/foo-3/foo263.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/15/teacup-heart.html" target="_blank" title="Teacup Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Teacup Heart" style="position:absolute; top: 0px; right: 0px;" /></a>



Diesen müsst ihr kopieren.
Dann macht ihr folgendes: Geht zu Blogger --> Euren Blog --> Layout --> Gadget hinzufügen --> HTML / Javascript-- > Bei "Titel gebt ihr nichts ein. Bei "Inhalt" gebt ihr denn kopierten Code ein. Speichern und Fertig! :) Ich habe den Mauszeiger jetzt auf meinem Blog gewechselt, damit ihr mal sehen könnt, wie es ausschaut!


Leser werden per Bloglovin:
Da Bloglovin eine sehr gute Variante ist, um Leser zu bekommen, werde ich euch ebenfalls noch zeigen wie das funktioniert. Denn auch hier müsst ihr mit HTML umgehen können.

Geht auf Bloglovin --> Meldet euch mit eurem Facebook Account oder eurer Mailadresse an--> Sucht euch ein sogenanntes "Widget" (Bloglovinbild) aus und kopiert dann diesen Code.
Geht auf Blogger --> Euer Blog --> Layout --> Gadget hinzufügen--> HTML / Javascript --> Code eingeben... und schon kann man euch via Bloglovin folgen!

Der Nachteil an Bloglovin ist, dass ihr bevor ihr starten könnt, euch zuerst drei Blogs aussuchen müsst, bei denen ihr Leser werdet.


Shabbyblogs:
Shabbyblogs sind ebenfalls eine tolle Möglichkeit, um euren Blog ein wenig aufzupeppen. Wer will, kann sich da einen Hintergrund downloaden, einen Header, verschiedene Templates... Schaut einfach mal vorbei! Es gibt total nützliche Sachen. Klickt einfach auf den Code, unter jedem Bild, kopiert ihn...
Geht auf Blogger --> Euer Blog--> Layout --> Gadget hinzufügen-->HTML /Javascript --> Code eingeben speicher und fertig! :D

Link Shabbyblogs: http://shabbyblogs.com



Im Prinzip ist es bei jedem HTML Code das Selbe. Ihr kopiert den Code, geht auf euren Blog, fügt das Gadget HTML / Javascript hinzu, fügt euren Code ein und speichert das ganze! Es wird erst dann richtig schwer, wenn ihr Teile des Codes löschen müsst.


Ich hoffe, ich konnte es euch verständlich erklären!
Für den nächsten Post, habe ich noch nicht sehr viel zusammengetragen, also, wenn ihr irgendetwas wissen möchtet, dann fragt mich! Ich werde es dann im nächsten Post erklären.

Vorschau für den letzten Teil:
- Header mittig machen
- Reaktionen
- Kommentar Bezeichnung ändern


MEINE BLOGVORSTELLUNG
Mein Ask
Mein FotografieBlog



11 Comments

  1. musst du nicht zur schule? :O

    AntwortenLöschen
  2. Echt total toll und hilft mir sehr :)
    Liebe Grüße ♥

    AntwortenLöschen
  3. wie kannst du dann um 11 uhr morgens bloggen? :O

    AntwortenLöschen
  4. Hatt betimmt vielen weitergeholfen :)
    Liebe Grüße
    Vivi
    http://lavieestibelle.blogspot.de/

    AntwortenLöschen
  5. sehr schöner Post, auch wenn für mich nichts neues dabei war hilft es bestimmt sehr vielen weiter :)
    xx Alina
    Auf meinem Blog läuft zur Zeit eine Blogvorstellung :)
    www.the-little-diamonds.blogspot.de

    AntwortenLöschen
  6. Danke :*
    anfangs wollte ich den code in die html setzten
    LG Naomi
    ...http://thefashioncream.blogspot.de

    AntwortenLöschen
  7. wie bekommt man denn instagram auf seinen Blog? also das die bilder auch angezeigt werden..

    sehr hilfreiche posts, durch dich sieht mein blog viel besser aus ♥

    danke ♥
    Lg melli

    AntwortenLöschen
  8. Richtig tolle Tipps! gerade Anfänger wie ich können damit viel anfangen, ich kenne mich da noch garnicht so aus :-/
    Danke dafür, das hilft mir echt weiter! <3
    Würde mich freuen wenn du mal meinen letzten Post anschaust und vielleicht auch Fragen stellst :)
    Alles liebe Ellie

    running-in-summerrain.blogspot.com

    AntwortenLöschen
  9. Der Teil ist voll gut,Julie! ♥
    Alles Liebe,
    Annabell ♥
    www.annycalif.blogspot.de

    AntwortenLöschen
  10. Die Tipps haben super geholfen ! Ich wünschte mir du würdest mich mal taggen !♥

    http://missgrazia.blogspot.de/

    AntwortenLöschen

Huhu♡ Über eure Kommentare, Kritik und Postwünsche würde ich mich sehr freuen! Auf gegenseitiges Verfolgen habe ich keine Lust, also fragt bitte nicht :)
Hinterlasst mir einfach euren Bloglink, ich schaue bei jedem vorbei!
Unangebrachtes lösche ich (dazu gehören auch Kommentare, die nur Werbung für deinen Blog sind)!

XoXo
Julie♡

© Copyright · Kommentar-Styling by: HTTP://RAS-PBERRYJAM.BLOGSPOT.COM/