Ratgeberübersicht
Wie wird das markt.de Kleinanzeigen-Widget auf blogspot, Blogs von blogger.com, eingebunden?
Veröffentlichen Sie Ihre Kleinanzeigen auf Ihrem blogspot Blog bei blogger.com. In nur 3 Schritten ist das markt.de Kleinanzeigen Widget auf Ihrem blogspot-Blog. Sie können dabei Region & Kategorie der Anzeigen sowie das Format frei bestimmen. Hier steht wie Sie es auf Ihrem Blog einbinden:
2. Konfiguration und Erstellen des Widgets
3. Einbinden des markt.de Widgets auf Ihrem Blog
1. Styles auf Ihrem Blog eintragen
Damit das Kleinanzeigen-Widget optimal angezeigt wird, kopieren Sie den folgenden Styles-Code (Anweisungen zur Darstellung) auf Ihr Blog. Die Farben (color) und Schriftarten (font) lassen sich nach Wunsch anpassen.
1. Loggen Sie sich auf Ihrem Blogspot bzw. Blogger.com Blog ein.
2. Wählen Sie den Menüpunkt "Design" und dann "HTML bearbeiten" aus.
3. Speichern Sie zur Sicherheit zunächst die aktuelle Vorlage ("Vollständige Vorlage herunterladen").
4. Über die Suchfunktion finden Sie den Text "]]></b:skin>"
5. Kopieren und speichern Sie in dem Textfeld direkt vor den Text "]]></b:skin>" den folgenden Styles-Code:
/* markt.de widget
----------------------------------------------- */
.markt_teaser_searchresults, .markt_teaser_search_area {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
}
.markt_teaser_search_field{
width:87%
}
.markt_teaser_searchresults{
border:2px solid #fab800;
clear:both;
padding:2px;
}
.markt_teaser_search_area{
padding: 5px 20px; background-color: rgb(240, 241, 238); margin-bottom: 3px; margin-top: 3px;
}
.markt_teaser_searchresults a:link, .markt_teaser_searchresults a:visited {
color:#03497E;
}
.markt_teaser_searchresults a {
text-decoration:none;
}
.markt_teaser_searchresults .markt_teaser_advert, .markt_teaser_subject_only, .markt_teaser_subject_teaser_only {
background-color:#F0F1EE;
height:87px;
overflow:hidden;
padding:0;
width:auto;
border-bottom:3px solid white;
}
.markt_teaser_subject_only, .markt_teaser_subject_teaser_only {
height: auto;
width: auto;
overflow: auto;
padding-left: 5px;
padding-right: 5px;
}
.markt_teaser_searchresults .markt_teaser_advert_image {
background-color:#B7B8B3;
display: block;
float:left;
height:87px;
overflow:hidden;
width:116px;
margin-right:10px;
}
.markt_teaser_searchresults .markt_teaser_advert_subject_teaser {
display:block;
height:87px;
overflow:hidden;
padding-right:6px;
width:auto;
}
.markt_teaser_searchresults .markt_teaser_advert_subject {
overflow:visible;
}
.markt_teaser_subject_only .markt_teaser_advert_subject, .markt_teaser_subject_teaser_only .markt_teaser_advert_subject{
height: auto;
overflow: visible;
}
.markt_teaser_searchresults h2 {
color:#03497E;
font-size:12px;
line-height:14px;
margin:6px 0 0px;
width:auto;
}
.markt_teaser_subject_only h2, .markt_teaser_subject_teaser_only h2{
width:auto;
}
.markt_teaser_subject_only h2{
margin-bottom:6px;
}
.markt_teaser_searchresults .markt_teaser_advert_teaser {
color: black;
height:46px;
overflow:hidden;
}
.markt_teaser_subject_teaser_only .markt_teaser_advert_teaser{
height:auto;
margin-top:0px;
margin-bottom: 5px;
overflow:auto;
}
.markt_teaser_searchresults p {
margin:0 0 5px;
padding:0;
}
.markt_teaser_searchresults .markt_teaser_advert_details {
display:inline;
float:left;
overflow:hidden;
padding-top:7px;
width:180px;
}
.markt_teaser_searchresults .markt_teaser_advert_details p {
color:#999999;
font-size:11px;
font-weight:bold;
margin:2px 8px;
text-align:right;
color: black;
}
/*.markt_teaser_searchresults*/ .markt_teaser_footer{
background-color:#F0F1EE;
clear:both;
text-align:right;
padding:5px;
width:auto;
}
.markt_teaser_footer .markt_teaser_poweredby{
display:inline;
font-weight: bold;
margin-right:3px;
color:#BEBEBB;
}
.markt_teaser_footer a{
float: right;
}
2. Konfiguration und Erstellen des Widgets
Erstellen und konfigurieren Sie hier auf https://www.markt.de/widgetkonfiguration.htm das Widget. Definieren Sie u.a. Kategorie (Fahrzeuge, Tiere, usw.) und Anzahl der Anzeigen. Wählen Sie automatische Breite. Klicken Sie auf "Vorschau HTML-Code" und kopieren dann den dort angezeigten HTML-Code.
3. Einbinden des markt.de Widgets auf Ihrem Blog
1. Öffnen Sie im Blog unter dem Menüpunkt "Design".
2. Wählen Sie "Gadget hinzufügen" an oberer oder unterer Position. Die Reihenfolge des Widget/Gadget lassen sich jederzeit verschieben.
3. In dem neuen Fenster "Gadget hinzufügen" wählen Sie den Punkt "HTML/JavaScript Hinzufügen" aus.
4. Erstellen Sie einen Titel für das Widget.
5. Fügen Sie den oben kopierten HTML-Code in das Feld "Content" ein.
6. Speichern.
7. Prüfen Sie das Ergebnis unter "Blog anzeigen" (Unter "Vorschau" wird das Widget erst nur leer dargestellt). Fertig.
Herzlichen Glückwunsch! Sie haben das Kleinanzeigen Widget in Ihr Blog eingebunden. Wenn Sie jetzt Ihr Blog neu öffnen, wird Ihnen das markt.de Widget an der gewählten Position angezeigt. Bei Problemen, Fragen oder Anregungen wenden Sie sich bitte an uns über unser Kontaktformular. Wir helfen Ihnen und anderen Bloggern gerne weiter.
Verwandte Ratgeber:
- Kleinanzeigen richtig schreiben
- Über Kleinanzeigen Kunden akquirieren - suchmaschinenoptimierte Texte (SEO)
- Welche Tools und Tipps gibt es beim Texten - richtig Schreiben?
- Hilfe für gewerbliche Anbieter
Aktuelle Kleinanzeigen
-
25.06.20263 T‘Shirts mit rechteckigen Ausschnitt
Farben bordeauxrot, Flieder und dunkelblau
Größe 38
Privatverkauf, keine Garantie oder Rücknahme
Versand gegen 3 Euro10 €Festpreis76829 Landau (Pfalz) -
Verkaufe gebrauchte ungeprüfte Gewindeschneidmachine mit Backensätzen bis 2 Zoll(220V)
Abholung gern auch tagsüber, in 74722 Buchen/Waldhausen
01743827061175 €VB74722 Buchen (Odenwald) -
25.06.2026Gartenmöbel - wie neu!
4 Gartenstühle
Abholung in Osnabrück Sutthausen - schaut gerne auch in unsere anderen Anzeigen rein.65 €VB49082 Osnabrück -
25.06.2026Verkaufe eine elegante, filigrane 925er Silberkette mit funkelndem rundem Anhänger. Sowohl die Kette als auch der Anhänger sind zeitlos und passen zu jedem Outfit.
Details:
Material: 925 Sterling...9 €VB90443 Nürnberg -
Runder Couchtisch mit Chromgestell und Rauchglasplatte 1960er
Stilvoller Designklassiker. Ein runder Tisch aus der Ära des Mid-Century Modern, typisch für die 1960er Jahre. Die Tischplatte besteht...299 €Festpreis65462 Ginsheim-Gustavsburg -
Dieses exklusive dreiteilige Ensemble ist das ultimative Statement-Piece für Liebhaber des authentischen Mid-Century-Designs und bringt den lebendigen Pop-Art-Vibe direkt in deinen Flur. Das perfekt...399 €Festpreis65462 Ginsheim-Gustavsburg