I took the skeleton insructions from here for easier reference and cross navigation for you. You can have better guidelines on what to do to install CommentLuv on your blog by seeing instructions there, and switch here if you want more detailed explanations..
The first thing to remember is, CommentLuv is a Java-based script, and thus you have to allow Javascript to run on your browser. Don't be like me, activating NoScript on my Firefox and was wondering why CommentLuv didn't work. :P My instructions, once again, is a modified version of instructions posted on commentluv.com. This instructions have been tested thoroughly and confirmed working. I recommend you to follow these instructions step by step so there won't be any mistakes happened.
Step 1
Register your site and verify it
This is a simple process. Don't tell me you don't know how to register a new account on a website.... -.- Go here-> http://www.commentluv.com/wp-login.php?action=register to register new account on commentluv.com.
Fill out the necessary fields, and continue. You will be told that a confirmation email has been sent to your mailbox. Check it and click link embedded in it to activate your account.
Next, you have to add commentluv tag to verify your site. Go here:
http://www.commentluv.com/settings/ , and fill out your site address. You will have to put html code (below badges display) like provided on this pic, on your blog. Just add a new page element (Javascript) and paste the whole code there.
Once you have inserted the code, click 'verify' to claim your site. The verifying phase now is done.Step 2
Import your comments and convert your blogger template
Go here: http://js-kit.com/comments/blogger.cgi .
Again, it's a javascript based website, so disable your NoScript if you have it installed in Firefox/ add an exception for this website.
Fill out the fields on 'Step 1: Importing Your Comments.' Blog URL should be filled with your blog's URL, Ex: eternalblackzero.blogspot.com, Account should be filled with YOUR BLOGSPOT EMAIL ADDRESS that you use regularly to login to your blog. And finally, Password is your blogspot email address password. Click import button and wait, confirmation screen should appear in a minute or so, depending on your connection speed.
Then, please follow instructions posted on 'Step 2' carefully.
If you have followed everything correctly, after you had finished 'Step 2' on js-kit.com, your blog's comment form should've been changed by now. Please refresh your browser if you haven't seen the difference.
Step 3View the commentluv code
Go back to commentluv.com to get your code now. The code is located here: http://www.commentluv.com/download/blogger-commentluv/ .
You HAVE to click 'Click for your code' and small text box will appear there. Copy the whole text and switch to your blogspot control panel now.
Step 4
Install to your blogger template
Add one page element (Javascript/HTML) . I suggest you to leave title field blank, so the widget won't clutter your blog's appearance. The script should be stay invisible as it adds functionality/design on your comment form only, not enhance your blog's general look and feel.
And there you go, you've successfully installed commentluv on your blog. ^^b But there is a thing you need to know. Here it is,
Step 5
Your js-kit settings
Now go to your comment form, and click "powered by jskit" hyperlink. It should take you on this page:
Here you can change many settings for your commentluv widget. I personally didn't change anything (before I removed my widget to experiment it on my other test blog) and was quite satisfied with commentluv.If you'd like to uninstall commentluv, just upload your original template that was backed up during js-kit installation. Just restore your original template and blogspot will delete the commentluv widget automatically. Easy, huh? ^^
And that's the end of my tutorial. I hope you're able to make a good use of this great widget. If you have anything you'd like to speak, post it on my comment form here.
Related link:
http://technicaldotcom.blogspot.com/2008/11/customize-your-blogger-commentluvs-skin.html
39 comments:
Wow... It is very details.. Bravo sis ^^ I like your post. Btw, could you give example how this commentluv works? Screenshot maybe.. :)
excellent step by step tutorial thanks!
I'll link to this from the main commentluv for blogger page
I just left a comment on a blog that uses this feature (which I "luv") and there was an option to select the post I want to show in the comment. However you must first register with commentluv.com. Sounds like readers can just use it that way while they try out your tutorial. Also for blogs without this feature, I sometimes change my website url in the comment to show the full name of the post I want them to link to! Keep up the good work, partner.
I think it's great that it is now being used on Blogger!
Ok, just checking here, will I still have my comments hosted by blogger? Or does this run them over to haloscan?
and why don't I see any luv on the comments left here?
sob sob I can't get it to work
hmm...
My commentluv is temporarily disabled. I am testing it further now on my test blog. Besides, I want to change my template, and that will be a double work for me it it's still installed.
And why yours ain't working? Elaborate?
i just want to commend you for creating a great tutorial on this.
kudos ^_^
Andy tweaked it a bit it and it works. Yipee!!
hey, thanks for the link! ^_^
hi, I am using your guide. I need help I don't know where is js setting. Couldn't find it.
I put this install in my http://iluvcontest.blogspot.com
After you've installed commentluv properly, it should appear at the bottom of your comment area.
Thanks for the instructions - I'm all set up and ready for comments!
sis I need your help... why is it that my recent comments were not shown on my recent comments when I installed my commentluv. huhu, please help me.
...weird... It was working properly here in this blog. Have you tried to remove your recent comment widget and reinstalled it? It might worth to try.
wonderful tutorial -- dugg ^_^
i want to know how can i put a nofollow attribute in this commentluv
Hi itot54joni,
Andy said to me like this:
'The links and comments are displayed with javascript so nofollow isn’t required. Search engines don’t execute javscript so they wont see the links even if they were dofollow.'
^^
I used to have my blog on blogger and if I had known about CommentLuv then, I might have kept it. I have it on my new wordpress blogs and I love it. I hope your readers get as much benefit from CommentLuv I have on my blogs.
Tim
Great tutorial, I tried it, it has some issues tho, it takes more than it gives in the blogspot venue, not for me. Hope it works out for others tho! :-)
I installed commentluv on my blog and it seems to be working OK except for that the commenter's blog posts don't show up like it's supposed to... Any ideas?
>.< It showed up correctly on my test blog. Maybe you could try to restore your template and try again.
Very easy to understand instructions with pictures, I love it.
This blog post was very helpful & made installation easy.
Thanks
great informative tutorial.thanks for sharing.
Thanks!
I think you forgot to mention that in JS Kit Admin Page, you are to click on expand leave comment to make sure commentluv works.
-http://your-dailyword.blogspot.com
By the way, why are you not using it in your site>?
Thanks for an excellent and easy step-by-step tutorial. Even this non-tech techie was able to do it! I love Comment Luv !
I want my blogger comment section to look like this one. How do I make that happen ? Those gray bloxes from the js-kit are not working for me. Thanks !
I use Joomla. Is there anything like this for Joomla?
I hadn't realised you could put commentluv on blogger blogs. Thanks for the information
Cool I'll try this at Home :)
thanks my friend
regards
kang tatang
very clear step by step instructions, thanks.
Dofollow comments. Is that a google default value?
Anyway, it is a good thing!
I think google have nofollow as default.
Nice one. thanks
thanks for your tutorial
thanks i'll try this
Hi, I have read all the tutorial and saw the video, but I can not sign up! just gives me the option to register loguin but this really works for Blogger?
Post a Comment
Feel free to comment here... ^^b Thank you for your time.