Icon troubleshooting

Administration 24 Comments
By Dave Munger

Are you having trouble getting the Research Blogging icon to work? Post your problem in this thread, and we’ll try to help!

24 Responses to “Icon troubleshooting”

  1. Mr. Gunn Says:
    October 29th, 2007 at 3:03 pm

    I often have a header graphic or other formatting in my posts, so I wouldn’t be able to use this graphic as described.

    I’m assuming your aggregation system simply aggregates the posts from your referrer logs, so it should work anywhere, right?

  2. Zachary Tong Says:
    October 29th, 2007 at 4:02 pm

    There will be an option to produce an invisible tag for people that are in a situation like yours. It will be invisible and won’t affect formatting of the post.

  3. Dave Munger Says:
    October 29th, 2007 at 4:26 pm

    The icon does not have to appear at the top of the blog post — it can go anywhere in your post. The top is preferable because RSS readers (and our aggregator) may not get all the way to the bottom of your post.

    I took a look at your blog and I think one way you could handle is to float your header graphic to the right, and place the icon on the left. If you know a little CSS, you could even modify our code slightly and float the icon to the right instead of left.

    If you’re still unhappy with the way the icon looks on your blog, you’ll be able to tag your post for aggregation without it — just not yet…

  4. Ian Says:
    October 29th, 2007 at 10:01 pm

    I haven’t played around with it, but I think the out-of-the-box WordPress installation I use does not accept ; the code is changed to which doesn’t work well.

    I can still add the pieces in and the results look fine, but the code as is doesn’t work for me.

  5. Ian Says:
    October 29th, 2007 at 10:35 pm

    … the code is changed from <DIV> to <P> which doesn’t work well. (Wish there was a Preview function here.)

  6. Dave Munger Says:
    October 30th, 2007 at 6:33 am


    We’re working on generating better code for WordPress. I’ve experienced the problem you describe; hopefully we’ll have a better solution soon. If you have any suggestions, let us know.


    I’ve modified the sample code to use <span> tags instead of <div> tags. This seems to play better with both WordPress and Movable type. Let me know if there are additional problems with the code.

  7. Ian Says:
    October 30th, 2007 at 11:02 pm

    Looks like the <SPAN> tags work fine on my WordPress install.

    Would it be possible to get a variant of the icons that is in a box — that is, with a narrow line surrounding the icon itself? I would like something to set the icon apart a little more from the actual text.

  8. Dave Munger Says:
    October 31st, 2007 at 11:54 am

    Ian, you can do that yourself: Add this code to the inside of the first “span” tag (after the last semicolon)

    border: 1px solid #999999; margin: 5px;

  9. Ian Says:
    October 31st, 2007 at 4:10 pm

    border: 1px solid #999999; margin: 5px;

    That looks much nicer. Thanks.

  10. Dave Says:
    November 12th, 2007 at 11:55 pm

    I’ve tried copying and pasting your code into wordpress, but all that appears in the saved entry is the code itself (note: I am not very tech savvy).

    How should I proceed?

    Here’s a link to a post:

  11. Dave Munger Says:
    November 13th, 2007 at 6:08 am


    In wordpress, you need to copy and paste the code into the “code” tab, not the “visual” tab. Just click on the “code” tab and you’ll see all the code wordpress needs to generate your post. Paste your code in, and you’re all set.

    You can go back to the “visual” tab to see how it looks.

  12. Ben Says:
    November 28th, 2007 at 6:23 pm

    I’m still having trouble getting this to show up in Wordpress. I just upgraded to the most recent versions of Wordpress (2.3.1) and my template thinking that may have been the problem, but still nothing doing. Just FYI.

  13. Ben Says:
    November 29th, 2007 at 10:52 am

    Okay, the trouble I’m having in Wordpress seems to be with the code. Using everything inside the tags alone works fine, although there is no padding or alignment built-in. If you put


    just before the width and height markers, it seems to be fine. Not sure why the tags aren’t playing nicely with my blog, but oh well.

  14. Ben Says:
    November 29th, 2007 at 10:53 am

    Sorry, in the above comment, everywhere that says “tags” should be “span tags.”

  15. Dave Munger Says:
    November 29th, 2007 at 11:09 am


    It looks like wordpress may be stripping the span tags out of your posts completely. I suspect the problem may be the visual editor in wordpress. Try disabling this function in your user profile (uncheck the box marked “Use the visual editor when writing”).

    You don’t get visual editing of posts, but HTML works much more predictably.

  16. Ben Says:
    November 29th, 2007 at 1:06 pm

    Nope, tried that previously. Even with visual editor off, the same thing still happens. Kind of weird. It’s looking like I’m one of the few that’s having this problem, so it’s not too big a deal, especially with the above workaround.

  17. BrianR Says:
    January 20th, 2008 at 8:57 pm

    I cannot get the icon to show up in WordPress either … not sure if it’s the same problem as discussed above.

    I insert the code in “code view” and then go back to “visual view” and it looks fine. But, when I publish the post it doesn’t show up. There’s a little box with the proper link to bpr3.org, but no image.

    Any thoughts? See one of my posts with this problem here

  18. BrianR Says:
    January 20th, 2008 at 9:47 pm

    Okay…i got the image to show up by using the code from a post back in September…it is different than the one that is current under ‘Research Blogging Icons’ page.

    I’m not sure if that one does the job regarding the aggregator or not…I’m not very savvy on these matters.

  19. Michael A. Innes Says:
    January 21st, 2008 at 5:06 am

    I’d used the BPR3 icon in a post, and everything was fine. I later changed the site template from white to dark, so I wanted to change the BPR3 icon from clear to white background. I pasted in the code, and this is what I get – the code, not the icon, appears in the reading pane.

    What am I doing wrong?

  20. Michael A. Innes Says:
    January 21st, 2008 at 5:06 am

    Sorry – you can see it at: http://www.terraplexic.org/zerotropes/?currentPage=15

  21. Dave Munger Says:
    January 21st, 2008 at 8:15 am

    Michael, I’m thinking your blogging software probably has a “html” or “code” view that you need to activate. In wordpress this is done by disabling the visual editor under Users –> Your Profile. In most other platforms, you just click on an “html” tab while editing your post.

  22. Michael A. Innes Says:
    January 21st, 2008 at 6:06 pm

    Got it, thanks. I had tried doing exactly that earlier, with no success, but tried your suggestion just now while using a different computer, and everything’s fine.

    FYI, my site, which is a template my webhost offeres, uses Movable Type. Is it possible there’s a conflict, or that there’s browser interference going on?

  23. Wanda Keltt Says:
    March 8th, 2012 at 11:26 pm

    However another intelligent weblog! Totally cannot wait for much more! Regards http://www.mmmdonuts.com/motivational/index.php?showimage=531

  24. Temika Beverley Says:
    April 10th, 2012 at 1:28 am

    I loved as much as you’ll obtain performed proper here. The caricature is attractive, your authored subject matter stylish. nevertheless, you command get got an shakiness over that you would like be delivering the following. unwell indisputably come further formerly once more since precisely the same nearly very regularly inside case you protect this hike.

Leave a Reply

Icons by N.Design Studio. Based on a theme by Ben Swift.
Entries RSS Comments RSS Log in