My previous post on this subject describes how to do it using a Image or Picture Page Element (https://www.blogsbyheather.com/2008/08/blogger-adding.html).  This tutorial will be on how to do it using the HTML/JavaScript Page Element.  This allows a little more flexibility and options and allows the link to open in a new window. 

However…there is a catch! You need to have an image of the file stored online somewhere.  Blogger does not have a File Manager like Typepad does.

So, there are two ways to go about it.

One Method

You can add a post to your blog about a new promotion and insert the promotional image (you can use the beautiful image that from Michelle Laycock (www.laycockdesigns.com)  makes if you are a Stampin' Up! demonstrator, or one that you've edited — see this tutorial about image editing: https://www.blogsbyheather.com/2008/08/create-image-fo.html).  Then, after it is posted, go to that post and right-click on image and choose Properties.  Select and copy the entire link of the Target (it's starts with http:// and ends with .jpg).  You will paste it in the instructions below!

Second Method

Save your image to an online storage place like Photobucket, www.photobucket.com. It's FREE. Click the Upload button to load images from your computer. Then click on the image after it's uploaded and you will see options, one of the being "Direct Link".  Select and Copy that URL. Continue below.

Here are step-by-step instructions but feel free to ask me for help if you have any trouble.

  • Login to Blogger.

  • From the Dashboard, go to Layout.

  • Choose Add a Page Element or Add a Gadget.

  • From the list, choose HTML/JavaScript.

    Addsidebar2

  • From the Configure Image window, add your Title, such as "Join Stampin' Up! NOw for $99".

  • In the Content box you need to type something like this:
    NOTE: target=_blank is what makes it open in a new internet window.

    <a href=”http://www.stampinup.com/us/documents/US_99_Start_Kit_promo.pdf” target=”_blank”>

    <img src="PASTE the location of your file path you Copied above" alt=”Join Stampin’ Up! Now for $99”>

    </a>

    Click Save and you are done!  Then all you have to do is Drag and Drop where you want your new Page Element in your sidebar.

    Hope this helps,

    Heathersignature

  • Pin It on Pinterest