(English → हिन्दी) 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.anfzbsagc8i5it7gocvi1uktm8ziwq9x
Regular Ol’ Linkskxmtvhnv5vdnuqegem107421mg98cu2m
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 “jjfbs28dk58yzrkdhw2biyyiknwuxkk6<"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)kziizbvpr42m1ksyuocz2m2i4f97625h
- Blue is the HTML codewdz40bp7w959kdo4kyks7p1l6i4yi7n5nfshubzc5h4zz89zjeq0zdnld267ac7n7a4t05t5cdtnl6gt0u6y3o99pyz4cxva
- Orange is the URL where the link will go10jtkagtnjzb15ugeesm8xlw9uqfgw38
- Black is what the link will sayvdt2gmfu0j05h4xw99c6vopqb3fgi2b4epfkdngbi0fxa12mlcryz4hegc3ygvulg8b6an1478g8o8owhnxjpornzy8qqn2w
Example:jwlg7m6ddwtnmv4ix8w5b0kc3djk57qfi4o9ag4fu2nbxavoh7xcqgduhd5opxoyg1zwbepbjtjg9t6zv00rkffx9qbysz1y
Googledxvb47qpm905tdgzbqizhsm2k660ct6g
Share on Twitter Linkscw8ou68hy0mz1n2gif7w2ymdnrxwosqq
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:lph26znrhdce0l4cxhhtpk4pge1qys99
To make a link that, when clicked, sends the clicker to this:j9zmj41kkljaty47csitxzw9gbolwdu634zvbjmenvg7syu5rkkncw5gcil3uiao
…use the following code:lq2cqv6w92wydsct7ksh0n0sjm20pey0ybj5gml2q92z3jais1r00ilm6vp32e1q
Share This on Twitterj4x2ehap7vuzj51re8q09ge4aqpoxn47
- Blue is the HTML codewdz40bp7w959kdo4kyks7p1l6i4yi7n5nfshubzc5h4zz89zjeq0zdnld267ac7n7a4t05t5cdtnl6gt0u6y3o99pyz4cxva
- Green is the code that gets Twitter to generate a tweet through a linkgrjkl0uyy3b23ql8zxe3cni5r6ox1af8
- 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.4j3zsfkclb0tmryf4qrub9l3uavcflra
- Orange is the URL that will be included in the tweet. Twitter will automatically shorten it to save space.tsndgcar6z725ts4r0m39c50ydk9rv3a
- Black is what the link will sayvdt2gmfu0j05h4xw99c6vopqb3fgi2b4epfkdngbi0fxa12mlcryz4hegc3ygvulg8b6an1478g8o8owhnxjpornzy8qqn2w
Example:jwlg7m6ddwtnmv4ix8w5b0kc3djk57qfi4o9ag4fu2nbxavoh7xcqgduhd5opxoyg1zwbepbjtjg9t6zv00rkffx9qbysz1y
Share This on Twitteroe8nzdctyru2yt7v3zslojfrkgck2pzg
Learn how to add #-hashtags and @-tag users with Share this on Twitter links.7g74m1g2im43oaz8od64724n0e7250r3
Share on Facebook Linksgcs85oax6owgqu8jnbzzw7psesigyx95
Creating auto-share links for someone’s Facebook Wall is just as easy.ix9otdw781oizsiwqqxjf8w7upef2qia
To make a link that, when clicked, sends the clicker to this:j9zmj41kkljaty47csitxzw9gbolwdu634zvbjmenvg7syu5rkkncw5gcil3uiao
…use the following code:lq2cqv6w92wydsct7ksh0n0sjm20pey0ybj5gml2q92z3jais1r00ilm6vp32e1q
Share This Link on Facebookxc2e1n35uc7alzkyp9ntdoph3fyfqq9d
- Blue is the HTML codewdz40bp7w959kdo4kyks7p1l6i4yi7n5nfshubzc5h4zz89zjeq0zdnld267ac7n7a4t05t5cdtnl6gt0u6y3o99pyz4cxva
- Green is the code that gets Facebook to generate a wall post through a linkfxg36zthymwsbtghnuhbq78z4fixlher
- Orange is the URL that will be attached to the post.hzf1t6fq0hnt1rpc88dcr8edjtdw694d
- Black is what the link will sayvdt2gmfu0j05h4xw99c6vopqb3fgi2b4epfkdngbi0fxa12mlcryz4hegc3ygvulg8b6an1478g8o8owhnxjpornzy8qqn2w
Example:jwlg7m6ddwtnmv4ix8w5b0kc3djk57qfi4o9ag4fu2nbxavoh7xcqgduhd5opxoyg1zwbepbjtjg9t6zv00rkffx9qbysz1y
Share This Link on Facebookbsojpqiq1ylhnxdsd5oiz5oyz9txfmqg
What are your favorite tricks to make your links do more?aids4bk6t6fo0lmjp4w7teovvmkqx7hx
Get more out of your Share on Twitter links with this post
Making a ‘Tweet This’ Button with # and @q82jzdmmld7vcrc8022dm458pyrhv87c
mputla36gbz2hrl2a86kqyjzvuu5jb1w
(original) View हिन्दी 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 @
