Hogyan adjunk egy Blogroll Tumblr

a Tumblr HTML-szerkesztője megtekintheti a téma változásait, amint azokat elkészíti.
I jóvoltából Tumblr

a Tumblr téma, mint Kalalalani, Prologue vagy Vignetti, akkor adjunk hozzá egy blogroll-szerű lista közvetlenül az oldalsávon hozzáadásával néhány sor egyéni kódot a sablont. Ha azonban a témája nem támogatja az oldalsávot, akkor is hozzáadhat egy blogrollot egy új Tumblr oldal létrehozásával, amely tartalmazza az összes olyan blogot, amelyet személyesen követ, és amelyet meg szeretne osztani másokkal.

Blogroll hozzáadása a téma Oldalsávjához

jelentkezzen be Tumblr-fiókjába, kattintson a “Testreszabás” gombra, majd válassza a “HTML szerkesztése” lehetőséget.”

görgesse végig a HTML kódot, amíg meg nem találja a téma oldalsávját tartalmazó részt. Például a kalalalani téma oldalsávja “<ol>” – vel kezdődik, és “</ol> – vel végződik.”

helyezzen be egy üres sort a “</ol> ” címke fölé, hogy helyet biztosítson a további HTML-kódnak.

írjon be egy új “< li> ” címkét az üres sorba, amelyet egy másik listaelem hozzáadásához hozott létre. A Tumblr szerkesztője automatikusan hozzáadja az Ön számára a záró címkét.

írja be a “Blogroll” szót a “< li>” és a “</li> ” címkék közötti beszúrási pontba, hogy címkét hozzon létre az oldalsáv blogroll szakaszához.

kattintson az “Előnézet frissítése” elemre, hogy megnézze, megjelenik-e a “Blogroll” szöveg az oldalsávon. Egyes témákhoz további CSS-kód szükséges az új szöveg láthatóvá tételéhez. Például ahhoz, hogy a “Blogroll” látható legyen a Kalalalani témában, cserélje ki a “<li> “címkét a következő kódra, amely a címke szövegének színét fehérre változtatja:

<li stílus=” szín:fehér”>

kattintson a “</ol>” címke fölé, majd nyomja meg az “Enter” gombot egy üres sor létrehozásához a blogroll linkhez.

írja be az első blogroll hivatkozást tartalmazó listaelem HTML-kódját. Írja be például a következő sort a blogroll címke alá:

<li > < a>

a szerkesztő gépelés közben automatikusan hozzáadja a záró címkéket, így a kód így néz ki:

<li><a></a></li>

írja be a HTML kódot, hogy hozzáadja az első blog URL-jét a “< a> ” címkéhez. Például, ha az első blogja URL-címe “http://myfavoriteblog.com”, akkor a kódjának a következőre kell hasonlítania:

<li> < a href=”http://myfavoriteblog.com”></a></li>

kattintson a “</a>” címke elé, majd írja be az első blog nevét. Például, ha a blogot “kedvenc Blogomnak” hívják, a kódjának a következő sorra kell hasonlítania:

<li><a href=”http://myfavoriteblog.com”>kedvenc blogom</a></li>

kattintson az “Előnézet frissítése” gombra a módosítások megtekintéséhez.

CSS-kód hozzáadása az első blog nevének méretének csökkentéséhez. Például, ha a Kalalalani témát használja, változtassa meg a betűméretet körülbelül 10 pixelre. A módosított kódnak a következőképpen kell kinéznie:

<li style=”font-size:10px”><a href=”http://expectedend.com”>My kedvenc Blog</a></li>

kattintson az” Előnézet frissítése ” gombra a módosítások megtekintéséhez. Használja az első létrehozott blogroll linket példaként további blogok hozzáadásához.

kattintson a “Mentés” gombra a módosítások állandóvá tételéhez.

Blogroll Oldal hozzáadása

kattintson a vissza nyílra a Testreszabás panelen, majd kattintson az “oldal hozzáadása” gombra.

írjon be egy nevet az új oldal URL-címének kitöltéséhez. Például, ha a Tumblr URL “goodblog.tumblr.com,” a kitöltött URL-nek a következő sornak kell kinéznie:

goodblog.tumblr.com / blogroll

írja be a blogroll oldal címét, majd kattintson a “link megjelenítése erre az oldalra” kapcsolóra a bekapcsoláshoz.

írja be az első blog nevét a szerkesztési mezőbe.

válassza ki a blog nevét, majd kattintson a “Link beszúrása/szerkesztése” gombra.

írja be a blog URL-jét a “Link URL” feliratú beviteli mezőbe, kattintson a “link beszúrása” gombra, majd kattintson a “Mentés” gombra.”

figyelmeztetések

míg a témaváltozások rendben lehetnek a Tumblr előnézeti ablaktáblájában vagy a webböngészőben, a másik böngészőt vagy mobileszközt használó látogatók láthatják az elemeket a helyükön vagy torzítva. Tekintse meg Tumblr blogját a lehető legtöbb különböző böngésző és hardverplatform segítségével, hogy webhelye mindig úgy nézzen ki, ahogyan azt tervezte.

Write a Comment

Az e-mail-címet nem tesszük közzé.