Add Twitter Id field to comment form in 5 easy steps

Add Twitter Id field to comment form

Did you ever try to add Twitter username to you comment box. To share your instant updates to all and get more twitter friends with good exposure. If you installed your blog, readers like to add it so that they can promote their site or product and at the same time get exposure by many people within the same category. There are many plug-in for wordpress came. But this new plugin actually worked for my theme (support wordpress2.8 installed). Yesterday , i going through new plug-in in wordpress and found “ twitterlink comment” which is realised by commentluv.

From various authors many plug-in realised .in case of my theme its not working. But the previous plugins are work well with thesis theme/framwork and their child theme. When i tried to install my comment box -collapsed and some theme features are not responding. But this plug-in is very good. I tried it and no errors for me. – lets digg into tutorials –

Easy steps:

1. Backup your files(optional- not needed, mainly index.php and config.php).

2. Download plugin from TwitterLink Comments.

Install to your blog through FTP or directly and activate it.

“- this plugin add table called (yourprefix)_wptwitipid “

3. go to TwitterLink Comments page under settings menu.

[This plugin adds an extra field for the comment author to add your Twitter username].

4.There is two option for you, YES OR NO

If you don’t want to mess with the coding then choose “ YES” and save it.

Just select Yes and if you need you can change the option for link fomart,twitter link position, and field desicrption. Remember this option put your twitter ID field after the submit button. And with blue dialog box. Try it yourself.

Result :

5. it seems not good with the background, and my suggestion is to add under the website link field. Select option “ NO” from the settings and save it.

Now open the comment.php from editor and search the “ website “ and below that add the following code. or above the code also your wish.

<p><input id=”atf_twitter_id” type=”text” name=”atf_twitter_id” > Twitter ID <br><small>(ID only. No links or “@” symbols)</small>

Save it and Spread this to your more twiiter addict friends.

Result :

For more support visit : comluv.com support

Just put your username in the comment box and start tweeting. | another tips another tips. and do share with your twitter friends and add to you site.

Buy 1 Get 1 50% OffCoupon

Buy 1 Get 1 50% Off

AD START DATE - JAN 1, 2024 00:00:00 (EST)

AD EXPIRATION DATE - FEB 1, 2024 00:00:00 (EST)

Ad Code: HTML:

https://www.popilush.com/collections/bundle-and-save

80 Comments

sriganesh on 04/10/2009 at 17:17

Now the comment box looks like this.
Claudio on 04/10/2009 at 18:10

Awesome, thanks for this tip
- Sri Ganesh.M on 05/10/2009 at 10:22
  
  thanks dude
Debajyoti Das on 04/10/2009 at 23:16

Excellent …. In Fact I was Looking for this Plugin. Just Didn’t know the Name …

Thanks 🙂
- Sri Ganesh.M on 05/10/2009 at 10:23
  
  your welcome.
Ramakanth on 04/10/2009 at 23:33

um yaa thats nice collection dude…….
- Sri Ganesh.M on 05/10/2009 at 14:46
  
  thanks for that
Sunny Bhasin on 04/10/2009 at 23:43

Thanks for the tutorial 🙂 🙂
Can you help me in getting a nice theme for my site ????
Thank you
.-= Sunny Bhasin´s last blog ..Why Tech18.com?? =-.
- Sri Ganesh.M on 05/10/2009 at 14:47
  
  thanks for the comment and by the way what type of themes do you want. free or premium. tell me.
  - Sunny Bhasin on 06/10/2009 at 01:45
    
    Premium but freely available .
    A theme which suits my blog Tech18.
    Thanks
    - Sri Ganesh.M on 06/10/2009 at 08:06
      
      My suggestion is arethima and revolutionary theme, with white bg and nice user friendly with many option. this is used mainly for Tech Bloggers
      - Sunny Bhasin on 07/10/2009 at 09:17
        
        ok Thanks , how is my current theme can you pls give me a feedback ???
    - Sri Ganesh.M on 07/10/2009 at 16:49
      
      Ya its nice, keep that nad start blogging
    - sriganesh on 09/10/2009 at 06:45
      
      http://www.designstar.org – you can see this site using same theme, i theme so. check out
Sri Ganesh.M on 05/10/2009 at 10:17

i excepting that. thank you.
cypherbox on 05/10/2009 at 11:34

Brilliant useful idea. Thanks for sharing. 🙂
- Sri Ganesh.M on 05/10/2009 at 14:47
  
  your service is good and thanks for mention my post on your site
  - cypherbox on 06/10/2009 at 11:39
    
    Your welcome. Hope to see more blog post from your site. Keep up the good work!
    - Sri Ganesh.M on 06/10/2009 at 14:24
      
      sure, ill keep the good work and thanks for the wishes !!
Amar on 05/10/2009 at 22:01

Hey Thats a great post, I might add this tab soon 🙂 Would definitely check out your site for more useful stuff
- Sri Ganesh.M on 06/10/2009 at 14:23
  
  go ahead and through pradeep, i came to know about your blog. your PR is really increasing very fast. congrats on sucess
Blogspot to Wordpress on 06/10/2009 at 18:34

Hey man very useful and detailed post.. Great tut. Tweeting your post.
- Sri Ganesh.M on 06/10/2009 at 20:10
  
  ya this ine is easy, and i added your link in post for thesis framework using users. so that they can use that in easy way.
Abhishek on 07/10/2009 at 00:22

TwitterLink is a nice plugin, instead of saying no to auto install just for background you can customize the division named twitlink.

Will save time from customizing the comment template.
- Sri Ganesh.M on 07/10/2009 at 16:45
  
  Abhishek this is first try on codings. not familiar with codings. so i used to no and added the codings to the template. and it worked. because i have added some other code,so i dnot want to riun that 🙂 ,
  thanks for the comment
Andy Bailey on 07/10/2009 at 18:08

great tutorial!
one suggestion, if you’re adding the code yourself, you might want to put tabindex=”4″ in the twitter field so it is natural for user to tab from name,email,site and then to twitter field.

thanks for sharing how to add the field manually, I’m sure many people will appreciate it!
.-= Andy Bailey´s last blog ..Now supporting your language =-.
- Sri Ganesh.M on 07/10/2009 at 18:12
  
  Thanks for the Feedback.when i try to press tab and it jumps from webpage to text area. i ll try to add tabindex . 😛
Himanshu on 08/10/2009 at 22:45

Amazing tutorial, I must say I saw this type of well defined tutorial after many days, keep doing nice work. Article retweeted. Regards.
- sriganesh on 09/10/2009 at 06:40
  
  Thank you so much for the commenting here. keep visiting .
S.Pradeep Kumar on 09/10/2009 at 05:31

Commenting first time after the introduction of this twitter field ! 😀

And, this tutorial is really well explained here.. going to try that ! Thanks for sharing Ganesh 😉
.-= S.Pradeep Kumar´s last blog ..Pick A Good Web Host Using Web Hosting Geeks =-.
- sriganesh on 09/10/2009 at 06:43
  
  thanks buddy. actually i tried in different free themes also and it worked for me. iam not code niche.but i can say it worked for me without any errors.
  really adding twitter ID to the blog makes visitors to add their username.
  -nice plugin-
Shurandy Thode on 11/10/2009 at 23:57

Thanks for sharing. Great blog I just subscribed.
- sriganesh on 12/10/2009 at 07:13
  
  thanks for visiting my blog commenting. welcome to animhut. b/w your blog(community) is great. sharing nice deisgn news. keep up the good work
FAQPAL on 12/10/2009 at 08:20

Excellent tutorial, thanks for the share.
- Sri Ganesh.M on 12/10/2009 at 18:30
  
  thank you for visiting my blog sir.and sharing.
Emmanuel on 19/12/2009 at 02:52

Nice Tutorial. Saved me hours of coding. I’ve been figuring how to do this for a long time.
Thanks.

-Emmanue.
.-= Emmanuel´s latest blog ..Hello world! =-.
- Sri Ganesh.M on 28/12/2009 at 13:36
  
  thanks for the reply and i happy i helped you
Hesham @ FamousBloggers on 28/12/2009 at 14:51

I have done it on our blog, thank you so much for leading me to this post!
.-= Hesham @ FamousBloggers´s latest blog ..How to add more URLs to your CommentLuv plugin account? =-.
- sriganesh on 17/01/2010 at 13:34
  
  i really happy you liked it 😀 hesham
Barnevern on 28/12/2009 at 15:50

Thanks for a useful plugin, I have added it to two of our blogs.

Keep up the good work, I will revisite your site for stuff to come 😉

Thanks!
- sriganesh on 17/01/2010 at 13:38
  
  Brnevern thanks for the comment , welcome to animhut
Damon Day on 09/01/2010 at 11:35

Thanks for the tutorial.

I have noticed this feature on a few other blogs but I couldn’t find the plugin myself. I am not good at coding other than basic html, so I appreciate you taking the time to lay it out.
- sriganesh on 17/01/2010 at 13:39
  
  even I tried for months and later i found myself to help others 😀 thanks for commenting here
Lucas Cobb on 15/01/2010 at 10:16

Great tutorial. I have implemented this on my blog and it works like a charm. Very easy to follow and gets the twitter love going with my followers. Keep up the great work.
.-= Lucas Cobb´s latest blog ..Usability Tips For Bloggers =-.
- sriganesh on 17/01/2010 at 13:42
  
  thnx for commenting and welcome to animhut Cobb
Jaydip Parikh on 03/02/2010 at 11:35

Wonderful tip. I loved it. Thx for sharing man
.-= Jaydip Parikh´s latest blog ..Management Story : When You are in Deep Shit =-.
- Sri Ganesh.M on 12/02/2010 at 08:14
  
  thanks jay for your comment
Tony M on 08/02/2010 at 02:26

Thank you for this simple to follow post. I was searching for a nice plugin to do this and came across your tutorial. Worked like a charm.
.-= Tony M´s latest blog ..Wordpress Plugins Are Easy To Install =-.
- Sri Ganesh.M on 18/03/2010 at 07:06
  
  thanks for kind words, iam really glad you liked it 😀
Veron on 09/02/2010 at 17:10

I am looking for a solution to add a Twitter field, but where possible I try to stay away from plugins. I think Smashing Magazine (or was it Problogger) also offered a solution for this by modifying the theme’s comment template. Just in case anyone’s interested.
.-= Veron´s latest blog ..Palm Beach Seafood Restaurant – Celebrating Chinese New Year =-.
- Veron on 17/02/2010 at 14:25
  
  I went back to check. As it turns out, it was Problogger and his solution also involves a plugin. Your step-by-step guide here is much simpler, and I have just implemented it on my blog. Thanks!
  - Sri Ganesh.M on 18/03/2010 at 07:11
    
    yes they are pro, as i said i gave a try ! and it worded. and i glad you like it. and this is easy with the use of plugin. ! even i tried 7 tutorials before each different one. nothing worked for me . ( confused 😛 )
paul @ DailyShite on 15/02/2010 at 06:43

Thanks for that. I’ve been looking to add the same functionality to out site and had experimented with hand coding it, but this should make things a lot easier.
Shurandy Thode on 15/02/2010 at 08:40

I have a problem with mine in the back-end when I set it to be placed manually it wont stay like that. And you will get an extra field below the comment-form that has a class with bg-color lightBlue that I don’t know how to change it. I can’t find where it is actually written to edit e. Really weird, any idea what the cause of this could be?
Kristen on 20/02/2010 at 11:46

How would I add this “tabindex” that is spoken of here so that it tabs directly to that field? Thanks for an awesome tutorial!
- Sri Ganesh.M on 26/04/2011 at 13:44
  
  You have to add the
Tom on 02/03/2010 at 17:20

Thanks for sharing, I Like it..

Cheers.
jared thompson on 03/03/2010 at 19:54

*would recommend that you arent showing all of your comments on one page, slows down loading so much..
and been looking for a tutorial for a while to carry this out.
so i hope to impliment this asap!
thanks
.-= jared thompson´s latest blog ..High Class Photography Round-up: Glasses are Sexy & Sophisticated #2 =-.
Sri Ganesh.M on 18/03/2010 at 07:14

oh its really pleasure you like it, i am so happy
suraj on 13/05/2010 at 18:13

That’s nice, I saw this twitter user name on many popular sites but didn’t know the exact plugin. Thank you so much Sri you have explained all steps very nicely.
Mia on 16/05/2010 at 05:34

Thank U this was exactly what I was looking for as I am building my other site . Having the twitterlink has basically become a pivotal aspect on ones comment page , as it helps to identify & link back to your followers & commentators . Ive styled it to match the rest of my comment form & looks great 😉

Thank you for sharing this w the community 🙂

M.
Ben on 19/05/2010 at 20:17

Great tut! Will come in really useful =]
sanjay on 09/07/2010 at 06:27

hi! this is a cool idea, but i have a suggestion: can i use the twitter photo instead of gravatar? while we use the id why not use the photo right? 🙂 please email me if this can be done and how..thanks!
- Sri Ganesh.M on 26/04/2011 at 13:06
  
  Sanjay ,
  Sorry to say i cant get that , it shows error for me. but seen in some blogs, i will let you know after getting information for that the bloggers.
  
  thank you for checking the Tutorial.
  Sriganesh.M
sanjay on 09/07/2010 at 06:30

one more thing, can i use this in php website? ‘coz im not using wordpress..thanks!
- Sri Ganesh.M on 26/04/2011 at 13:07
  
  I dont have PHP site, but you can give a try. any how its a WP -plugin you have to lots of work !
TwitterBackgrounds on 15/07/2010 at 18:17

Thanks for this post. Every step is easy to follow.
- Sri Ganesh.M on 26/04/2011 at 12:48
  
  We are so much Happy !! it help you well . Thanks U
Kuswanto on 27/07/2010 at 10:25

Nice plugin, Will check this out and add it to my blogs. This kind of plugin will pump up commenting on any blogs.
- Sri Ganesh.M on 26/04/2011 at 12:47
  
  Sure it Will help us gain more readers and it worked perfect for me !1
Diana Eftaiha on 02/09/2010 at 20:42

interesting. i think ill go with that on my blog. it sure does encourage visitors to comment more. that and commentLuv which i see youve already installed.

i mean its working on me isnt it 😉
- Sri Ganesh.M on 26/04/2011 at 12:46
  
  Thanks for the Appreciation ! its working well !!
Arslan on 27/09/2010 at 09:20

thats great, I was thinking that how you put the twitter id field in comment box
thanks for sharing this
- Sri Ganesh.M on 26/04/2011 at 13:22
  
  How are you ! Arslan ,
  Much appreciated for the Tweet and it really help out.
daddydesign on 29/11/2010 at 07:41

thanks for sharing. Was looking exactly for this..
- Sri Ganesh.M on 26/04/2011 at 13:19
  
  Thanks for the comment !! DD
Kostas on 24/05/2011 at 02:40

Nice tut, i am gonna check it on a test site. Thanks for sharing.
- Sri Ganesh.M on 26/01/2012 at 22:53
  
  welcome to animhut, thank you or the comments !
Sagar Nargolkar on 27/02/2012 at 21:50

Thanks for the tip. 🙂

Trackbacks/Pingbacks

Add Twitter Id field to comment form in 5 easy steps | AnimHuT | bllogger - [...] More: Add Twitter Id field to comment form in 5 easy steps | AnimHuT [...]
55+ Most Wanted WordPress Tips, Tricks, and Hacks - [...] 48. Add Twitter ID Field in WordPress Comment Form [...]
freexinxi » 55+ Most Wanted WordPress Tips, Tricks, and Hacks - [...] 48. Add Twitter ID Field in WordPress Comment Form [...]
uberVU - social comments - Social comments and analytics for this post... This post was mentioned on Twitter by animhut: RT @tweetmeme Add Twitter Id…
MySite4.ws — Blog — 55+ Most Wanted WordPress Tips, Tricks, and Hacks - [...] 48. Add Twitter ID Field in WordPress Comment Form [...]
Enable Twitter ID plugin and Customization in WordPress 2011 Themes | AnimHuT - [...] years before, I wrote a post on “Add Twitter Id field to comment form in 5 easy steps “.…
Fresh Twitter Icon Pack for Bloggers and Webmasters | AnimHuT - [...] are Twitter freak and love to make friends or followers through comment in your blog – “Add Twitter Id…