cum se adaugă un Blogroll pe Tumblr

editorul HTML Tumblr poate previzualiza modificările temei pe măsură ce le faceți.
i curtoazie Tumblr

cu o temă Tumblr ca Kalalalani, Prologue sau Vignetti, puteți adăuga o listă blogroll-ca direct pe bara laterală prin adăugarea de câteva linii de cod personalizat pentru șablonul. Cu toate acestea, dacă tema dvs. nu acceptă o bară laterală, puteți adăuga în continuare un blogroll creând o nouă pagină Tumblr care conține toate blogurile pe care le urmăriți personal și doriți să le partajați cu alții.

adăugați Blogroll la bara laterală temă

Conectați-vă la contul dvs.”

parcurgeți codul HTML până găsiți secțiunea care conține bara laterală a temei. De exemplu, bara laterală pentru tema Kalalalani începe cu „<ol>” și se termină cu „</ol>.”

introduceți o linie goală deasupra etichetei” </ol> ” pentru a face loc codului HTML suplimentar.

tastați o nouă etichetă „< li > ” în linia goală pe care ați creat-o pentru a adăuga un alt element din listă. Editorul Tumblr adaugă automat eticheta de închidere pentru dvs.

tastați „Blogroll” în punctul de inserare dintre etichetele „< li>” și „</li > ” pentru a crea o etichetă pentru secțiunea blogroll a barei laterale.

Faceți clic pe „Actualizare previzualizare” pentru a vedea dacă textul „Blogroll” apare în bara laterală. Unele teme necesită un cod CSS suplimentar pentru a face noul dvs. text vizibil. De exemplu, pentru a face” Blogroll „vizibil în tema Kalalalani, înlocuiți eticheta” < li > „cu următorul cod care va schimba culoarea textului etichetei în alb:

<li style=” culoare:alb”>

Faceți clic deasupra etichetei” </ol>”, apoi apăsați” Enter ” pentru a crea o linie goală pentru un link blogroll.

tastați codul HTML pentru elementul de listă care va conține primul link blogroll. De exemplu, tastați următoarea linie sub eticheta blogroll:

<li > < a >

editorul adaugă automat etichetele de închidere pentru dvs. pe măsură ce tastați, astfel încât codul dvs. să arate astfel:

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

tastați codul HTML pentru a adăuga URL-ul pentru primul blog în interiorul etichetei „< a >”. De exemplu, dacă primul dvs. blog are adresa URL „http://myfavoriteblog.com”, codul dvs. ar trebui să semene cu următorul:

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

Faceți clic în fața etichetei „</a>”, apoi tastați numele primului blog. De exemplu, dacă blogul este numit „blogul meu preferat”, codul dvs. ar trebui să semene cu următoarea linie:

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

Faceți clic pe „Actualizare previzualizare” pentru a vedea modificările.

adăugați cod CSS pentru a reduce dimensiunea numelui primului blog. De exemplu, dacă utilizați tema Kalalalani, modificați dimensiunea fontului la aproximativ 10 pixeli. Codul dvs. ajustat ar trebui să arate după cum urmează:

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

Faceți clic pe „Actualizare previzualizare” pentru a vizualiza modificările. Utilizați primul link blogroll pe care l-ați creat ca exemplu pentru adăugarea de bloguri suplimentare.

Faceți clic pe „Salvați” pentru a face modificările permanente.

Add Blogroll Page

Faceți clic pe săgeata înapoi de pe panoul Personalizare, apoi faceți clic pe butonul „Adăugați o pagină”.

tastați un nume pentru a completa adresa URL a noii pagini. De exemplu, dacă adresa URL Tumblr este „goodblog.tumblr.com,” URL-ul dvs. completat ar trebui să arate ca următoarea linie:

goodblog.tumblr.com / blogroll

tastați un titlu pentru pagina dvs. blogroll, apoi faceți clic pe comutatorul de comutare „Afișați un link către această pagină” pentru a-l activa.

introduceți numele primului blog în caseta de editare.

selectați numele blogului, apoi faceți clic pe butonul „Inserați/Editați linkul”.

introduceți adresa URL pentru blog în caseta de introducere etichetată „Link URL”, faceți clic pe butonul „inserați linkul”, apoi faceți clic pe „Salvați.”

avertismente

în timp ce modificările temei dvs. pot părea OK în panoul de previzualizare Tumblr sau în browserul dvs. Web, vizitatorii care utilizează un alt browser sau un dispozitiv mobil pot vedea elemente deplasate sau distorsionate. Tumblr folosind cât mai multe browsere și platforme hardware diferite pentru a vă asigura că site-ul dvs. arată întotdeauna așa cum ați intenționat să arate.

Write a Comment

Adresa ta de email nu va fi publicată.