I’m sorry to return to the subject of buttons and widgets again, but I have been over faq and forum topics many times without much luck….
I want to add buttons (for instance a wordpress button) to my side bar. I have pasted the following into a text widget, but nothing shows:
furthermore I would like to add ‘fave this blog technorati’ links and other badges. When I add the following to a text widget, only a text shows in my side bar. Can you tell me step by step how to make this a button instead? Do I upload the ‘images’ from somewhere (where?), and how do I write this into the text widget?
View blog top tags
Thanks very much in advance
One trick for making up text widgets that I use is to put them together in the Write Post box, as if they were a post, fiddling with formatting and making sure everything works like it should. When it’s done, I click over to the Code view using the tab, copy the code, delete the draft I was working in, and paste all of the code into a text widget. That generally works well (although cautious souls would save the draft until the widget was up and running, just to be safe).
Thankyou for your reply, I’ll play around with this for a while. I’m still looking for the plain HTML buttons on technorati however…
is it under here somewhere ? http://www.technorati.com/widgets/blogwidgets
thats a pity, but thankyou i’m a little wiser now. Just added a pixie weather to my side bar that I saw on your site!
Glad you liked it. I have the Favorite this button from Technorati, but I honestly don’t think it works. You can hotlink the image, though, if you can figure out how to get it working.
The weather thing is fun, and I’m surprised it actually works, given that it seems to be dynamic. Normally all that stuff is stripped out of WordPress.
I’m still having problems creating a wordpress button through the text widget….even when I try to play around with the code under ‘write a post’
I have used the usage suggested on faq here:
then I replace -choose from above- with one of the suggested buttons such as
however only the word (‘wordpress’) comes up in the side bar….not the button.
Is there some part of the code I am missing here?
Hard to tell the way you’ve posted the code. Post the whole thing that you’re pasting in the widget, but put it between backticks, those little almost-singlequotations that are at the top left-hand key on the standard keyboard. It’s on the same key as the tilda, this: ~ Type a backtick, paste the code, then type another backtick and hit Publish. That will preserve everything.
bello80: the code doesn’t work because i think the title shouldn’t be there. try this.
<img src="http://faq.files.wordpress.com/2006/05/wp-button-1.png" alt="1" />
thanks, found the quotation mark key now…
I’ll try showing what I’m trying to post now…
magnificent, that just worked!
No, quotation marks aren’t it. Backticks are different, although they look similar. Posting code between backticks makes it look like this:
<img src=”http://faq.files.wordpress.com/2006/05/wp-button-7.gif” title=”WordPress!” alt=”WordPress link” />
now watch is mess up and make a fool of me. Okay, it didn’t.
All I can think is, A) maybe the image is down on their end? Put everything from HTTP to .gif inclusive into your browser bar and make sure the image comes up. And instead of “WordPress link” you need to put the actual URL you’re linking to in there, I believe.
The simplest way to use a button with a link is to put the link in your blogroll and add the image in Add Link, in the part below where you put the link information. But the image must have a web address that functions: if it doesn’t, copy it and upload it yourself and get the URL from your own account. This only works if you put the link into your regular blogroll. If you want it in a text widget, I think you’re screwed.
may I ask another question…?
are you able to tell me how to write the code so that it actually links to http://www.wordpress.com?
just to clarify what I mean, posting the following successfully brings out the button
“<img src=”http://faq.files.wordpress.com/2006/05/wp-button-1.png” alt=”1″ />”
however the button doesn’t link to word press here.
Thanks for all the advice, I can see I’m going to learn a lot just playing around from the tips you have given me so far
bello80: the button with the link –
<a href="http://wordpress.com"><img src="http://faq.files.wordpress.com/2006/05/wp-button-1.png" alt="1" /></a>
Thanks very much, that worked and I can see how to configure things a lot better now with regards to buttons!
Just for clarification, it is recommended to use the title attribute in your image tags. The alt attribute is for ‘alternate’ text. In other words, if the image doesn’t come up, whatever text you have in your ‘alt’ attribute will be displayed instead.
Now, to make the image link back to wordpress.com, you do this:
<a href="http://www.wordpress.com" title="WordPress"><img src="http://faq.files.wordpress.com/2006/05/wp-button-1.png" alt="WordPress" /></a>
<a href="http://www.wordpress.com" title="WordPress"><img src="http://faq.files.wordpress.com/2006/05/wp-button-7.gif" alt="WordPress" /></a>
Sulz beat me to it :D
The topic ‘buttons’ is closed to new replies.