1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Is There A Way To Add A "learn More" or "Browse Product" Buttons On Free Web 2.O Sites?

Discussion in 'Blogging' started by Dan Da Man, Sep 29, 2011.

  1. Dan Da Man

    Dan Da Man Elite Member Premium Member

    Joined:
    May 31, 2011
    Messages:
    1,850
    Likes Received:
    937
    Occupation:
    Duh
    Location:
    San Diego
    Home Page:
    I am ranking a bunch of satelite sites (wordpress, squidoo, posterous) and I was wondering if there was a way to add some sort of code to get buttons like "browse products" or any type of button to my posts that will direct them to my product page?? Is there a way??
     
  2. Dan Da Man

    Dan Da Man Elite Member Premium Member

    Joined:
    May 31, 2011
    Messages:
    1,850
    Likes Received:
    937
    Occupation:
    Duh
    Location:
    San Diego
    Home Page:
    Anyooonnnee?
     
  3. Dan Da Man

    Dan Da Man Elite Member Premium Member

    Joined:
    May 31, 2011
    Messages:
    1,850
    Likes Received:
    937
    Occupation:
    Duh
    Location:
    San Diego
    Home Page:
    Awesome. Lovely help I will take that advice!
     
  4. Dan Da Man

    Dan Da Man Elite Member Premium Member

    Joined:
    May 31, 2011
    Messages:
    1,850
    Likes Received:
    937
    Occupation:
    Duh
    Location:
    San Diego
    Home Page:
    Love the help haha
     
  5. jdog37

    jdog37 Power Member

    Joined:
    Apr 3, 2009
    Messages:
    510
    Likes Received:
    569
    Occupation:
    unemployed electrician
    Location:
    virginia
    Ive used Squidoo quite a bit and have added my own custom banners using simple html and tinypic. This may not be the easiest way but it is the way I do it and it works.

    Not sure how much html experience you have so I will break it down as simple as possible. If your a whiz at html maybe my explanation will help those who are not so much.... So bear with me.

    Keep in mind that squidoo does not have wysiwyg editor. So you have to add the code in the edit mode just like you would your text.

    Basically all you have to do is get the button image from wherever. I found one on google images in just a matter of seconds and downloaded it to my pc.

    Of course it looks like shit here because of the white against the black background but it is just an example. It would work fine in squidoo with their white background. You could also cut it out and resize or whatever with photoshop... I use gimp which is free and works pretty good.

    [​IMG]

    All I do for squidoo is simply go to tinypic and upload my image. After that you get the share options and you will copy the code in the "HTML for websites" box. It will look like this:

    <a href="http://tinypic.com?ref=2qbg2up" target="_blank"><img src="http://i55.tinypic.com/2qbg2up.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

    This code automatically gives you a clickable image. The problem is that anyone that clicks it will be directed to the tinypic website. So we have to modify the code.

    Now there are several ways to modify this code according to what you wanna do. I'll color code it and try to explain each function and how it may apply to your situation. So lets look at the code again.

    <a href="http://tinypic.com?ref=2qbg2up" target="_blank"><img src="http://i55.tinypic.com/2qbg2up.jpg" border="0" alt="Image and video hosting by TinyPic"></a>


    1. This is the address that the user will be redirected to when they click the image. You must change this to your desired webpage url. (be sure to leave the " mark at the end of your url)
    2. This snippet of code simply causes the redirected address to open in a new window. Remove this snippet if you want your url to open in the same window.
    3. This is the url of your image that is hosted at tinyurl. DO NOT edit this or your image will not appear.
    4. This snippet of code does not mean anything in this situation and can be left alone or removed.
    5. This is the alt tag for the image. Basically it can be used as a contextual back link to the address the image redirects to. Place your targeted keyword between the "" marks or remove entire snippet altogether.
    OK... Lets get a few examples of the modified code.

    <a href="http://blackhatworld.com" target="_blank"><img src="http://i55.tinypic.com/2qbg2up.jpg" border="0" alt="black hat seo"></a>

    The above code means when the image is clicked, black hat world will open in a new window. The alt tag of "black hat seo" tells google that the image is targeting that keyword. See #1 and #5 above.

    <a href="http://blackhatworld.com"><img src="http://i55.tinypic.com/2qbg2up.jpg" border="0" alt="black hat seo"></a>

    With the above code nothing has changed from the first example except that BHW will open in the same window by removing the code as in #2 above.

    <a href="http://blackhatworld.com" target="_blank"><img src="http://i55.tinypic.com/2qbg2up.jpg"></a>

    The above code is the same as the first example but removes the alt tag (#5) as well as the snippet described in #4 above.

    Okay.... one last example and I am done. All the examples above will align your image to the left side of the page. Some people prefer to put buttons in the center of the page. Like this:

    [​IMG]


    <a href="http://blackhatworld.com" target="_blank"><p align="center"><img src="http://i55.tinypic.com/2qbg2up.jpg" border="0" alt="black hat seo"></p></a>

    To achieve this you have to add the above snippet of code highlighted in red. Make sure that it is between the >< marks.

    A final note.... This tutorial is for squidoo that does not have a "what you see is what you get" editor like a lot of 2.0 properties do.

    With a WYSIWYG editor, these things can be done with just a few mouse clicks if the site allows it.

    DISCLAIMER: I am no coder or html expert or nothing like that. I have built quite a few squidoo lenses and learned all this by searching the web and by experimentation.

    I aint saying this is the only way to do this but it is the only way that I know how.

    CHEERS... :drinking2



     
    • Thanks Thanks x 3
    Last edited: Sep 29, 2011
  6. Dan Da Man

    Dan Da Man Elite Member Premium Member

    Joined:
    May 31, 2011
    Messages:
    1,850
    Likes Received:
    937
    Occupation:
    Duh
    Location:
    San Diego
    Home Page:
    Super Super helpful man! Thanks so much!
     
  7. imserious

    imserious Senior Member

    Joined:
    Mar 27, 2009
    Messages:
    946
    Likes Received:
    560
    @jdog37

    +rep for you for such a detailed explanation. I knew this but there are very few people in here who will go to such length to help someone..
     
    • Thanks Thanks x 1
  8. jdog37

    jdog37 Power Member

    Joined:
    Apr 3, 2009
    Messages:
    510
    Likes Received:
    569
    Occupation:
    unemployed electrician
    Location:
    virginia
    Your welcome bro.

    Thanks for the rep.

    I was really glad to do it. In fact it was sort of like a refresher course for me as well. I had to go back to some of my lenses and play around with some stuff to get my head wrapped around it again.