Del.icio.us integratie

Posted at 26 januari 2008 // del.icio.us // egocentrisch

Zonet m’n del.icio.us bookmarks in m’n weblog geïntegreerd … hier en daar wat moeten prutsen want ‘t zag er in ‘t begin niet echt uit …

Eerst en vooral staat er bij elk bericht nu een link om het bericht aan de del.icio.us bookmarks van de lezer toe te voegen … met dank aan Arne Brachold en zijn Del.icio.us – Bookmark this! plugin.

M’n weblog zal ook elke nacht controleren welke bookmarks er de vorige dag aan m’n del.icio.us bookmarks zijn toegevoegd en indien er nieuwe bookmarks zijn, wordt er een bericht aangemaakt met die nieuwe bookmarks – dit alles met behulp van Yet Another Daily Delicious plugin van Jan Wessely.

Aan de rechterzijde zie je ook een tagwolkje, met de tags die ik aan  m’n del.icio.us bookmarks geef: dit tagwolkje is eenvoudig op te vragen via een javascript van del.icio.us zelf. Door het javascript in een tekstwidget te plaatsen, wordt dit mooi in de zijbalk aan de rechterzijde geplaatst … nu ja, mooi betekent wel met de nodige hacks in het stylesheet van m’n WordPress thema: de tags werden eerst elk op een aparte lijn getoond, en er stond overal een lijn onder … van een echte tagwolk was geen sprake meer.

Na wat speurwerk kwam ik erachter dat het del.icio.us  javascript volgende tags plaatst rond alle verdere output: <div class="delicious-tags"> en </div> en dat de links in een unordered list worden geplaatst, met als class delicious-cloud. Het stylesheet heb ik dan als volgt aangepast:

div.delicious-tags ul.delicious-cloud {
border: none !important;
text-align: left !important;
margin: 0px !important;
padding: 10px 0px 10px !important;
border-bottom:1px dotted #959595 !important;
}
div.delicious-tags ul.delicious-cloud li {
border: none !important;
text-align: left !important;
margin: 0px !important;
padding: 0px !important;
}
div.delicious-tags a {
display: inline !important;
}

Hiermee worden alle tags naast elkaar weergegeven, links uitgelijnd en zonder een lijn onder de tags. De !important optie in het stylesheet had ik nodig om zeker te zijn dat geen enkele andere stijl deze opmaak zou ongedaan maken …


Labels : , ,

Vind je dit bericht interessant? Plaats dan jouw reactie of schrijf je in op de RSS feed.

Reactie Plaatsen