2009. július 14.

Cimkefelhő / Label clouds

A legtöbb blogon szebbnél szebb cimkefelhőt láthatsz.
Az eredeti leírást (angol nyelvű) itt találod.

Ha szeretnél a sajátodra is egyet, akkor kövesd a következő utasításokat:
  1. Lépj be a blogod html-kódjának szerkesztésébe
  2. Keresd meg a következő részt:
  3. ]] > < /b:skin >
    A legegyszerűbben a CTRL+F-el alul megnyitva egy keresősávot kereshetsz.
    Ez ELÉ szúrd be a következő kódot:

    /* Label Cloud Styles
    ----------------------------------------------- */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}

  4. Keresd meg a leírt két tagot és közéjük szúrd be a következő kódot:
    ]] > < /b:skin > < /head >
    Az első tag az előzőekben már leírt, csak akkor elé szúrtad be a kódot, most utána és a head elé.

    < script type='text/javascript' >
    // Label Cloud User Variables
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    < /script >


  5. Keresd meg a következő sort:
    < b:widget id='Label1' locked='false' title='Labels' type='Label'/ >

    Írd át arra a kódra (a leghosszabb, a vége felé), amit itt találsz:
    http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html

  6. Készen vagy!

Kipróbáltam, nekem sikerült beállítanom. Volt egy hibaüzenetem Előnézet közben, miszerint nem lehet sok Label1 a leírásban, így átállítottam az egyiket Label2-re.
Annyit még hozzá kell tennem, hogy szerintem az eredeti modult ki kell törölnöd (vagyis azt, ami a felsorolást tartalmazza).


Nincsenek megjegyzések:

LinkWithin

Related Posts Plugin for WordPress, Blogger...