selbstgemachte Social-Media-Buttons (Links) im Blog-Footer einfügen

  • Guten Morgen alle zusammen!

    Ich bin gerade etwas am Verzeifeln, da ich seit Tagen an nem Problem hänge und keine Lösung finde. Ich muss dazu sagen, ich bin kein HTML/CSS-Genie und habe mir meinen Blog durch diverse Hilfstutorial zusammengebastelt, allerdings finde ich zu meinem jetzigen Problem nichts im Internet bzw. vll. suche ich auch nur falsch.

    Also ich hätte gerne unter jedem meinem Blogposts (quasi im Post-Footer) eine Leiste an Social-Media-Buttons mit Links zu den Seiten. Also quasi, dass diese Leite unter jedem Eintrag steht, ohne dass ich sie immer händisch einfügen muss.

    Habe mir dazu auch schon die Buttons gebastelt und verlinkt und wollte sie nun einfügen, aber irgendwie klappt es nicht. Denke ich bin grad in ner Sackgasse, zumindest habe ich es nun schon an zig - für mich logischen - Stellen imHTML-Code probiert, aber es hat nicht geklappt. Bin mir auch gar nicht sicher, ob mein Code überhaupt richtig ist.

    HTML
    <a href="http://instagram.com/chamyrocktes" target="_blank">
    <img alt="Carmen bei Instagram" title="Carmen bei Instagram" src="http://img23.imageshack.us/img23/3964/98nx.jpg" border="0" /><a href="http://www.youtube.com/user/chamyrocktes" target="_blank">
    <img alt="Carmen bei YT" title="Carmen bei YT" src="http://img138.imageshack.us/img138/4415/hevv.jpg" border="0" /><a href="https://www.facebook.com/chamy.rockt.es" target="_blank">
    <img alt="Carmen bei Facebook" title="Carmen bei Facebook" src="http://img819.imageshack.us/img819/3453/yetk.jpg" border="0" />

    Mein HTML-Bereich beim Footer:

    HTML
    <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <data:top.authorLabel/>
                                <span class='fn'>
                                  <data:post.author/>
                                </span>
                              </b:if>
                            </span>

    Kennt irgendwer ein Tutorial wie man sowas macht bzw. kann mir jemand weiterhelfen? Bin gerade echt am Verzweifeln... :-/

    Danke!!

  • Zeig doch mal den Link zu deiner Seite und verwende bitte beim nächsten mal die Code-Schalter im Forum-Editor wenn du Code einfügen willst, der wird dann auch formatiert angezeigt:

    HTML
    <a href="http://instagram.com/chamyrocktes" target="_blank">
    <img alt="Carmen bei Instagram" title="Carmen bei Instagram"  src="http://img23.imageshack.us/img23/3964/98nx.jpg" border="0"  /><a href="http://www.youtube.com/user/chamyrocktes"  target="_blank">
    <img alt="Carmen bei YT" title="Carmen bei YT"  src="http://img138.imageshack.us/img138/4415/hevv.jpg" border="0"  /><a href="https://www.facebook.com/chamy.rockt.es"  target="_blank">
    <img alt="Carmen bei Facebook" title="Carmen bei Facebook"  src="http://img819.imageshack.us/img819/3453/yetk.jpg" border="0" />
    HTML
    <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <data:top.authorLabel/>
                                <span class='fn'>
                                  <dataost.author/>
                                </span>
                              </b:if>
                            </span>

    Einmal editiert, zuletzt von explanator (14. August 2013 um 11:15)

  • Erstmal danke für die schnell Antwort! :)

    Die Formatierung für den Foren-Text habe ich schon gesucht, allerdings habe ich keine Leiste wo ich solche "Zitate" einfügen kann. Kann das sein, dass dies nur klappt, wenn man registriert ist?

    Der Link zu meiner Seite ist: http://www.chamy.at/

    Kann gerne auch den HTML-Code-(Schnipsel) hier posten wenn er benötig wird.

    Vielen lieben Dank!

  • Läuft dein Blog bei Blogger.com?
    Wenn ja, so sieht`s zumindest aus, dann muss du dein Template ändern. Füge doch einfach den Codeteil aus der Quellansicht im Browser in dein Template an die selbe Stelle ein.

    Leider kenne mich zu wenig mit den Gepflogenheiten von dieser Software aus als das ich konkretere Hilfe anbieten könnte.
    Ein Blick in die Hilfe bei Blogger.com ist auch sehr nützlich, da wird eigentlich, so wie ich es in Erinnerung habe, alles erklärt.

    • Offizieller Beitrag
    Zitat

    Die Formatierung für den Foren-Text habe ich schon gesucht, allerdings habe ich keine Leiste wo ich solche "Zitate" einfügen kann. Kann das sein, dass dies nur klappt, wenn man registriert ist?

    Diese Funktion stehen nur registrierten Mitgliedern zu Verfügung

  • So, hab mich nun registriert, da ich ja sonst nicht alle Funktionen im Forum habe. :)


    Ja, mein Blog ist (noch) bei Blogger, da ich - dank meiner phänomenalen HTML/CSS-Künste - noch etwas Bammel vor nen Umzug auf nen eigenen Webspace habe.. Ist zwar schon länger in Überlegung, aber ich zögere es noch raus.


    Ich hatte zuvor ein Plugin für einen Facebook-Like-Button in meinem Footer eingefügt, wo ich das Script einfach unter <div class='post-footer'> eingefügt hatte und der Butoon erschien an der richtigen Stelle und alles war perfekt. Mit meinem selbstgemachten HTML-Codeschnipsel für die Social-Media-leiste klappt dies aber scheinbar nicht. Sobald ich diese in den oben genannten Bereich einfügen will, kommt sofort eine Fehlermeldung.


    Hab's nun auch schon an anderen Stellen - die für mich logisch gewesen wären - versucht einzufügen, aber es klappt einfach nicht.


    Gibt's vll. noch eine andere Lösung, wie man Social-Media-Buttons unter jedem Post automatisch einbinden kann. Irgendwie bin ich noch nie so lange an so nem Problem gesessen... Denn eigentlich müsste doch IRGENDWO in den Weiten des WWWs eine Lösung für dieses, doch eher simple, Problem sein. Hmm...

  • Das für dich an sich simple Problem ist eben keines wenn ein CMS (nichts anders ist Blogger) bestimmt wie der Code auszusehen hat.
    Da greifen dann manchmal Filterregeln, an die man zuerst gar nicht gedacht hat, deshalb ist es ja auch so schwer eine allgemeingültige Version, die in PHP funktioniert auf ein CMS zu übertragen.
    Jedes CMS kocht da sein eigenes Süppchen und will dem Entwickler gewisse Formate aufzwingen, die wiederum erneut gelernt werden müssen.
    Letztendlich soll es das einfacher machen, aber da die Entwickler solcher CMS nicht mit der Fantasie der Leute und deren Kreativität rechnen, gehen dann auf einmal selbst einfachste Dinge nicht mehr.

    Tut mir ja Leid dir keine besondere Hilfe zu sein, aber so ist es nun mal.

    Edit: Frag doch mal in einem Forum speziell für Blogger.com nach, da wirst du bestimmt mehr Erfolg haben. Kannst ja auf diesen Thread verweisen, damit es kein Doppelpost wird.

    Einmal editiert, zuletzt von explanator (14. August 2013 um 12:53)