Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Alt attribute in Tumblr

    Hello,

    I must say upfront that I am completely ignorant with regards to coding.

    If any of you are familiar with tumblr, it automatically uses the accompanying text to image posts as the alt text for the image. However, using that text to describe what the image is about could not be more boring from a visitor's perspective. I am therefore trying to figure out a way to add alt text to image posts without it being visible to my visitors.

    By default, the alt attribute in Tumblr works like this: <img src="{PhotoURL-500}" alt="{PhotoAlt}" /> (for a chart explaining the basic variables go here: http://www.tumblr.com/docs/en/custom_themes#custom-images)

    My question, therefore, is if there is a way for me to write descriptive text somewhere that would act as the alt text without it being visible to my visitors. When I asked tumblr support about this, this was their answer:

    "You might be able to edit the HTML of the post to add in the alt text yourself by editing the post in the HTML window/Plain Text editor. You may need to use the Plain Text Editor to create or edit advanced post embeds or to control element formatting via HTML"

    However, this all sounds very confusing to me. If anyone here could help me figure this out, I would be most grateful.

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Do as Tumblr support says and edit your post in the HTML/Plain text editor and hard-code it in yourself.

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the response. I guess the main issue is that i do not know how to code it myself. If you have any pointers as to how I could go about it I would really appreciate it.

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    I am not a Tumblr person but I'm going to make a rough guess at how you'd go about doing it:

    Insert your image in using the WYSIWYG editor.
    Switch to HTML mode.
    Your image will be coded something like this:
    Code:
    <img src="example" alt="example"/>
    ("example" is arbitrary and it could be anything.)
    Delete what is between the two inverted commas after alt. You should end up with something like this:
    Code:
    <img src="example" alt=""/>
    Inside the inverted commas, type anything you like. This will be the alt text when you publish the post.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •