joi, 5 august 2010

Listele de linkuri (blogroll) afisate in linie

Ai un blogroll prea lung care îţi ocupă mult spaţiu în sidebar? Vrei ca link-urile să fie afişate în linie şi nu unul sub altul? Iată ce trebuie să faci:





În primul rând trebuie ca blogroll-ul să fie creat într-un obiect gadget de tipul: "Lista linkuri".
Pentru a crea o astfel de listă intraţi la Design --> Elemente de pagină --> Adăugaţi un obiect gadget şi căutaţi opţiunea: "Lista linkuri". Introduceţi link-urile şi daţi un titlu listei, de genul "Blogroll"
Reţinând acest titlu, intraţi la Design --> Editaţi html şi aveţi grijă să nu fie bifata căsuţa pentru extinderea codului şablonului.

Folosind combinaţia de taste Ctrl+F găsiţi cuvântul (cuvintele) care formează titlul listei de link-uri.



Dacă aţi procedat corect, veţi găsi o linie de cod asemănătoare cu aceasta:

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'/>

Pentru ca lista de link-uri să fie afişată în linie, ne vom folosi de id-ul acestui obiect gadget, căruia îi vom aplica câteva definiţii CSS.
Id-ul obiectului gadget este cel scis cu roşu şi la el poate diferi doar numărul scris după LinkList.
 
După ce aţi găsit id-ul listei, căutaţi acest cod:

]]></b:skin>

şi înaintea lui copiaţi acest cod :

#LinkList1 li{
display:inline;
list-style-type: none;
padding:0px;
margin:0px 8px 0 0;
}

Nu uitaţi să modificaţi id-ul.
Cifra 8 reprezintă distanţa dintre link-uri.

Previzualizaţi şi dacă vă place cum arată, salvaţi şablonul.


14 comentarii:

  1. oo de mult nu am mai văzut posturi noi pe blogul ăsta :)

    drăghuţ post, cu siguranţă va fi de un real folos multora.

    RăspundețiȘtergere
  2. Salut Cristi!
    Acum o saptamana am scris o alta postare, deci nu e chiar asa de demult :)

    RăspundețiȘtergere
  3. ar fi si mai bine daca ne-ai dresa si pe noi sa facem asta :)) : http://www.abu-farhan.com/2009/10/easiest-way-to-make-tabber-sidebar-for-blogger/

    RăspundețiȘtergere
  4. Am incercat mai multe scripturi pentru schimbare culoare background. Desi atunci cand le incerc (inainte de a le pune pe blog) functioneaza, dupa ce le pun pe blog NU mai functioneaza. Care poate fi cauza? Culoarea de background este si in outer-wraper. Poate stie cineva, in special domnul Administrator al blogului. Multumesc anticipat!

    RăspundețiȘtergere
  5. Sterge background-ul care apare dupa body { , poate merge.

    RăspundețiȘtergere
  6. Eu nu vad nici o lista de link-uri pe blogul tau. Cred ca nu ai citit bine articolul!

    RăspundețiȘtergere
  7. Buna! Am si eu o intrebare. Ma uitam in blogroll`ul altor persoane si am vazut ca blogul meu nu apare actualizat cu ultima postare. De ce? Ce ar trebui sa fac pentru ca nu-mi convina sa apara acolo postarea de acum doua saptamani.
    multumesc!

    RăspundețiȘtergere
  8. Este doar o problema temporara. Am patit-o si eu. Se va rezolva.

    RăspundețiȘtergere
  9. eu am reusit sa fac aia cu tabed side-bar dar nu a fost usor 8-} vedeti rezultatul http://mspaintphoto.blogspot.com/ poate daniel o sa faca un tutorial pe roamna si niste moduri de editare...

    RăspundețiȘtergere
  10. Buna ziua, dorim sa va facem o propunere comerciala! Daca sunteti interesat trimiteti un e-mail la office@falvorotarybids.ro.

    RăspundețiȘtergere
  11. Te asteptam sa intri si tu in concursul nostru unde poti castiga premii in bani!

    RăspundețiȘtergere