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

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

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

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

Отворете Notepad и поставете кода в нов текстов документ. Запазете документа и му дайте име, което лесно можете да идентифицирате по-късно, като например името на приспособлението.

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

Отворете нов текстов документ в Notepad и копирайте HTML кода от редактора на Tumblr в новия документ на Notepad. Дайте на този документ име като “Tumlbr HTML Original”, за да можете бързо да го намерите по-късно, ако не харесвате промените, които правите в страничната лента.

Върнете се в HTML редактора на Tumblr и натиснете „Ctrl- F ”, за да се покаже лентата Търсене и Замяна, която можете да използвате за търсене на маркера в страничната лента в HTML кода. Точното форматиране на кода може да се различава между различните теми, но можете да го намерите, като напишете "sidebar" (без кавички) в полето Find, защото всички маркери в страничната лента включват тази ключова дума. Например търсенето на „странична лента“ може да открие кодовия фрагмент „& lt; div id =" sidebar "& gt ;, който показва началото на маркера в страничната лента. Маркерът завършва с затварящата ключова дума „& lt; /div & gt;“.

Поставете HTML кода на приспособлението в етикета на страничната лента, но не в ъгълните скоби, които демаркират ключовите думи на маркера. След вмъкване на кода маркерът в страничната лента трябва да прилича на следния фрагмент от код:

& lt; div id = "sidebar" & gt; HTML кодът на приспособлението ви отива тук & lt; /div & gt;

Генерираният код може да бъде дълъг и сложен, но всичко, което трябва да направите, е да го поставите в маркера на страничната лента. Бялото пространство и табулацията на линии не са от значение, защото редакторът на HTML в Tumblr форматира кода за вас.

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

Съвети

Ако вмъквате няколко widget-а от страничната лента, поставете ги в реда, в който искате те да се показват в страничната лента.

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