![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Recent.
After I added a LibraryThing widget to my own DW blog, I got some requests to share the technique in this group. Finally, I'm getting around to writing something up.
The first widget developed at LibraryThing for posting on blogs was written in JavaScript. But Dreamwidth, like its parent site LiveJournal, doesn't allow for inclusion of such script-based widgets on its journals. (If this is no longer a limitation, I hope someone in the know will correct me.) Sooo, a clever person over at LT developed an image-based widget that lives just fine on LJ-style sites.
The LT blog post describing how to use the widget: Graphical Widgets for LJ and etc..
While detailed, the above blog post might still be confusing for folks not very familiar with HTML or especially argument strings on URLs. So I'll provide a detailed breakdown of the options I used to produce my own widget (seen at the bottom of the left-hand sidebar of my journal).
( My own LT widget )Hi everyone! I'm here to talk to you about the ZenCoding userscript. It is a powerful script that allows you to code HTML using CSS-like syntax in textareas. If you like the script think about checking the homepage of the ZenCoding project from which this script came from to see if your favorite code editor has a plugin!
You can watch a demo video of ZenCoding in action in the Smashing article (you'll find the link for both on the homepage as well as to other resources like a cheatsheet for the available abbreviations.)
As far as I've been able to test the script, the numbering using $ is buggy and only add ones instead of incrementing, and the script messes with the tags box auto-complete (which makes me really sad). But it doesn't mess with the niftier tag auto-complete on the new update page, which makes me less sad.
.cuttag-open { border: 1px dashed black; margin: 0.5em; padding: 0.5em; }
http://USERNAME.dreamwidth.org/data/atom
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
---|---|---|---|---|---|---|
1
|
2
|
|||||
3
|
4 |
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|