Need help? Check out our Support site, then


Need to Insert Code to My Blog - How Do I Do This?

  1. I was just accepted into the Her Campus Blogger network, and I need to add code to my blog to prove I am part of the network. The code is for a Her Campus badge.

    If anyone could walk me through simply step by step, I would really appreciate it.

    Thank you very much!
    Erin

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

  2. This is not a CSS issue. Provided the code does not contain Javascript or is not for an iframe then you copy and paste it into a text widget and that's it.

    If you are ever in the situation where no code is provided or it's a restricted code like the ones I named above, a badge, award or certificate is simply an image that you link to. You can capture an image and upload it, link to it and display it in a text widget.

    For creating links in a text widget see:
    http://en.support.wordpress.com/links/text-widget-links/
    http://en.support.wordpress.com/widgets/text-widget/
    NOTE http://en.support.wordpress.com/widgets/text-widget/#adding-an-image

    You can upload image files by clicking the Add Media button right above the editing area of a page or a post. http://en.support.wordpress.com/add-media/

    You can also upload new files to your Media Library using Media → Add New. http://support.wordpress.com/media/media-add-new

    See also http://wpbtips.wordpress.com/2009/04/26/images-the-three-link-options/

    For troubleshooting see http://en.support.wordpress.com/images/troubleshooting-images/

  3. Can you post the code here between code tags, so that we can take a look at it like the following?

    <code>all the code here</code>

  4. @thesacredpath
    check your email :)

  5. Got it timethief. I'll reply soon.

  6. Cool :)

  7. I don't know how to insert this widget thing. I have looked at the tutorials, and I am lost.

    Sorry!

    I need this Her Campus logo on at all time.

  8. Actually, let's do it with an image widget, which is easier. Go to appearance > widgets and add an image widget to your sidebar.

    First, click this link for reference: http://en.support.wordpress.com/widgets/image-widget/#settings .

    Paste this into the "image URL" field in the image widget:
    http://hercampus.com/sites/all/themes/year_three/banners/BloggerNetworkLogo200.png

    Paste this into the "Link URL" field in the image widget:
    http://www.hercampus.com/her-campus-blogger-network

    Leave image alignment set to none.

  9. Thank you very much for your help. You are very kind and patient!

    How do I get that icon set up on the side of my blog?

    I would like it to be on the right hand side. Any thoughts?

  10. Also is there any way to get rid of all of the things underneath Meta?

    I honestly don't really see the need for them with my blog. Thank you again to all who have helped contribute. It is much appreciated.

  11. Put it in an image widget in the right-hand sidebar, assuming your theme has a sidebar on the right.

  12. Here is what to put in the Image URL field inside the image widget:
    http://www.hercampus.com/sites/all/themes/year_three/banners/BloggerNetworkLogo300.png

    If you'd like, you can also add a Link URL to the image widget, such as:
    http://www.hercampus.com/

    I added an image widget to the Inactive Widgets area in your Appearance -> Widgets dashboard so you can see how it works. Just drag that image widget over into the "Sidebar" area on the right.
    https://stylesilike.wordpress.com/wp-admin/widgets.php

    If you want to remove the meta widget, click the arrow on the right side of the "Meta" title and click "Delete."

Topic Closed

This topic has been closed to new replies.

About this Topic