Menü gestalten #1 ~ schlichtes Menü

Hallo ihr Lieben,

lange habt ihr auf diesem Blog nichts mehr von mir gehört. Es tut mir wirklich Leid. Als kleine Wiedergutmachung habe ich heute und morgen ein kurzes Tutorial für euch, die Gestaltung des Menüs betreffend.

Ihr kennt unter Garantie die "Standart-Menü-Einstellung" von Blogger und hier kommt eine Möglichkeit dies zu umgehen.

Am Ende wird das Ergebnis so aussehen:

Geht auf eurem Blog unter Layout -> Gadget hinzufügen -> HTML/JavaScipt.  Und dort fügt ihr diesen HTML-Code ein:

<center> 

<div style="font-family: 'Calibri', cursive;  font-size:200%; margin-top:10px;"> 

<a href="http://mariesweltkugel.blogspot.de/">Startseite</a> ~
<a href="http://mariesweltkugel.blogspot.de/p/rezensionen.html">Rezensionen</a> ~

<a href="http://mariesweltkugel.blogspot.de/p/hey-d.html">Hinter dem Blog</a>  

</div> 

</center> 

...

<center>: Es steht dafür, dass das Menü sich in der Mitte des Blogs befindet. Ihr könnt es auch mit "left" oder "right" eintauschen, dann befindet sich das Menü auf der jeweiligen Seite.

front family: steht für die jeweilige Schriftart in dem das Menü geschrieben wurde. Sucht euch einfach eine aus, die von Blogger vorgegeben wird. (Arial, Times New Roman,...)

front-size: Dies bestimmt die jeweilige Schriftgröße.

margin-top: Der Teil ist dafür zuständig, dass das Menü nicht zu nah am Header anliegt. Das heißt, je kleiner die Zahl, desto näher am Header.

Link: Diese Links führen zu der jeweiligen Seite.

Dieser Teil: Hier fügt ihr die jeweilige Bezeichnung/ den Namen der Seite ein.

Dieser Bereich: Betrifft das Zeichen zwischen den Worten. Ihr könnt auch andere Zeichen eingeben. Wie es euch gefällt.

~~> Das wäre es dann auch. Passt den Code einfach auf euren Blog an, fügt das Gadget genau an die ehemalige Stelle des alten Menüs ein und schon habt ihr das "schlichte Menü"

...

kleiner Tipp am Ende: Falls für euch das Menü zu nah am Postbeginn anliegt, fügt einfach unter Layout -> Gadget hinzufügen -> HTML/JavaScipt, genau unter dem Gadget des "schlichten Menüs ein. Ohne jegliche Schrift darin. Wenn dieses Gadget eine Überschrift fordert, dann findet ihr *Hier* die Lösung.

...

Das war es nun von mir. Ich hoffe, dass ich euch hiermit ein bisschen helfen konnte. Morgen kommt ein weiteres Menübeispiel.

[Tutorial]: Unterstrichenes Datum und Sidebar

Hallo an alle da draußen. :)

In dem heutigen Post möchte ich euch erklären, wie ihr das Datum und die Titel eurer Sidebar unterstreichen könnt.

Fertig sieht es dann so aus:

Diese Schritte sind dafür notwendig:

1. Geht auf euren Blog, Layout, HTML bearbeiten

2. Sucht h2 (Suchen: Strg, F drücken) und fügt direkt darunter diesen Code ein:

border-bottom: 1px solid #CCD4FC;

border-bottom: bestimmt die Lage des Linie

1 px: bestimmt die Dicke der Linie

solid: steht für eine durchgehende Linie

#CCD4FC: die Farbe der Linie

dotted = gepunktet

dashed = gestrichelt

solid = durchgezogen

Hier könnt ihr andere Farbe-Codes für die Linie auswählen: http://www.colorpicker.com

3. Abspeichern und fertig.

So, das war es dann auch von mir für heute. Anregungen habe ich mir für diesen Tag von DIESER Seite geholt, allerdings den Code von meinem eigenen Blog genommen und versucht es ein wenig übersichtlicher zu gestalten.

Schönes Kommentar Gadget

Hallo :)

Heute möchte ich euch zeigen, wie ihr dieses Kommentargadget in euren Blog einbauen könnt:

Zur Info: Es zeigt den Namen der Kommentatoren an, die am meisten, zweit-meisten... kommentieren, usw...

1. Klickt auf euren Blog, Layout, Gadget hinzufügen und zum Schluss HTML/Java Script öffnen.

2. Fügt in das neu geöffnete Fenster diesen Code ein:

<!-- Top commentators widget v1 Start -->

<script type="text/javascript">

function getYpipe(feed) {

document.write('<ol>');

var i;

for (i = 0; i < feed.count ; i++)

{

var href = "'" + feed.value.items[i].link + "'";

if(feed.value.items[i].link == "")

var item ="<li>" + feed.value.items[i].title + "</li>";

else

var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?

YourBlogUrl=http://einbisschenklein.blogspot.de/

&ExcludedNick1=Marie

&ExcludedNick2=Isiii

&ShowHowMany=4

&_callback=getYpipe

&_id=23022d7836bf2dd3c10a329feb9be26a

&_render=json"

type="text/javascript"></script>

Bei DEM gebt ihr die URL eures Blogs ein.
Mit dem grün gefärbten gebt ihr am besten euren Namen ein. Diese Namen ignoriert das Gadget dann.
Ihr könnte natürlich &ExcludeNick2 löschen, wenn kein weiterer Name ignoriert werden soll.
Zum Schluss gebt ihr HIER ein wie viele Kommentatoren angezeigt werden sollen. Bei mir steht 4, ihr könnt aber auch 5, 10 oder 123.723 eingeben. :)

3. Abspeichern und richtig einsortieren!

Das war es dann auch. Nicht zu schwer und mit wenigen Handgriffen erledigt.

Wünsche euch noch einen wunderschönen Tag.