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

Vuse e Pen E Zigarette in 53840
Vuse e Pen E Zigarette

E Zigarette Vuse Starterset Neuwertig 1 Cap in Ice Geschmack dabei.
 Abholung mit Ausweis Kontrolle !!!Wird nur ab 18 Jahren abgegeben!!
Keine Garantie oder Gewährleistung keine Rücknahme.

20 € VB

53840 Troisdorf

17.09.2021

IKEA Eckbettsofa in 56567
IKEA Eckbettsofa

Hallo,
zum Verkauf steht hier eine IKEA Couch mit Schlaffunktion und Stauraum in einem dunklen braun. Es sind keine Risse oder ähnliches vorhanden.
Preis ist Verhandlungsbasis.
Bitte nur Selbstabho...

100 € VB

56567 Neuwied

17.09.2021

Kompendium TMS, Medizinertes 2021 wie NEU, ISBN 9783944902326 in 53757
Kompendium TMS, Medizinertes 2021 wie NEU, ISBN 9783944902326

Hallo
ich biete Ihnen:
    
Kompendium zur TMS & EMS Vorbereitung 2021 I Vorbereitung auf den Medizinertest in Deutschland und der Schweiz I Buchbox mit 9 Lehrbüchern inkl. Leitfaden, Übungsaufgabe...

98 € VB

53757 Sankt Augustin

17.09.2021

WOhnzimmer --Flur--Schlafzimmer Schrank--Pinienholz in 53340
WOhnzimmer --Flur--Schlafzimmer Schrank--Pinienholz

Gut erhalten der Schrank ca 2,00 m hoch x 1,60 m breit x ca 0,60 m tief. Wegen Umgestaltung des WZ wird der nicht mehr verwendet.Mit Einlegeböden.

53340 Meckenheim

17.09.2021

4 Holzhocker--Stapelbar. ca 50 hoch in 53340
4 Holzhocker--Stapelbar. ca 50 hoch

Werden bei uns nicht mehr gebraucht und sollen anderen Kinder freude machen. 4 Hocker aus Holz ca 50 cm hoch.
 
Können versendet werden , wegen dem Porto muss ich dann aber erst anfragen.

53340 Meckenheim

17.09.2021

Siku---1:32  Bauerhoffahrzeuge in 53340
Siku---1:32 Bauerhoffahrzeuge

Bespielt aber gut erhalten.Bitte nach dem Zustand fragen zum einzelnen Modellen.Siehe auch  die anderen Anzeigen-

53340 Meckenheim

17.09.2021

Mehr markt.de Kleinanzeigen