Bloggerschnack Linkseite

So, dass muss ich nun aufgreifen, aber da der Beitrag für September schon zu ist, eben einen eigenen.
tati schrieb, dass meine Linkliste nicht zum Design passen würde.

Dies ist falsch, es sind keinerlei CSS angaben, sprich, die sind immer von Blog wo es eingefügt wurde. Das habe ich Extra so gemacht, dass es sich an das Layout-Design vom Blog anpasst, wo es eingefügt wird.

Ebenso kann man zb die Bilder auch Weg lassen.

Beispiel September:

<?php
// Bloggerschnack – Bloggerschnack im September 2026: Was ist mir an meinem Blogdesign wichtig?
$json = @file_get_contents('https://bloggerschnack.lilienmeer.de/api.php/september-2026/links');
if ($json) {
    $links = json_decode($json, true);
    echo '<ul class="bloggerschnack-list">';
    foreach ($links as $l) {
        echo '<li>';
        echo '<a href="' . htmlspecialchars($l['blog_url']) . '" target="_blank">' . htmlspecialchars($l['blog_name']) . '</a>';
        if (!empty($l['preview_image'])) {
            echo '<br><img src="' . htmlspecialchars($l['preview_image']) . '" style="width:150px;height:100px;object-fit:cover;margin-top:6px">';
        }
        echo '</li>';
    }
    echo '</ul>';
}
?>

Es gibt die Klasse: class="bloggerschnack-list" die kann man selbst im CSS "stylen"
Bei den Bildern ebenso : <img src="' . htmlspecialchars($l['preview_image']) . '" style="width:150px;height:100px;object-fit:cover;margin-top:6px">

Hier haben wir folgende Möglichkeiten:
width:150px

height:100px

object-fit:cover;

margin-top:6px

Mehr ist nicht fest. Der Style für die Liste <li> holt er sich aus der css-Datei vom Blog-Design wo es eingefügt wurde. Ebenso <ul> aber da nur wenn man die Classe nicht selbst drin hat.

Ich habe zb in meiner CSS Datei folgende sachen drin:

.bloggerschnack-list li:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.bloggerschnack-list li a {
display: block;
text-decoration: none;
color: #333;
font-weight: 600;
padding: 15px;
font-size: 1.05em;
}
.bloggerschnack-list li a:hover {
color: #667eea;
}
.bloggerschnack-list li img {
width: 150px; /* Feste Breite */
height: 100px; /* Feste Höhe */
object-fit: cover;
display: block;
margin: 10px auto; /* Zentriert + Abstand oben/unten */
border-radius: 8px;
}

Damit es sich an meinen Design anpasst.

Hinzu kommt dass es auch ne einfache Linkliste gibt.

Einfach auf den Reiter mit RSS-Feed. Den Kann man dann als linkliste einfügen (Bei Wordpress geht das einfach mit einer Box)

wenn jemand noch eine andere Version brauch, einfach sagen. Aber ich wollte nochmal kar stellen, dass das Design nicht FIX ist und vom Blog abhängt, in den es benutzt wird, also Tati, würdest du das bei dir eingeben, zieht es alle Daten aus deinem Blog-Style.

bei Fragen einfach melden

Zitat von tati

Hii! Das ist ja super lieb, dass du den CSS-Code dafür geteilt hast! Danke! Aber es ging mir gar nicht so sehr um das Gestalterische. Ich meinte eher die Art der Verlinkung bzw. Darstellung. Bei der Liste wird, soweit ich gesehen habe, ja hauptsächlich der jeweilige Seitentitel und eventuell ein Bild angezeigt. Ich persönlich fand es einfach etwas persönlicher und für meinen Blog passender, die einzelnen Teilnehmer mit ihren Blognamen selbst aufzulisten und zu verlinken.

Dazu kommt noch, dass RSS-Ausgaben je nach Caching nicht immer sofort aktuell sind. Mir ging es also insgesamt weniger ums Design, sondern eher um die Art, wie die Teilnehmer eingebunden und dargestellt werden. Sorry, falls ich da mich falsch ausgedrückt habe... 😄 (und auch im September ist mein Name falsch, ist mir gerade aufgefallen, sorrii)

Den Namen geben die, die sich eintragen ja selbst Das hatte ich extra so drin. die RSS Datei wird im Scrippt sofort aktuallisiert, so dass sobald ich den link freigebe das auch überall erscheint beim nächsten aufrufen.

bei mir sieht es zb so im Blog aus: https://lilienmeer.de/blogcommunity/…software-tools/
Da ist oben drüber der Name den sich der Blogger selbst einträgt und darunter das beitragsbild.

Man selbst könnte zb bei "Blog Name" eintragen: Sayuchan von Lilienmeer.de oder Sabrina von Lilienmeer

Als Beispeil. dann würde das so angezeigt. Kann das gerne als Beispiel eintragen, so dass jeder das übernehmen könnte. Wenn sie es wollen.

Dein Name ist falsch? Ich hatte den Blogname TatjLiebt. übernommen ist das falsch?

Zitat von tati

Das stimmt natürlich. Kann jeder ja zum Glück eintragen, wie er möchte, das ist gut! Noch steht da "Tatj liebt." und daher falsch. Merkwürdig. Oder "Mauseloch", obwohl bei ihr ja Mausloch ist. Dann ist es eventuell nur ein Caching Problem bei mir auf der Seite, dass das nicht sofort akualisiert wird. Bei der Blogroll dauert das ja auch eine Weile, bis sich etwas tut. Aber danke dir!

ne das war tatsächlich mein fehler. ist beides korrigiert

Zitat von Lorenzo

Ich habe den Thread mal angepinnt.

danke. Hier kann dann jeder gerne Fragen dazu stellen. hilfe oder anregungen Ideen oder verbesserungen.