“Grab My Button” Code Generator

  • Author
    Posts
  • #429408

    devblog
    Member

    Since there have been some people having problems using the Grab My Button code, I decided to write a “Grab My Button” Code Generator. This little web app will (hopefully) make things easier to people who can’t get my code to work.

    You can customize the code box border, background, and code font colors to match your blog/website’s; then, you can preview it to see how it will look like. All you need to do is enter the Title of your blog/website, its URL and the URL of the image you want to use, et voilà!

    Feedback/suggestions to improve it are always welcome.

    The blog I need help with is csswiz.wordpress.com.

    #429603

    Way cool.

    #429610

    timethief
    Member

    Sweet. Thanks. :)

    #429623

    tishrei
    Member

    Let me ask this — and it’s probably really high on the dumb meter as far as questions — what’s a grab button? I actually went to it and generated a code and put it on my test blog. When I clicked on it, it simply led me back to my main blog.

    What is its purpose?

    #429625

    willowbatel
    Member

    You can “give out” the button to other people to put on their blogs. It’s basically like someone putting you on their blogroll but much more noticeable.
    @devblog – thanks for this. As soon as I get photoshop I will be making one for sure.

    #429648

    devblog
    Member

    Thank you!

    #429693

    tishrei
    Member

    thanks for the answer. I now realize even more how dumb the question was. Well, at least I know know :)

    #429700

    t3ck
    Member

    @devblog I tried your new grab button generator and when I past the code into the HTML editor and view it on my blog it shows my image instead of the code inside the container.

    Here is a screen shot of what looks like http://img69.imageshack.us/img69/3139/grabbutton.png

    Here is the code your generator generated and inserted into the HTML editor via WP.com

    <pre style="background:#999999;border:solid 1px #666666;color:#000000;height:45px;overflow:auto;white-space:pre-wrap;width:90%;margin:auto;padding:10px;"><div align="center"><a href="http://teckline.wordpress.com" title="Teck~Line Lounge"><img src="http://t3ckline.wordpress.com/files/2009/12/1261261158_user-black.png" alt="Teck~Line Lounge" style="border:none;" /></a></div></pre>

    #429702

    devblog
    Member

    T3ck,

    I’m not sure what you’re doing, but the code does work for me:

    http://csswiz.wordpress.com/2009/12/19/t3ck-test/

    I’ll delete that page soon, so hopefully you’ll see it on time.

    The code you should get from the page should look like this:

    http://csswiz.files.wordpress.com/2009/12/screen-shot-2009-12-19-at-dec-19-2009-2-48-18-pm.png

    #429703

    electricia1
    Member

    @tishrei, not a dumb question! there are so many widgets and buttons, it’s impossible to keep up. I’m new to this as well, so. I just looked up the Grab Me Button on Google to find a blog that has it to see what I looks like. Well, the first thing that came up was a tutorial with a button on a WordPress.com blog. It is a very cute button. Is it okay if I post the urls?

    WP.com blog: http://comeherelittlebug.com/
    the blogger who made the buton: http://bloggingwithsuccess.net/displaying-grab-button-code-free

    #429704

    devblog
    Member

    electricia1,

    My post explains that too:

    http://csswiz.wordpress.com/2009/08/25/grab-my-button/

    #429705

    electricia1
    Member

    yes, thanks.. But when I clicked on your blog I did not see A Grab Me button embedded on your blog, . I had no idea what it is or what looks like, so I Googled to find out.

    #429706

    electricia1
    Member

    @devblog…your photoblog is amazing. does it require CSS?

    #429774

    devblog
    Member

    your photoblog is amazing. does it require CSS?

    Thank you, Electricia.

    Well, since in all honesty I’m too lazy to develop my own theme, I use Sandbox which I just style using CSS.

    #429775

    t3ck
    Member

    @devblog Thanks I seen the page you created feel free to delete

    I’m still puzzled on this I copied the code from the generator site and pasted the code into the HTML editor via WP.com then saved the post and clicked preview post and I’m getting a image instead of the code in the container box.

    Here is what the code looks like on my dashboard via “HTML” editor mode
    http://t3ckline.wordpress.com/files/2009/12/code_preview.png

    #429777

    devblog
    Member

    Thanks t3ck,

    I pasted the code in one of my blogs where I have both RT and HTML enabled and I still don’t get such problem.

    You are indeed clicking the Get Code button and getting the code from the textarea, right? Just double checking.

    I’ll try the code using your theme… perhaps that’s the culprit.

    #429778

    devblog
    Member

    oh, I just noticed you posted a link to a screenshot. What browser are you using?

    Notice the difference in my screenshot:

    http://csswiz.wordpress.com/files/2009/12/screen-shot-2009-12-19-at-dec-19-2009-8-09-05-pm.png

    Your code has “<” and “>” whereas mine has “& lt;” and “& gt;” (no space in both). Maybe your browser is rendering both as the formers?

    #429795

    t3ck
    Member

    Hello Devblog I’m currently using Google Chrome Dev Build Version 4.0.266.0

    I will test out none Beta versions of Browsers today I will report my findings later today when I get back from my wife’s parents Christmas party.

    #429804

    devblog
    Member

    Thank you, t3ck. I downloaded Google Chrome for the Mac and was able to replicate this. Don’t know why the browser would render the special characters in the textarea… it shouldn’t do it (like other browsers don’t), that’s why I’m using “escaping” the HTML entities so that they don’t get rendered…

    If you test this in Fx you should see the difference. However, I will look into how to make this work on Chrome as well. Thanks for bringing this to me attention.

    #429805

    devblog
    Member

    Update

    The HTML entities rendering behavior is observed in browsers that use the WebKit engine (Safari and Chrome). I’ll look into this and post an update whenever I have something.

The topic ‘“Grab My Button” Code Generator’ is closed to new replies.