Linking to a Google Doc From Blogger

If you make a file in Google Docs and Spreadsheets, this is how to link to it from Blogger If you've created one document and saved it already, locate the url (web address) in the window above on your screen and copy it. Use the right-click button on your mouse and then the Copy on the small menu so that you don't make a typo. Then go back into the post or sidebar where you intend to keep the link and produce this: <a href="http:...documentLink">DocumentName</a> Paste the url that you already Copied into the above code, replacing everything between the quotation marks with the url. Keep the quotation marks, of course. The "DocumentName" is whatever name you choose to call it, whether a title or description. If you can succeed with one link, you can make a list of them, maybe using the ul or ol list or create a LinkList type Gadget. Neither one is very hard, though anything can be intimidating the first time you try (remember bicycles?). Unordered & Ordered Lists

Make Link Open in New Window

<A HREF="link.html" TARGET="_blank"> text</a> To make a link open in a new window, you will have to write the HTML in this "anchor" format, shown—with slight presentation differences, in case one is more clear to Newbies—both above and below this paragraph. The one below is more clear to me. <a href="URL of target site" target="_blank">Anchor Text</a> If you put the following code (with real info substituted) in your own post or sidebar, you'd get my other (very irreverent) blog, "The Rat Squeaks", opening in a New window: <A HREF="http://rodentia.blogspot.com/" TARGET="_blank"> THE RAT SQUEAKS </a>

Unordered List In Sidebar

You have two options:

• Unordered List (with bullets)
  
• Unordered List (with bullets)

OR

1. Ordered list (numbered)
   
2. Ordered list (numbered)

Newbies using New Blogger template may be better off using the Link List in the Page Elements. It is easier for the lazy Blogger; however, it is more difficult to backup the Link List widget than to just backup the Page Element. You'll also have more control over it later (when you've become more informed) in a Page Element.

Before I forget, there is a third kind of list; when you just start your list items and don't specify either ordered or unordered, you will get plain bullets (or whatever your CSS specifies)

There is an even newer Blog List type of page element if you're trying to create a BlogRoll and you may find it preferable--it does a very different (and nifty) thing for you!

[More below...]

(Page Element and Gadget (or Widget) are different names for the same thing--one is more accessible to you (through the Layout page) and the other, in the template, you can go into more deeply as far as editing it IF you know how!) So I prefer the ul or ol list, whose html code I can keep backed up in a Notepad file or other plain-text program, in an html/javascript page element.

If you are using a Classic template, you will need a list of this sort for the sidebar. In a Layout template, you'd put the code in a Gadget.

Put this after or at least not inside the other ul lists in the sidebar in the template.

Below is the code for a list of links that you could use HTML to put it in your sidebar via the Classic template or into a Gadget (html/javascript Page Element)in a Layout template. First one below is an example of a link. <h2>New Category</h2> <ul> <li><a href="http://www.zandria.us/">Keep Up With Me </a> </li> <li>list another one! </li> <li>list another one! </li> </ul>

If your template uses a particular "class" for it's titles in the sidebar, just imitate (copy) them in order for your new list titles to match the old ones.

For a second list, if needed, do another title and pair of start and end tags and fill in the middle part.

For just one link in the sidebar, use code as below: <a href="http://rodentia.blogspot.com/The Rat Squeaks</a>

The difference between an unordered list as above and an ordered list which Numbers your list is merely using an ol tag instead of the ul tag!

Mailto, Or "Email Me" Link

If still using Classic Blogger, you would have to add the mailto code in the appropriate place in the sidebar. If you're using the Layout template, you'll do the following:

Add an email link in your blog:
1. On the Navbar, click on Customize. 2. Click on Add A Page Element. 3. Click Add To Blog under your choice of page element. 4. for adding a mailto, add an html/javascript page element. 5. Put the following html code into it: <a href="mailto:ratsouthern@gmail.com">You can email me here!</a>

Of course, put your address in it, not mine! You can change the "Email me" wording.

Save Changes when you've finished with the html in the page element.

--------------------------------------------------------------------

Mailto, with a picture (or button) link:



Format for above Mailto picture link:

<a href="mailto:YourEmail@what.com"><img src="http://FullUrlOfPhoto" alt="Click to email Mortimer Snerd"></a>

Clickable "Button" Link To A Web Site

Making a clickable "Button" (or picture link) that links to a web site:

Below is an example:



<a href="http://rodentia.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibo3sP8dHAdCdPBQnjx9UejLp7nxgMBef8xwsA-KelB0HStlcYqiQgveMXIwBEqe94uRTOJg3Ke6LYnpS8LRc6Z6wSemzI1ruA-tPpLY7idN38Go9nRHc-fM6S0xr_nUDfuTM6/
s400/RatsHaveRights.jpg"></a>

The "<a href=" part is the link and the "<img src=" is the photo-image-button readers will click on.

Below is the general format:

<a href="yourLink.com"><img src="yourImage.jpg"></a>

See also Links As Code

Links List in Beta

Migration Is A Two-Step Process

On the Dashboard of blogs that have been migrated to Beta (New Blogger), there's a Manage list out to the right of each blog title that says Posts Settings Layout. If you have not been migrated at all or if your template has not been upgraded at all it will say: Posts Settings Template.

If migrated, your Navbar will also have Customize and New Post in it. Clicking Customize there or Layout in Dashboard will start the rest of the procedure (upgrading the template).

If you are in Beta, you will be able to add a Page Element, one of which is a links list. When you add it, be sure to have handy access to the URLs that you wish to enter and then just follow the directions. Enter the title and URLs for each blog, click on Add Link, and when all links are added be sure to save the changes before exiting.

If you are interested in having links open in new windows, titles, or alt comments on pics, you should choose an html/javascript page element rather than a Links List. If the Links List allowed any of that, I never figured it out!

END.

Links As Code

Using Buttons In The Post Editor

Many people do this: 1. Go to the site you want to link to and highlight it in the Browser's Address Box up above. Right-click and Copy the URL. 2. Go to New Post or your saved post in your blog and highlight the word or title that will serve as the link. 3. Click on the icon that looks like a chain and globe above the Post Editor. 4. Paste your copied URL into the box that appears in the far top left corner. 5. Click Okay in that box. 6. You'll see the URL in an "anchor" formula like this: <a href="http://rodentia.blogspot.com">Blog Name</a> 7. If you haven't already done so, add the blog title or the text you want between the start and end tags: <a href="http://rodentia.blogspot.com">The Rat Squeaks</a> This way, you'll have entered the entire link formula almost entirely by Blogger mechanism, thereby preventing any risk of misspelling the link.

Below is a combined screenshot of both the Html and the Compose screen, showing location of the chain symbol, etc.




Making Links The Manual Way, With Code

Every site you visit or create has a link name. you can find mine at http://rodentia.blogspot.com/

However, in a template, the link would read:

<a href="http://rodentia.blogspot.com/">The Rat Squeaks</a>

and the code would be unseen except for

"The Rat Squeaks".

If you're in a site and want to link back to it from your own site, put the cursor up in the Address window, right-click the mouse and then click Copy in the menu that appears close by. When you get to your template or to your temporary file (wherever), you can Paste what you copied before. Then you'll have to work it out like the formula shown above.

Permalinks

If you want to be able to point to a specific post, rather than just to the front page of the blog, find the bottom of the post and hover your cursor over things until the time indicator or some other item shows the term "permanent link". Then you can keep the cursor on that and right-click. The menu will show, among other things, Copy Shortcut. Click on that. Now you have the link you want in this case. Again, you have to insert it into the formula. like so:

<a> href="url">Title</a>

See also Links List and Clickable Button Link

In addition to the above, one can locate and copy the Permalink for a post by resting one's cursor over the post title. Just right-click your mouse and click "Copy Shortcut" in the Menu that opens. Then you can right-click it when ready to "Paste" it into the location of your choice.

Linkcode1

Scribe--additional words for links

If you're using the scribe template, thE script for the various titles is NOT a font, but each word is an graphic. You may want to know the following for further heading titles:

p.s. Every time I click on it, there's a glitch, a pause of a couple of seconds, that claims an "Internal Error" and then it goes on to the site. Be patient and it'll come up.

SCRIBE FONT, ADDITIONAL WORDS