Hilfe - suche HTML-Kenner

  • Ojeoje. Gerade wollte ich nach dieser Anleitung (Facebook Popup (Like Box Widget) | Best Blog Widgets For Free) ein Widget auf meinem Blog (http://f-a-i-b-l-e.blogspot.de/) einbinden.
    Ich bin gerade am Verzweifeln!

    Habe erst versucht, es über den dirrekten Link bei Blogger einzubinden -> Blogger spinnt rum und mag nicht
    -> ich denke "schlau", dann füge ich es als CSS bei Vorlage anpassen ein.

    Ehhm ja, da beginnt das Problem.
    Ich habe dann nach Anleitung den Facebook-Link eingefügt. Dann bei Speichern wollte die Vorlage nicht mehr. Dauernd kam, "dieses fehlt, jenes fehlt".
    Ich dacht, ich habe es unter Kontrolle - immer mit Copy-Paste - aber nix da.

    Irgendwann muss sich noch ein anderer Teil meines HTML-Textes mit in das CSS-Anwenderfeld geschlichen haben (dieser ist unten rot). Wahrscheinlich bei einer falschen Handlung meinerseits vorher.

    Ich also wieder zurück zur Vorlage, habe da irgendwas von wegen "<b/skin:" oder so (ich weiß es leider nicht mehr), zu äbndern versucht, weil die Vorlage sich sonst geweigert hat, zu speichern.

    Naja- jetzt ist irgendwas schief gelaufen.
    Das Layout ist verschoben und meine rechte Seitenleiste ist weg. Der Inhalt ist nach unten gewandert.

    So, hier der wichtige Ausschnitt. Irgendwas stimmt nicht oder fehlt (wahrscheinlich zwischen DIESEN TEILEN:(
    [INDENT]
    #header-inner img {
    margin: 0 auto;}.separator img {
    padding: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }.Attribution {
    display: none
    }
    .post-body img, .post-body .tr-caption-container {
    padding: 0;
    border: 0
    }
    <b:template-skin>
    <b:variable default='960px' name='content.width' type='length' value='1140px'/>
    <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
    <b:variable default='310px' name='main.column.right.width' type='length' value='300px'/>
    <![CDATA[
    body {
    min-width: $(content.width);
    }
    .content-outer, .content-fauxcolumn-outer, .region-inner {
    min-width: $(content.width);
    max-width: $(content.width);
    _width: $(content.width);
    }
    .main-inner .columns {
    padding-left: $(main.column.left.width);
    padding-right: $(main.column.right.width);
    }
    .main-inner .fauxcolumn-center-outer {
    left: $(main.column.left.width);
    right: $(main.column.right.width);
    /* IE6 does not respect left and right together */
    _width: expression(this.parentNode.offsetWidth -
    parseInt('$(main.column.left.width)') -
    parseInt('$(main.column.right.width)') + 'px');
    }
    .main-inner .fauxcolumn-left-outer {
    width: $(main.column.left.width);
    }
    .main-inner .fauxcolumn-right-outer {
    width: $(main.column.right.width);
    }
    .main-inner .column-left-outer {
    width: $(main.column.left.width);
    right: 100%;
    margin-left: -$(main.column.left.width);
    }
    .main-inner .column-right-outer {
    width: $(main.column.right.width);
    margin-right: -$(main.column.right.width);
    }
    #layout {
    min-width: 0;
    }
    #layout .content-outer {
    min-width: 0;
    width: 800px;
    }
    #layout .region-inner {
    min-width: 0;
    width: auto;
    }]]>

    </b:skin>
    <link href='http://i50.tinypic.com/20iw2uu.png' rel='Shortcut Icon' type='image/x-icon'/>
    <script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){
    $('.separator').find('img').each(function(n, image){
    var image = $(image);
    image.parent().css('margin-left',0).css('margin-right',0).css('margin-top',0).css('margin-bottom',0);
    });
    });
    //]]></script>
    <script type='text/javascript'>
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-37509651-1']);
    _gaq.push(['_setDomainName', 'blogspot.com']);
    _gaq.push(['_trackPageview']);
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.http://google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
    </head>

    [/INDENT]
    Ich wäre euch so unglaublich dankbar!!!!!!
    Sonst muss ich mein gesamtes Design zurücksetzen.
    Und ich bin gerade mitten im Abiturstress und habe leider andere Sorgen...

    Ihr wärt meine Rettung!
    Danke!

    [INDENT][/INDENT]