MovableType: Bildergalerie in einen Eintrag einfügen

Ich wollte in einigen Dokumenten eines Blogs eine Bildergalerie ermöglichen. Hier ein Beispiel.

Die Galerie von hier laden und  auf den Web Server legen. Dann einen neuen Entry erstellen, in den Quelltext Modus gehen und die Bilder hochladen. Dann diesen Text mit den richtigen Links auf die hochgeladenen Bilder einfügen.

Etwas Text vorab
<p>
    <link href="http://www.yourwebserver.com/galleria/themes/classic/galleria.classic.css" rel="stylesheet" type="text/css" />
</p>
<p>
    <link href="http://www.yourwebserver.com/local-style.css" rel="stylesheet" />
    <script src="http://www.yourwebserver.com/javascript/jquery.js"></script><script src="http://www.yourwebserver.com/galleria/galleria-1.2.7.min.js"></script></p>
<div id="galleria">
    <img src="http://yourwebserver.com/tarn01.jpg" />
    <img src="http://yourwebserver.com/tarn02.jpg" />
    <img src="http://yourwebserver.com/tarn03.jpg" />
    <img src="http://yourwebserver.com/tarn04.jpg" />
</div>
<script type="text/javascript">
$('#galleria').galleria({
width: 700,
height: 467
});
</script><script>
            Galleria.loadTheme('http://www.yourwebserver.com/galleria/themes/classic/galleria.classic.min.js');
            Galleria.run('#galleria');
</script>

Den Hintergrund für die Galerie habe ich in der Datei local-style.css von Schwarz auf Grau geändert

.galleria-container {
    background: none repeat scroll 0 0 #E6E6E6;
}