Как да поставите GIF под Вашето заглавие на Tumblr

Повечето теми на Tumblr ви дават възможност да избирате или обикновен текст, или заглавен образ в горната част на блога ви, принуждавайки ви да избирате между стил и полезност. Но с малко кодиране на HTML кода на вашата тема, можете да вмъкнете изображение - дори изображение в GIF - под обикновеното заглавие, което ви позволява да имате най-доброто от двата свята.

Качете своя GIF в Tumblr уебсайт, използващ страницата за статично качване на Tumblr (линк в ресурси) и след това копирайте URL адреса, който се появява след качването. Поддържайте размера на изображението под 5 GB. Алтернативно можете да качите GIF в сайт за хостинг на изображения като TinyPic, PhotoBucket или Flickr.

Кликнете върху "Персонализиране" на таблото за управление на Tumblr и след това кликнете върху "Редактиране на HTML", за да отворите HTML кода на вашата тема.

Натиснете „Ctrl-F“, за да активирате инструмента за търсене и типа в „& lt; body & gt;“ (без кавичките), за да намерите секцията на тялото в HTML.

Сканирайте през следващите няколко реда и намерете променливата {Title}. Той ще бъде в рамките на малък блок от код, който започва с & lt; a href = "/" & gt; и завършва с & lt; /a & gt ;.

Създайте празен ред веднага след & lt; /a & gt; поставете следния ред от кода, като замените примера с URL адреса на вашия GIF файл:

& lt; img src = "https://exampledomain.com/image.gif" & gt;

Щракнете върху "Update Preview", за да видите как изглежда изображението на екрана за визуализация. Регулирайте размера на изображението, като добавите атрибут за ширина, ако е необходимо, или като добавите маркери за подравняване, за да го центрирате на страницата. Ето пример как да промените кода, за да направите центрирано изображение с ширина 700 пиксела:

& lt; center & gt; & lt; img src = "ImageURL" width = "700" & gt; & lt; /center & gt;

Кликнете върху „Запазване“, за да запазите промените си, или кликнете върху бутона „Назад“ и след това върху „Изход“, за да отхвърлите промените.

URL:https://bg.whycomputer.com/Internet/100219083.html