(English → Italiano) View originalTranslators:
Recently, someone asked me how to put together a link in HTML that, when clicked, took the clicker to their Twitter page with a tweet already filled in. She basically wanted an easy way to let people share her newsletter. I was putting this little color-coded guide together for her and I thought I’d turn it into a blog post. Check it.jgojl7w0nctwlbc0b42jq9zi2zykvhv4
Regular Ol’ Linkslf98afjuus5255246vu7seli4asxlhyx
To begin, let’s review how to make a simple link in HTML. First, make sure you’re editing in HTML and not Rich Text. You’ll be able to tell because you’ll see a bunch of “w19a4pykwlxevcr95270nfr8okodms99<"s and ">“s everywhere. Below is a color-coded diagram of the code for an HTML link. (If you’re a newbie to HTML, remember that your code won’t be in color)tfntq5ypf5aqcphtp46vael4gcrfz4zj
- Blue is the HTML codeu6adodpuefhhw10zb7wkk5li0ws80mekvt1kn5e190gza26t1nfljd2gfykh1awmt3xrbyngetxl86x4db47ms6zdht17nrr
- Orange is the URL where the link will gokle5t1grxrnbgdq7jekfsbv1nio2uey5
- Black is what the link will sayxlz92tz0av5tinxojpxf4gsz3zzg031osylatckdlnv1bjdxhiz4h3j3zhpsxxlfy716cewqmmcda0jt17bzdht6719udsz1
Example:y9bzny17p5t7xqqab8za4t19eiciw5fltnyixh510f2fqm7la211zzadtj3dviiehdwwg1yfjw1973cguqvvwdkh0l5xacei
Googledykf0wwx99ru1qoku2myh21n25arc9hf
Share on Twitter Linkslyiahg7pspgk9xhm0nk6nkp6uol8gz5s
Creating a link to automatically fill in some Tweet text is pretty simple. You just need to know some additional code to stick into the HTML link code. Let’s take a look:x30vbrmgvise1n8bjvyjk4wyg0kq2vip
To make a link that, when clicked, sends the clicker to this:wg6wtn1uluqu3z6453tyew9j2ixgs4beetpm7t6e5pl3csfibbnoccdtsuqhzw74
…use the following code:7ojpldfii1zj1cg2cgc5atj71hd1oaulnpap8yi9brvgwcptsry2j0hyp8kvtc86
Share This on Twitter75vfx6n2077lf5wem0p7242f7hd60arx
- Blue is the HTML codeu6adodpuefhhw10zb7wkk5li0ws80mekvt1kn5e190gza26t1nfljd2gfykh1awmt3xrbyngetxl86x4db47ms6zdht17nrr
- Green is the code that gets Twitter to generate a tweet through a linkrep370u1hd6j4phfjg6n42j5z06b37hk
- Red is the text of the tweet. You can’t use spaces in this area of HTML but you can get spaces in your tweet text by typing %20 instead.knkxz8q7fkfr119drtpd0zssyymdzuha
- Orange is the URL that will be included in the tweet. Twitter will automatically shorten it to save space.1gmft9r2k75t3ckvtyjet3d27yvaspek
- Black is what the link will sayxlz92tz0av5tinxojpxf4gsz3zzg031osylatckdlnv1bjdxhiz4h3j3zhpsxxlfy716cewqmmcda0jt17bzdht6719udsz1
Example:y9bzny17p5t7xqqab8za4t19eiciw5fltnyixh510f2fqm7la211zzadtj3dviiehdwwg1yfjw1973cguqvvwdkh0l5xacei
Share This on Twitterj5edwjfu1vsngt05g5zrnggfl2xdi7or
Learn how to add #-hashtags and @-tag users with Share this on Twitter links.y4660gxewb2cmt9zrtlg9bv79h127ckv
Share on Facebook Links9c2zsps2t0bj1njxyo4n574uqfy53h22
Creating auto-share links for someone’s Facebook Wall is just as easy.ngp1tk8kkd0mvsvky0vq8wl0shlg5wni
To make a link that, when clicked, sends the clicker to this:wg6wtn1uluqu3z6453tyew9j2ixgs4beetpm7t6e5pl3csfibbnoccdtsuqhzw74
…use the following code:7ojpldfii1zj1cg2cgc5atj71hd1oaulnpap8yi9brvgwcptsry2j0hyp8kvtc86
Share This Link on Facebookixxjdmbogq89z6qj2bvdo8tc0xtn3xdc
- Blue is the HTML codeu6adodpuefhhw10zb7wkk5li0ws80mekvt1kn5e190gza26t1nfljd2gfykh1awmt3xrbyngetxl86x4db47ms6zdht17nrr
- Green is the code that gets Facebook to generate a wall post through a link368p5x05fvopmpt1zruap58jrf374bjx
- Orange is the URL that will be attached to the post.ee4jf6etv3xwk2li75d032iorwkbjzlo
- Black is what the link will sayxlz92tz0av5tinxojpxf4gsz3zzg031osylatckdlnv1bjdxhiz4h3j3zhpsxxlfy716cewqmmcda0jt17bzdht6719udsz1
Example:y9bzny17p5t7xqqab8za4t19eiciw5fltnyixh510f2fqm7la211zzadtj3dviiehdwwg1yfjw1973cguqvvwdkh0l5xacei
Share This Link on Facebookwlwhih32cr29y1jsvubuyg4150mf80dv
What are your favorite tricks to make your links do more?b2693vkm77cg31a4n0f1ja0tbx7lxmqz
Get more out of your Share on Twitter links with this post
Making a ‘Tweet This’ Button with # and @ehfy0677182bprl5zc1frkcpbwqa5mi9
5zwti91ikpakgzwq6y06gljr4z3bbwq6
(original) View Italiano translation
Recently, someone asked me how to put together a link in HTML that, when clicked, took the clicker to their Twitter page with a tweet already filled in. She basically wanted an easy way to let people share her newsletter. I was putting this little color-coded guide together for her and I thought I’d turn it into a blog post. Check it.
Regular Ol’ Links
To begin, let’s review how to make a simple link in HTML. First, make sure you’re editing in HTML and not Rich Text. You’ll be able to tell because you’ll see a bunch of “<"s and ">“s everywhere. Below is a color-coded diagram of the code for an HTML link. (If you’re a newbie to HTML, remember that your code won’t be in color)
- Blue is the HTML code
- Orange is the URL where the link will go
- Black is what the link will say
Example:
Share on Twitter Links
Creating a link to automatically fill in some Tweet text is pretty simple. You just need to know some additional code to stick into the HTML link code. Let’s take a look:
To make a link that, when clicked, sends the clicker to this:
…use the following code:
- Blue is the HTML code
- Green is the code that gets Twitter to generate a tweet through a link
- Red is the text of the tweet. You can’t use spaces in this area of HTML but you can get spaces in your tweet text by typing %20 instead.
- Orange is the URL that will be included in the tweet. Twitter will automatically shorten it to save space.
- Black is what the link will say
Example:
Learn how to add #-hashtags and @-tag users with Share this on Twitter links.
Share on Facebook Links
Creating auto-share links for someone’s Facebook Wall is just as easy.
To make a link that, when clicked, sends the clicker to this:
…use the following code:
- Blue is the HTML code
- Green is the code that gets Facebook to generate a wall post through a link
- Orange is the URL that will be attached to the post.
- Black is what the link will say
Example:
What are your favorite tricks to make your links do more?
Get more out of your Share on Twitter links with this post
Making a ‘Tweet This’ Button with # and @
