[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.