Custom Widgets on Sidebar

cmichaelmcgannon · Member · Nov 2, 2010 at 8:10 pm
Copy link

Add topic to favorites
Hi! I’m extremely new to CSS code. Is there a way to add a custom widget to the side bar? I figure I can just copy and paste the widget’s code into the stylesheet, but I don’t know where exactly I need to insert the code. THanks!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Nov 2, 2010 at 8:49 pm
Copy link
Are you aware of these restrictions? http://en.support.wordpress.com/code/
timethief · Member · Nov 2, 2010 at 8:55 pm
Copy link
If you have CSS editing experience, you can get the paid custom CSS upgrade and renew it annually. It will allow you to stylize the appearance of themes you find here > Appearance > Themes, but it does not allow you to change the functionality, by editing the underlying template. Also note that CSS is theme specific, so you cannot use the CSS stylesheets from other themes with the themes here at wordpress.COM.

Since there is no official Staff support for the CSS upgrade, and precious little Volunteer support, you must have at least moderate understanding of HTML and CSS because you must be prepared to do the work on your own.

WordPress has provided a preview function here > Dashboard > Appearance > Edit CSS
There are links to CSS resources found here > http://en.support.wordpress.com/editing-css/#css-resources

Please read this post before undertaking any CSS editing> http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

Please also be patient while waiting for another Volunteer to assist you.
thesacredpath · Member · Nov 2, 2010 at 9:34 pm
Copy link
You cannot put HTML, javascript, flash and such in CSS. CSS is for styling only. It is simply a document that tells the browser how to style and position the different elements of a page.

To tell you if the code you want to use can be used here, we would have to see it. Paste it here in the forums so that we can see it and give you an answer. Otherwise all we can do is guess really.
timethief · Member · Nov 2, 2010 at 9:43 pm
Copy link
@cmichaelmcgannon
The way to post code into this forum so it displays properly is to post it between backticks. The backtick, not to be confused with the single quotation mark, is found on the key to the left of the number 1 key on your keyboard. It’s the same key the tilde ~ is found on, but in lower case.

backtick
code
backtick

~~ TSP
thesacredpath · Member · Nov 2, 2010 at 9:54 pm
Copy link
G’day TT.
timethief · Member · Nov 2, 2010 at 9:58 pm
Copy link
Bad day – fried motherboard – 2 days for parts to arrive – 1 for installation – no data lost thank GOB!

cmichaelmcgannon · Member · Nov 3, 2010 at 6:25 pm

Thank you both so much for helping me with this. I’m really trying to learn the ropes here.
Here is the code. If it doesn’t work in the unpaid version, I’m planning on getting the full wordpress.org package.

<script id="dlvr-widget" src="http://widgets.dlvr.it/45fe4acef6e5f90ba591a1717d691788_3AgAV9wfMbj76pkH1kkUaYdG6PkvvTvvJj95v50MLxWXw7zLT9_2BPnXJAQCrpbS6GlDDsBwJa17_2FGZA" type="text/javascript"></script>
<script type="text/javascript">
    	DlvrWidget({
		width:300,
		items:5,
		widgetbg:'dbd8db',
		widgetborder:'828082',
		titlecolor:'4a494a',
		containerbg:'dbd8db',
		containerborder:'545454',
		linkcolor:'4a494a',
		textcolor:'471f06'
	}).render();
</script>

thesacredpath · Member · Nov 3, 2010 at 7:44 pm
Copy link
Javascript is not allowed here for security reasons.

Add Code to Your Site

@TT, bummer on the motherboard, but at least it didn’t take out the hard drive and your data.
timethief · Member · Nov 3, 2010 at 7:48 pm
Copy link
@TSP
True. Did I mention I “killed” my husband’s computer too yesterday? This morning he took it in for repair. Then there’s the van – she blew a head gasket and is DEAD – I’m om foot.
cmichaelmcgannon · Member · Nov 4, 2010 at 2:51 pm
Copy link
Aye, I see where it says javascript now. But you can use it in the paid version, right?
timethief · Member · Nov 4, 2010 at 5:07 pm
Copy link
There is no “paid” version of wordpress software. All software installs from wordpress.ORG are free of charge. What you pat doe is web hosting and yes you can use JavaScript in wordpress.ORG installs. Please see here > http://support.wordpress.com/com-vs-org/
timethief · Member · Nov 4, 2010 at 5:08 pm
Copy link
edit > “What you pat doe ” should have been “What you do pay for”
sehsphare · Member · Nov 20, 2010 at 8:01 am
Copy link
how can i add this source code for the bbc widget? I have to link it because I can’t get the paste function on this mac to do anything but highlight one or more spaces before where the cursor is at…

http://www.bbc.co.uk/worldservice/programmes/000000_widget_terms.shtml
thesacredpath · Member · Nov 20, 2010 at 8:07 am
Copy link
Again that is javascript, and javascript is not allowed here due to security concerns.

Add Code to Your Site
panaghiotisadam · Member · Nov 20, 2010 at 10:38 am
Copy link
You might be interested in this (poorer) substitute:

Widgets for wp.com blogs: 7 – world news
mlynn · Member · Dec 29, 2010 at 2:55 pm
Copy link
You could also try a codeless approach to custom sidebars using the Graceful Sidebar Plugin. This plugin lets you create a custom sidebar for each post or page individually. Hope this helps!

Enjoy!
Mike
hallluke · Member · Dec 29, 2010 at 3:35 pm
Copy link
That won’t work on WordPress.com where plugins aren’t allowed so not very helpful on this forum I’m afraid.