Posted by Sri Ganesh.M in Codex, Tutorial, Wordpress, plug-ins | 57 comments
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 ShoutmeLoud. and do share with your twitter friends and add to you site.
Related posts:
Trackbacks/Pingbacks
- Add Twitter Id field to comment form in 5 easy steps | AnimHuT « Blogging - [...] Original post: Add Twitter Id field to comment form in 5 easy steps | AnimHuT [...]
- 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 [...]
- You are now listed on FAQPAL - Add Twitter Id field to comment form in 5 easy steps... Add Twitter Id field to comment form to wordpress.Did you ...
- 100 top Wordpress tips | FAQPAL Blog - [...] Source… [...]
- 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 field ...
- MySite4.ws — Blog — 55+ Most Wanted WordPress Tips, Tricks, and Hacks - [...] 48. Add Twitter ID Field in WordPress Comment Form [...]
- Twitter Link To Comments — Online Marketing Blog - [...] Manually adding to Thesis theme in 5 easy steps [...]
- wp-popular.com » Blog Archive » Add Twitter Id field to comment form in 5 easy steps | AnimHuT - [...] from: Add Twitter Id field to comment form in 5 easy steps | AnimHuT Tags: plugin, [...]






Loading...




Twitter ID: animhut
says:
Now the comment box looks like this.
Twitter ID: pavan_sry
says:
i hope we get same additions for other feeders
Twitter ID: animhut
says:
i excepting that. thank you.
Twitter ID: pesbrasil
says:
Awesome, thanks for this tip
Claudio´s last blog ..Novo site Afiliado: ModdingWay
Twitter ID: animhut
says:
thanks dude
Twitter ID: Debajyoti_Das
says:
Excellent …. In Fact I was Looking for this Plugin. Just Didn’t know the Name …
Thanks

Debajyoti Das´s last blog ..How to Disable / Remove Facebook Ads ?
Twitter ID: animhut
says:
your welcome.
um yaa thats nice collection dude…….
Twitter ID: animhut
says:
thanks for that
Twitter ID: tech18com
says:
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??
Twitter ID: animhut
says:
thanks for the comment and by the way what type of themes do you want. free or premium. tell me.
Twitter ID: tech18com
says:
Premium but freely available .
A theme which suits my blog Tech18.
Thanks
Sunny Bhasin´s last blog ..Why Tech18.com??
Twitter ID: animhut
says:
My suggestion is arethima and revolutionary theme, with white bg and nice user friendly with many option. this is used mainly for Tech Bloggers
Twitter ID: tech18com
says:
ok Thanks , how is my current theme can you pls give me a feedback ???
Sunny Bhasin´s last blog ..Why Tech18.com??
Twitter ID: animhut
says:
Ya its nice, keep that nad start blogging
Twitter ID: animhut
says:
http://www.designstar.org – you can see this site using same theme, i theme so. check out
Twitter ID: cypherbox
says:
Brilliant useful idea. Thanks for sharing.

cypherbox´s last blog ..Google Snatch Ultimatum Review | Google Snatch 3 Killer Bonus
Twitter ID: animhut
says:
your service is good and thanks for mention my post on your site
Twitter ID: cypherbox
says:
Your welcome. Hope to see more blog post from your site. Keep up the good work!
cypherbox´s last blog ..Is There A Perfect Web Design Width?
Twitter ID: animhut
says:
sure, ill keep the good work and thanks for the wishes !!
Twitter ID: seochief
says:
Hey Thats a great post, I might add this tab soon
Would definitely check out your site for more useful stuff
Twitter ID: animhut
says:
go ahead and through pradeep, i came to know about your blog. your PR is really increasing very fast. congrats on sucess
Twitter ID: denharsh
says:
Hey man very useful and detailed post.. Great tut. Tweeting your post.
Twitter ID: animhut
says:
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.
Twitter ID: deshabhishek007
says:
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.
Abhishek´s last blog ..Using Craiglist for Promotions
Twitter ID: animhut
says:
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
Twitter ID: commentluv
says:
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
Twitter ID: animhut
says:
Thanks for the Feedback.when i try to press tab and it jumps from webpage to text area. i ll try to add tabindex .
Twitter ID: techim
says:
Amazing tutorial, I must say I saw this type of well defined tutorial after many days, keep doing nice work. Article retweeted. Regards.
Twitter ID: animhut
says:
Thank you so much for the commenting here. keep visiting .
Twitter ID: HellBlog
says:
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
Twitter ID: animhut
says:
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-
Twitter ID: shurandythode
says:
Thanks for sharing. Great blog I just subscribed.
Twitter ID: animhut
says:
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
Twitter ID: Pliggs
says:
Excellent tutorial, thanks for the share.
We have shared this on FAQPAL
FAQPAL´s last blog ..Design Cool and Simple Wallpaper in 10 Minutes
Twitter ID: animhut
says:
thank you for visiting my blog sir.and sharing.
Twitter ID: Emmanuel_Inyang
says:
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!
Twitter ID: animhut
says:
thanks for the reply and i happy i helped you
Twitter ID: FamousBloggers
says:
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?
Twitter ID: animhut
says:
i really happy you liked it
hesham
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!
Twitter ID: animhut
says:
Brnevern thanks for the comment , welcome to animhut
Twitter ID: DamonDay
says:
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.
Damon Day´s latest blog ..Debt Settlement USA – A Not So Glowing Review
Twitter ID: animhut
says:
even I tried for months and later i found myself to help others
thanks for commenting here
Twitter ID: LucasCobbDesign
says:
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
Twitter ID: animhut
says:
thnx for commenting and welcome to animhut Cobb
Twitter ID: jaydipparikh
says:
Wonderful tip. I loved it. Thx for sharing man
Jaydip Parikh´s latest blog ..Management Story : When You are in Deep Shit
Twitter ID: animhut
says:
thanks jay for your comment
Twitter ID: easyfitwebsites
says:
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
Twitter ID: sparklette
says:
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
Twitter ID: sparklette
says:
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!
Veron´s latest blog ..Have Your Say: Tipping in Singapore – Are Singaporeans ready?
Twitter ID: VagabondRoots
says:
Thanks! This is exactly what I was looking for to clean up how Twitter Links looks in Thesis. Very easy to follow and worked the first try.
Cheers.
Catia´s latest blog ..Pre Trip Planning Tips for Backpacking Around The World
Twitter ID: DailyShite
says:
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.
paul @ DailyShite´s latest blog ..Your Chances of Getting Laid on Valentine’s Day
Twitter ID: shurandythode
says:
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?
Shurandy Thode´s latest blog ..Take note: We’ve moved our blog
Twitter ID: handshouseheart
says:
How would I add this “tabindex” that is spoken of here so that it tabs directly to that field? Thanks for an awesome tutorial!
Kristen´s latest blog ..Friday Follow-A little about myself
Twitter ID: tomtenbergen
says:
Thanks for sharing, I Like it..
Cheers.
Twitter ID: jthompsondesign
says:
*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