tz Logo
München
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

Bett Malm in 81475
Bett Malm

140 x 200, mit 4 Schubkästen und 2 Lattenroste (Lönset von Ikea), Zustand sehr gut, zum Abholen, Lift vorhanden, NP 300, alles muss raus wegen Auszug bis spätestens 31.10. sonst landet es auf dem...

150 € VB

81475 München

15.10.2021

Couch Gunnarp in 81475
Couch Gunnarp

Ausklappbare Schlafcouch (140 x 200 in ausgeklapptem Zustand), Verstauraum vorhanden, in sehr gutem Zustand, zum Abholen, inklusive Kissen, in zwei Teile abbaubar, Füße abschraubbar, Lift vorhanden,...

250 € VB

81475 München

15.10.2021

Anlehngadrobe in 80339
Anlehngadrobe

Verkaufe Anlehngarderobe von Aldi mit dekorativer Holzdekor-Stange und 5 Haken. Minimalistisches Design. Maße aufgebaut: frei stehend im Raum ca.: 75 x 57 x 182 cm. Garderobe wurde ca. 6 Monate...

14 € VB

80339 München

15.10.2021

OnePlus Research - LE2123 - 256GB - Black - Perfect condition - OB in 81541
OnePlus Research - LE2123 - 256GB - Black - Perfect condition - OB

Hi, I sell my OnePlus Research (LE2123) in Black with 256GB internal storage - Perfect condition.

The mobile was tested with the myhandycheck app. You can find a comprehensive test report by...

850 €

81541 München

15.10.2021

Blechschild Mir ren boarisch 17x22 cm in 80331
Blechschild Mir ren boarisch 17x22 cm

Schönes original RAHMENLOS® Blechschild aus stabilem Aluminium
Kostenloser Versand innerhalb Deutschland.
Auf dem Blechschild steht: Mir ren boarisch und Du
Eine sehr schöne Geschenkidee für Leute...

7,89 €

80331 München

15.10.2021

Echte Tigermuschel Meeresschnecke maritime Dekoration 8 cm in 80331
Echte Tigermuschel Meeresschnecke maritime Dekoration 8 cm

Echte Tigermuschel Meeresschnecke
Eine tolle maritime Dekoration ist diese echte Muschel
- Kostenloser Versand innerhalb Deutschland.
- Länge ca. 8 cm
- Gesäubert und poliert
- Top Qualität zum...

80331 München

15.10.2021

Mehr markt.de Kleinanzeigen