Как да вмъкнете Tumblr приложения в страничната лента

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

Намиране на уиджет

Посетете сайтове като Widgetbox, ShareThis или Tumblring (в раздел „Ресурси“) и потърсете уиджет, който желаете да добавите към Tumblr. Всяка платформа генерира собствен HTML код и предоставя инструкции за персонализиране – избор на оформление, цвят, шрифт и др.

Генериране на кода

След като изберете уиджета, задайте желаните настройки (например размер, цвят, шрифт). При някои уиджети, като музикален плейър, може да се наложи да създадете плейлист според указанията на сайта. Натиснете „Generate HTML“ (или аналогичен бутон) и копирайте кода, който се появява в текстовото поле.

Подготовка на файлове

Отворете Notepad (или друг текстов редактор) и поставете копирания код в нов документ. Запазете го с име, което ви напомня за уиджета, напр. "MusicPlayerWidget.html".

Редактиране на HTML в Tumblr

Влезте в таблото за управление на Tumblr, кликнете върху иконата‑зъбно колело и изберете вашия блог. Натиснете „Customize“, после „Edit HTML“. Ще се отвори вграден текстов редактор с целия HTML код на темата.

Намиране на етикета на страничната лента

В HTML редактора натиснете Ctrl+F, за да отворите полето за търсене. Въведете „sidebar“ (без кавички) – почти всички теми използват тази ключова дума. Обикновено ще откриете нещо като <div id="sidebar"> – това е началото на етикета. Той завършва с </div>.

Вмъкване на уиджета

Поставете копирания HTML код **вътре** в етикета, но **извън** ъгловите скоби на самия етикет. Резултатът трябва да изглежда приблизително така:

<div id="sidebar">
    Вашият уиджет код тук
</div>

Бялото пространство и табулациите не са от значение – Tumblr автоматично форматира кода.

Запазване и преглед

Натиснете „Update Preview“, за да видите как изглежда уиджетът в страничната лента. Ако всичко е наред, кликнете „Save“ и затворете редактора. Ако искате да направите промени, заменете кода с ново генериран такъв, като следвате същите стъпки.

Съвети

• Ако вмъквате повече от един уиджет, поставяйте ги в реда, в който желаете да се появяват.
• Запазете оригиналния HTML (стъпка 5) под ясно име – ще ви спаси време, ако решите да се върнете към предишната версия.
• Някои уиджети изискват допълнителни скриптове; уверете се, че вашата тема позволява включване на външни JavaScript файлове.