Tumblr надає своїм користувачам повний доступ до елементів дизайну CSS та HTML своїх блогів. Хоча багато користувачів вирішують використовувати один із готових шаблонів веб-сайту, інші вирішили створювати власні блоги. За допомогою веб-сторінки налаштування тем Tumblr попередньо виготовлені шаблони можна редагувати та налаштовувати відповідно до певних змін дизайну, або користувач може стерти всю тему та створити повністю власний дизайн блогу з нуля. Однак Tumblr унікальний у своєму створенні вихідного коду в порівнянні з іншими системами управління вмістом, оскільки вимагає, щоб CSS та HTML-код знаходилися в одному файлі.
Інструкції
1
Відкрийте веб-браузер і перейдіть на домашню сторінку Tumblr. Якщо вам буде запропоновано, увійдіть за адресою електронної пошти та паролем.
2
Клацніть на назву вашого блогу вгорі сторінки поруч із посиланням "Інформаційна панель". Якщо у вас кілька блогів, клацніть піктограму маркованого списку та виберіть зі списку, що з’явиться, потрібний вам блог.
3
Натисніть кнопку "Налаштувати зовнішній вигляд".
4
Клацніть заголовок "Тема" на панелі інструментів у верхній частині сторінки налаштування теми.
5
Виберіть "Використовувати власний HTML". Якщо ви хочете відредагувати тему, яку ви вже використовуєте, просто знайдіть елементи дизайну в існуючому коді та змініть їх, як вам подобається, а потім перейдіть до кроку 10; перейдіть до кроку шостий, якщо ви хочете створити нову тему Tumblr з нуля.
6
Натисніть "ctrl" і "A" на клавіатурі, щоб вибрати весь вихідний код вашого блогу, і натисніть кнопку "Видалити" на клавіатурі.
7
Введіть "" (без лапок).
8
Введіть код CSS для вашого блогу в пробіл між "".
9
Введіть HTML-код, який ви хочете використовувати для дизайну вашого блогу, у поле під тегом "".
10
Клацніть на посилання «Оновити попередній перегляд», щоб переконатися, що блог виглядає так, як ви хочете, щоб він виглядав, перш ніж виходити в ефір з новим дизайном.
11
Натисніть кнопку "Зберегти + Закрити" праворуч на панелі інструментів у верхній частині сторінки, щоб опублікувати свій новий дизайн.
