Как да позиционирате Tumblr банер

Много теми на Tumblr ви позволяват да показвате банерно изображение в горната част на вашия блог вместо заглавието на вашия блог. Ако обаче банерът не се подрежда по ваш вкус, можете да промените подравняването му, като редактирате HTML кода на вашата тема. Ако вашата тема не поддържа банерни изображения или искате да добавите банер над заглавието, можете да редактирате HTML кода, за да добавите и позиционирате банер ръчно.

Теми със заглавни изображения

Щракнете върху раздела „Персонализиране“ на таблото за управление на Tumblr, за да получите достъп до настройките на вашата тема.

Превъртете надолу до раздела „Външен вид“ в левия прозорец и след това щракнете върху бутона „Качване“ до „Header“, за да качите вашето банерно изображение.

Превъртете обратно до горната част на прозореца и след това щракнете върху „Редактиране на HTML“, за да получите достъп до HTML кода на вашата тема.

Натиснете "Ctrl-F" на клавиатурата, за да изведете инструмента за търсене, и след това потърсете "{Title}" (без кавичките), докато не намерите първото появяване на термина в раздела за тяло, скоро след ""таг. В много случаи той ще бъде в рамките на блок, който започва с"

" или "
".

Приложете „{Title}“ с „

" и "
", така че кодът да изглежда така:

{Заглавие}

Щракнете върху „Преглед на актуализацията“, за да видите дали промените ви са работили. Ако банерът не се центрира на страницата, може да сте променили грешната секция на кода, като в този случай отменете промените си и опитайте отново.

Щракнете върху „Запазване“ и след това изберете „Изход“, след като успешно промените банера. За да отхвърлите промените по някаква причина или да започнете отначало, щракнете върху стрелката назад, без да запазвате, и след това щракнете върху „Изход“.

Добавете и позиционирайте банера ръчно

Качете изображението на банера си, като използвате страницата за качване на Tumblr (връзка в Ресурси) и след това копирайте URL адреса, показан на страницата. Друга възможност е да качите файла с изображение на друг уебсайт, като PhotoBucket или TinyPic.

Щракнете върху раздела „Персонализиране“ на таблото за управление на Tumblr, за да получите достъп до настройките на вашата тема.

Щракнете върху „Редактиране на HTML“, за да получите достъп до HTML кода на вашата тема.

Натиснете "Ctrl-F" на клавиатурата, за да изведете инструмента за търсене, и след това потърсете ""(без кавичките).

Поставете нов ред точно под ""таг и след това добавете следния ред код:

Заменете „BannerImageURL“ с URL адреса на графичния файл на вашия банер.

Щракнете върху „Преглед на актуализацията“, за да се уверите, че банерът се показва правилно. Направете всички промени, ако е необходимо, и след това щракнете върху „Запазване“ и „Изход“.

Съвети

За да подравните банера наляво или надясно, вместо в центъра, използвайте "" или ""тагове вместо"

"таг, а също и промяна на"
„маркиране до“" или "".

Предупреждения

Тези стъпки трябва да работят по повечето стандартни теми на Tumblr, но те няма да работят по предназначение всеки път поради различия в дизайна на темата. Някои теми може да изискват да декларирате изображението и след това да му присвоите стил в таблицата със стилове на темата; този метод обаче изисква основно разбиране за това как работи CSS и конкретните стъпки ще варират в различните дизайни на теми.