о_О самой весь сделать сложно. Видела какой объём букв ставится в первое окошко? Такое невозможно запомнить(у меня в вёрде это заняло около 50 страниц!)
Делай по образцу. Нужно понять что именно за какой элемент отвечает. Взять за основу какой- нибудь диз и заменить данные на свои. Потому что нереально написать всё самой.
А вот текст, который ставится во второе окошко уже проще запомнить.
И вообще, зачем тебе запоминать скрипты? Просто найди все нужные, пойми куда их ставить, сохрани, из них сделай диз.

Просто убираете теги
<style type="text/css">
</style>
из скрипта, а то, что между ними с помощью поиска, в браузере такой есть, ищите это в коде стиля)) Искать нужно не всю строчку целиком, а только самое начало, то есть до фигурных скобок)

Королевская Шутница
к примеру, берем вот такой скрипт

В нем ставится шапка... а сам он прописывается в хтмл-верх. Для того, что бы прописать его непосредственно в стиле нужно убрать тег <style type="text/css"> (который стоит в самом начале) и </style> (стоит в самом конце)
При этом, заходя на страницу своего стиля, имы увидим длинный код. Что бы узнать, куда ставить наш огрызок в меню браузера заходим Правка_найти. В выскочившем окошке набираем, что найти. В данном случае

Браузер автоматически в куче текста находит нужное слово. (лучше ставить картинки в нижнее окошко, а размеры в верхнее). Выделяем все, что связано с данным словом в коде, до закрывающей фигурной скобки и вставляем на место выделенного наш огрызок. Нажимаем сохранить и вуаля Х)