Как да създадете списък с последвани в Tumblr?

Списъкът с последвани в Tumblr показва всички други блогове, които следвате, като хипервръзки. Посетителите могат да кликнат върху тях, да разгледат съответните блогове и да започнат да ги следват.

Темите с вградена поддръжка за списък с последвани

1. Влезте в Tumblr и натиснете иконата‑зъбно колело в таблото, за да отворите страницата с настройките.
2. Изберете блога, в който желаете да добавите списъка, и натиснете Customize.
3. Отворете Browse Themes и изберете Free Themes.
4. Изберете тема като Redux, Fluid или Minimal, които имат вградена поддръжка за списъци с последвани. За да проверите, кликнете върху миниатюрата и прегледайте дясната част.
5. След като намерите подходящата тема, натиснете Use.
6. Превъртете надолу в менюто Customize и се уверете, че опцията Display following или Show People I Follow Widget е включена.
7. Накрая натиснете Save и след това Exit, за да активирате темата с показания списък.

Темите без вградена поддръжка за списък с последвани

1. Влезте в Tumblr и отворете страницата с настройките от таблото.
2. Изберете името на вашия блог и натиснете Customize в секцията Theme.
3. Натиснете Edit HTML, за да достъпите кода на темата, и превъртете до секцията Sidebar. Местоположението може да варира в зависимост от темата.
4. Вмъкнете нов ред в желаното място (например под профилната снимка или над социалните икони) и поставете следния код:

<ul id="followlist">
  <li><h3>Последвани</h3></li>
</ul>

Този код създава контейнер за списъка и задава заглавие, което може да промените.

5. Под контейнера добавете кода, който генерира връзките към последваните блогове:

<{FollowedBlogs limit="30"}>
  <li>
    <a href="{FollowedBlogURL}">
      <img src="{FollowedBlogPortraitURL}" width="48" height="48" alt="{FollowedBlogName}">
    </a>
  </li>
<{/FollowedBlogs}>

Атрибутът href указва URL‑то на следваните блогове, а img src показва техните портретни миниатюри. Можете да промените стойността на width и height, за да регулирате размера.

Натиснете Update Preview, за да видите как изглежда списъкът. По подразбиране миниатюрите ще се подреждат една под друга – оформлението се контролира чрез CSS.

7. Запазете промените с Save и затворете HTML редактора.
8. В прозореца Customize превъртете до дъното и отворете Advanced Options.
9. В полето Add Custom CSS въведете следния код, за да подредите миниатюрите в ред:

ul#followlist { list-style-type: none; padding: 0; }
ul#followlist li { float: left; margin-right: 0.5em; }

Натиснете Save, за да приложите CSS и вашият списък с последвани ще се появи в страничната лента.

Съвети

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