Friday, January 1, 2016

Blogger: Editing Image Links


As I was working on some new posts to schedule to be published this month, I discovered that I could no longer edit the link to images as I have been doing.  I asked a couple of friends if their Blogger dashboard options had also changed, and it was the same for them.  The change had to have happened in the last two months or so.  For the last time I scheduled a bunch of posts, it was there.

What I am talking about is the option to edit the image link that used to be located on the right side of that blue bar you can see just above the selected image in the screenshot above.  If you are not familiar with the bar, it pops up when you left-click/select an image while you are on the post compose page of your Blogger dashboard.  At least in my case, the image will turn blue when it is clicked-on.

Well, what am I going to do now?  For I do not want anyone to think that I am stealing their images.

A Google search found a workable answer, and if I knew more about what to do with Photoshop, I could show you in other screenshots.  Since I am not good with Photoshop or another graphics application, I hope you can bear with me as I attempt to walk you through it with text.

The first thing is to change to the HTML page of the post.  The tab to do this is located to the right of the compose tab on the left, near the top.  After switching to the HTML page, scroll to the top.  The following paragraph here is what is at the top of the HTML page of the post I am using as an example.


<div class="MsoNoSpacing">
<b><i><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;">This series will include as many of my all-time
favorite (ATF) tunes as I can get my grubby little hands on (so to speak).&nbsp; Now, each one included in each edition will
have some connection with the other—albeit only as a figment of my imagination,
but they will not be numbered.&nbsp; For I
just cannot bring myself to rate some higher than others.&nbsp; So, this will not be a countdown, but if you
are enjoying them as much as I do, it won’t matter.&nbsp; Besides, with no countdown, this could go on
forever and ever!&nbsp; Oh, and despite the
fact that there is absolutely no way your musical tastes could be as exquisite
as mine, I welcome any suggestions you might dare to make.&nbsp; For I am, after all, quite magnanimous by
nature.</span></i></b><b><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;"><o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-luOZgYljOxU/VoReG46NlQI/AAAAAAAAaC4/vL8tUDGjEtE/s1600/Kenny%2BRogers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-luOZgYljOxU/VoReG46NlQI/AAAAAAAAaC4/vL8tUDGjEtE/s320/Kenny%2BRogers.jpg" width="231" /></a></div>
<div align="center" class="MsoNoSpacing" style="text-align: center;">
<b><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;">Link: [Kenny Rogers]<o:p></o:p></span></b></div>


The beginning part has to do with the opening explanation of my ATF (All-Time Favorites) series.  I have highlighted the part of the code that needs to be changed, which is where the image is linked to.  If left alone, clicking on the published image would just take you to a Silverlight page of the image.  Whereas, I want the image linked to where I borrowed it from.

<div class="MsoNoSpacing">
<b><i><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;">This series will include as many of my all-time
favorite (ATF) tunes as I can get my grubby little hands on (so to speak).&nbsp; Now, each one included in each edition will
have some connection with the other—albeit only as a figment of my imagination,
but they will not be numbered.&nbsp; For I
just cannot bring myself to rate some higher than others.&nbsp; So, this will not be a countdown, but if you
are enjoying them as much as I do, it won’t matter.&nbsp; Besides, with no countdown, this could go on
forever and ever!&nbsp; Oh, and despite the
fact that there is absolutely no way your musical tastes could be as exquisite
as mine, I welcome any suggestions you might dare to make.&nbsp; For I am, after all, quite magnanimous by
nature.</span></i></b><b><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;"><o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://en.wikipedia.org/wiki/Kenny_Rogers" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-luOZgYljOxU/VoReG46NlQI/AAAAAAAAaC4/vL8tUDGjEtE/s320/Kenny%2BRogers.jpg" width="231" /></a></div>
<div align="center" class="MsoNoSpacing" style="text-align: center;">
<b><span style="font-family: &quot;Verdana&quot;,&quot;sans-serif&quot;; font-size: 12.0pt;">Link: [Kenny Rogers]<o:p></o:p></span></b></div>


The highlighted part of the code is now changed to the URL where the image came from.  Please take note of the double-quotes (“) on both sides of the code.  The way I change the code is to delete one character at a time between the double quotes, and then I paste in the new URL.  Make sure and not delete the double quotes or add to them.  For this will break the code.

No, it is really not such a big deal, but having to edit the links that way takes longer than it did when it could be done by left-clicking on the image in the compose mode.  Alas, even though the threat has lessened considerably, I still think the communists are plotting against me.  Sigh.

P.S.
Woo hoo!, [Postcardy] left a comment with the solution to my problem.  As [Ann] asked about, one can indeed edit the link to images through the link option on the editor toolbar.  You can see the link option highlighted in blue in the screenshot, just above where it says “X-Large” on the blue bar.  What needs to be done is clicking on the link option twice after clicking on the image while in the compose mode. Up will pop the same box that displays what text one wants to link to where.  I had seen this, but what was throwing me off was that I am wanting to link an image—not text.  Well, just ignore the text part, and paste in the URL where it says to.  I tried it, and it works just fine.

Please Also Visit:

15 comments:

  1. I don't like messing around with code. Silly question but can't you change the link by using the link option that is in the editor tool bar?

    ReplyDelete
    Replies
    1. Thanks for stopping by, my dear Ann!!! The link option in the editor toolbar is what I use to link text, but I cannot get it to work for images.

      Delete
    2. Hey Ann, Postcardy let me know how to do it, which I added to the article.

      Delete
  2. I never knew about using the "edit link" link you mentioned on the blue bar. I have been using image links to link to .html page urls for years using the "edit link" box the same way I do for text links. After I click the image, I click "link." Nothing happens the first time. Then I click "link" again, and the "Edit Link" box appears.

    ReplyDelete
    Replies
    1. Thank you so very much, my dear Postcardy!!! I just added to the article how you said it can be done.

      Delete
  3. P.S. I always have the images on my computer first and use "Choose Files" to insert them in the post. If I feel it is necessary to give credit to the image source, I include a caption with a "source" link. I mainly just use image links to link the "Sepia Saturday" image to the "Sepia Saturday" page at the end of my "Sepia Saturday" posts or to link a logo to a "label search" on my own blog.

    ReplyDelete
    Replies
    1. Thanks for stopping by again, my dear Postcardy!!! Yeah, I also have the images I (re)publish on my computer first. I also have most of the text for my articles in Word documents, and then I copy and paste to Blogger. Just in case one of Google's servers suffers a massive failure and loses all of its content, I still have a copy to republish.

      Delete
  4. Happy New Year to you, may life be filled with joy and love, and looking forward to blogging with you again this year!

    ReplyDelete
    Replies
    1. Thanks for stopping by, my dear Karen!!! Be assured that I greatly appreciate the well wishes. Yeah, I think 2016 is going to be a better year.

      Delete
  5. Replies
    1. Thanks for stopping by, my dear Adullamite!!! Alas, I am used to being forgotten about.

      Delete
  6. Replies
    1. Thanks for stopping by, my dear Martin!!! You are most welcome.

      Delete
  7. Glad you found a solution. Blogger likes to keep us on our toes.

    ReplyDelete
    Replies
    1. Thanks for stopping by, my dear Linda!!! Be assured that I can use all of the help I can get.

      Delete

Since the Blogger spam filter has been found sorely lacking lately, I will start moderating comments. Be assured that I am only interested in deleting spam. So, if you feel a need to take me to task over something—even anonymously, go ahead and let 'er rip, and I will publish it as soon as I can.