Links

  • Author
    Posts
  • #337366

    srbudu
    Member

    i activate the “links” widgets, where i put the social networks that i’m in, but i’d like tu use the page’s logos instead of the name of the page, exemple: there is the facebook logo instead of just the name “facebook”. i know how to put a image there, but they just fit one under another, i’d like to put them side by side, in a column of three icons. there’s a way to do this. thank you a lot.

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

    #337519

    1tess
    Moderator Emeritus

    srbudu,
    We really need to have a link to your blog so we can take a look, starting with
    http://

    #337520

    srbudu
    Member
    #337521

    Or link your nickname to your blog as explained in the Sticky 8 Things to Know.

    #337525

    You can have the logos in a row if you remove the links from the links section and add the image codes in a text widget.

    #337528

    1tess
    Moderator Emeritus

    Use a table in a text widget:

    <table style="text-align:center;" border="0" width="150">
    <tbody>
    <tr>
    <td>DATA_1</td>
    <td>DATA_2</td>
    <td>DATA_3</td>
    </tr>
    <tr>
    <td>DATA_4</td>
    <td>DATA_5</td>
    <td>DATA_6</td>
    </tr>
    </tbody></table>

    I’m not sure about the width, but you could just play around with the number.

    #337529

    srbudu
    Member

    can you make one exemple for me, please? like three side by side and in another line more three. thanks a lot!

    #337530

    1tess
    Moderator Emeritus

    ~panos
    again, I make things more complicated.
    Though you do get better control of the appearance with a table.

    #337531

    srbudu
    Member

    oh god. where i put the link? and the image goes where? the image that i’ll take its from web.

    #337533

    @tess: Items in a text widget normally flow the one after the other, so if the images are small enough (or downsized) they’ll show up in a row without table coding.

    @srbudu: The model Tess gave you is for two lines of three items each. But we can only tell you exactly how to tailor things if you give us the links to the images you want, because much depends on their size. And it’s safer to copy and upload the images in your own blog first.

    #337534

    1tess
    Moderator Emeritus

    If you are using the table, copy my code into a draft post (HTML editor). Where it says DATA is where to put the pictures and or links. You can switch to visual editor to add your pictures/links. When you get them all added, go back to the HTML editor and copy all the code to your text widget.

    Or you could skip the table and just put your picture/links (adjusted to a small enough size, directly into the text widget.

    Do you know how to make an image link to a site?

    #337541

    srbudu
    Member

    http://www.shelfari.com/img/logos/facebook_small.png here is one of the image links that I’d like to put and I don’t know how to make an image link to a site, it means that when I clik the image, I’ll be redirected to the site that I’ve choosen not to the image link, right?

    #337543

    srbudu
    Member

    and about the size, i’ll try to use this, 40×40

    #337544

    1tess
    Moderator Emeritus

    Yes, it means clicking the picture takes your readers to a website.

    A text link looks like this:
    TEXT_HERE

    Replace ‘TEXT_HERE’ with an image tag, which looks like this:
    <img src=”URL_OF_IMAGE”/>

    Put them together and the image becomes the link:
    <img src=”URL_OF_IMAGE”/>

    Hope this helps!

    #337546

    Let’s give it one more try, because Tess forgot to add backticks for proper display. The code model for a linking image is this:
    <a href="URL_OF_SITE_HERE"><img src="URL_OF_IMAGE_HERE"></a>

    If all the logos you want are as small as the example you gave, you need do no more than write their codes the one after the other in a text widget: they’ll arrange themselves in groups of three.

    #337547

    srbudu
    Member

    thank you so much, it works perfect and now I have some knolwdge to do it in other way. great.

The topic ‘Links’ is closed to new replies.