0 km

Ratgeberübersicht

Wie wird das markt.de Kleinanzeigen-Widget auf blogspot, Blogs von blogger.com, eingebunden?

BloggerBlogger.com

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:

 

 

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.

 

Jetzt kostenlos inserieren

Verwandte Ratgeber:

Aktuelle Kleinanzeigen

Lerncomputer in 22119
Lerncomputer

vtech Little Smart 2
Gebraucht, sehr guter Zustand, inklusive Batterien für VB 15 Euro, funktioniert noch vollständig.
Ab zu holen in Hamburg Horn,  Manshardstr beim Lidel Parkplatz. 
Dies ist ein...

22119 Hamburg

08.12.2021

NOTEBOOK - DELL LATITUDE E6400 - (WIN10, HSPA MODEM, TOP) in 22335
NOTEBOOK - DELL LATITUDE E6400 - (WIN10, HSPA MODEM, TOP)

FESTPREIS - FESTPREIS - FESTPREIS - FESTPREIS

0024. DELL LATITUDE E6400 - BUSINESS - NOTEBOOK (optimal z.B. für Office Betrieb, Spiele usw.)

Highlights Zusammenfassung:

- IDT HD Soundsystem...

150 €

22335 Hamburg

08.12.2021

Corona Antigen Schnelltest - Clinitest Rapid in 86150
Corona Antigen Schnelltest - Clinitest Rapid

20 Schnelltest Clinitest Rapid 
Corona Schnelltest / Selbsttest
Original versiegelt
Schnelle und einfache Testdurchführung
Zuverlässiges Testergebnis in 15 Minuten
Zwei Abstrichverfahren
lt....

99 € VB

86150 Augsburg

08.12.2021

Dampfe / E-Zigarette / E-Shisha: aspire PROTEUS E HOOKAH in 99084
Dampfe / E-Zigarette / E-Shisha: aspire PROTEUS E HOOKAH

Dampaufsatz für klassiche Shishas ;)
 
Verkauft wird ein aspire PROTEUS E HOOKAH Dampfaufsatz für Shishas.
Wenig genutzt und in der OVP.
Akkus liegen bei ebenso wie 2 neue Coils.

20 €

99084 Erfurt

08.12.2021

ZUGTURM in super gutem Zustand, komplett mit Gewichte in 10625
ZUGTURM in super gutem Zustand, komplett mit Gewichte

Aus gesundheitlichen Gründen verkaufe ich meinen Zugturm incl. Gewichte sowie Handeln ebenfalls incl. Gewichte. Nach einen Schlaganfall kann ich nichtmehr trainieren. Hat jemand Interesse an...

335 € VB

10625 Berlin

08.12.2021

VORWERK KOBOLD VK150 Handstaubsauger in 47906
VORWERK KOBOLD VK150 Handstaubsauger

> VK 150 Handstaubsauger
> VK 150 Anschlusskabel (lang/10 m)
> Premium Filtertüten (6x)
> EB 370 Elektrobürste 
> mit umfangreicher Dokumentation wie Gebrauchsanleitung usw.
> 800W Motorleistung,...

480 € VB

47906 Kempen

08.12.2021

Mehr markt.de Kleinanzeigen