Как да добавите Blogroll на Tumblr

С Tumblr тема като Kalalalani, Prologue или Vignetti, можете да добавите Blogroll-подобен списък директно на страничната лента, като добавите няколко реда персонализиран код към вашия шаблон. Ако темата ви не поддържа странична лента, все още можете да добавите блогол, като създадете нова страница в Tumblr, която съдържа всички блогове, които лично следите и искате да споделите с други хора.

Добавяне на Blogroll към Странична лента на темата

Влезте в профила си в Tumblr, кликнете върху „Персонализиране“, след което изберете „Редактиране на HTML“.

Превъртете през HTML кода, докато намерите секцията, съдържаща темата лента. Например, страничната лента за темата Kalalalani започва с "& lt; ol id =" nav "& gt;" и завършва с "& lt; /ol & gt ;."

Поставете празен ред над "& lt; /ol & gt;" маркер, за да освободите място за допълнителен HTML код.

Въведете ново "& lt; li & gt;" в празния ред, който сте създали, за да добавите друг елемент от списъка. Редакторът на Tumblr автоматично добавя затварящия таг за вас.

Въведете "Blogroll" в точката за вмъкване между "& lt; li & gt;" и „& lt; /li & gt;“ тагове за създаване на етикет за секцията blogroll на страничната лента.

Кликнете върху "Актуализиране на прегледа", за да видите дали текстът "Blogroll" се показва в страничната лента. Някои теми изискват допълнителен CSS код, за да направите новия текст видим. Например, за да направите „Blogroll“ видим в темата на Kalalalani, заменете „& lt; li & gt;“. маркирайте със следния код, който ще промени цвета на текста на етикета на бял:

& lt; li style = "color: white" & gt;

Кликнете върху надписа "& lt; /ol & gt;" tag, след което натиснете "Enter", за да създадете празен ред за връзка с блоговете.

Въведете HTML кода за елемента от списъка, който ще съдържа първата връзка за блогове. Например, въведете следния ред под етикета на блога:

& lt; li & gt; & lt; a & gt;

Редакторът автоматично добавя затварящите маркери за вас, докато пишете, за да изглежда кодът ви подобно на:

& lt; li & gt; & lt; /a & gt; & lt; /li & gt;

Въведете HTML кода, за да добавите URL адреса за първия блог в „& lt; а & GT; " маркер. Например, ако първият ви блог има URL адреса „https://myfavoriteblog.com“, вашият код трябва да прилича на следното:

& lt; li & gt; & lt; a href = "https://myfavoriteblog.com "& gt; & lt; /a & gt; & lt; /li & gt;

Кликнете пред„ & lt; /a & gt; " и след това въведете името на първия блог. Например, ако блогът се нарича „Любимият ми блог“, кодът ви трябва да прилича на следния ред:

& lt; li & gt; & lt; a href = "https://myfavoriteblog.com" & gt; Блог & lt; /a & gt; & lt; /li & gt;

Кликнете върху „Актуализиране на визуализацията“, за да видите промените.

Добавете CSS код, за да намалите размера на името на първия блог. Например, ако използвате темата Kalalalani, променете размера на шрифта на около 10 пиксела. Коригираният Ви код трябва да изглежда по следния начин:

& lt; li style = "font-size: 10px" & gt; & lt; a href = "https://expectedend.com" & gt; Блогът ми за любими & lt; /a & gt; & lt; /li & gt;

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

Кликнете върху "Запазване", за да направите промените постоянни.

Добавяне на страница за Blogroll

< Щракнете върху стрелката назад на панела "Персонализиране", след което щракнете върху бутона "Добавяне на страница".

Въведете име, за да завършите URL адреса за новата си страница. Например, ако вашият Tumblr URL адрес е "goodblog.tumblr.com", завършеният ви URL адрес трябва да изглежда като следния ред:

goodblog.tumblr.com/blogroll

Въведете заглавие за Blogroll страницата и след това щракнете върху превключвателя "Показване на връзка към тази страница", за да го включите.

Въведете името на първия си блог в полето за редактиране.

Изберете името на блога и след това кликнете върху бутона "Вмъкване /редактиране на връзката".

Въведете URL адреса за блога в полето за въвеждане с етикет "URL адрес на връзка", след което кликнете върху бутона "Вмъкване на връзка" и след това върху "Запазване"

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

Въпреки че промените в темата ви могат да изглеждат добре в прозореца за предварителен преглед на Tumblr или в уеб браузъра ви, посетителите, които използват различен браузър или мобилно устройство, могат да виждат елементи на място или да са изкривени. Преглеждайте блога си в Tumblr, като използвате възможно най-много различни браузъри и хардуерни платформи, за да сте сигурни, че сайтът ви винаги изглежда така, както сте възнамерявали да изглеждат.

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